Using Custom HTML, Javascript and CSS on Your Landing Page

 

 

Instapage is constantly working to bring you more custom widgets and components that can be easily incorporated into your landing page without using custom HTML or Javascript codes. However, we know there are probably many things you want to do that Instapage doesn't have a component for yet. Therefore, you can use the Javascript and HTML/CSS settings to accomplish most things on your own or incorporate third-party scripts into your page.

How to insert Javascript into your page

1. From the page builder, select the Javascript setting situated on the right sidebar:

Screen_Shot_on_2019-07-09_at_10-28-32.png

2. Now paste your code into the assigned section: Header, Body, or Footer:

Screen_Shot_on_2019-07-09_at_10-29-34.png

Adding custom HTML and CSS to your landing page is done the same way, you just need to use the HTML/CSS tab from the Settings menu.

The custom codes will only execute in preview mode or on the published page (and not in the editor).

Also, every published page will be including the jQuery library if the jQuery syntax can be found on the page. However, note that the page loading time might be slightly increased in this case.

The Scripts&GDPR section

Screen_Shot_on_2019-07-09_at_10_36_11.png

Here you can add tracking scripts that will be applied to all the variations of the page experience. If you want to add tracking scripts to variations individually, for example, the ones that require element IDs, you will need to navigate into the builder and use the Javascript section mentioned above.

If you enable GDPR compliance, any scripts placed in this section will fire only if the visitor accepts. You can read more on this section and how to use it here.

How do I know which section to use for my script?

If GDPR is a concern, tracking scripts must be applied in the Scripts&GDPR section in order to be compliant. If GDPR is not a concern, then the scripts can be placed in the Scripts&GDPR section if they should be applied to every variation of that experience and do not reference a specific element ID. If GDPR is not a concern, and there are no variations for the experience, the script can be placed either in the Experience Manager in the Scripts&GDPR section or in the builder in the Javascript section. If an element ID must be referenced for the code to work, the code should be placed in the builder regardless of GDPR compliance.

Note: Our team can provide support for custom code features that are presented in our Help Center guides. We cannot offer assistance or guarantee the functionality of any other 3rd party scripts. 
In case you need help with a custom functionality or any code customization that is not provided through our Help Center articles we have an Implementation team that can help our Enterprise users. The Enterprise Solution includes Implementation services as well as additional features and services that can be seen here: https://instapage.com/enterprise-benefits