Welcome to the Instapage Support Center

|

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.

If you want to add a tracking pixel or a conversion code to your page, from either Facebook Ads, Google AdWords or from any other third party tracking system, you will need to paste the code in the JavaScript settings.

How to insert JavaScript into your page

1. From the page builder click on Settings, and then JavaScript:

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

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 menu bar:

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

Also, every published page has JQuery included. jQuery is a JavaScript framework that has a great plugin API. Most interface features have a plugin already written that should be fairly straightforward to wire if you have some knowledge of JavaScript and HTML. You can browse most of the plugins here.

Have more questions? Submit a request
Was this article helpful?
7 out of 11 found this helpful

Need Further Help?

Tell us what you need and we will be happy to assist you.

Our team of expert support staff and our community can answer your questions. Submit a ticket, reach out on live chat or call us now!