Skip to main content

Adding Custom Scripts to a Landing Page

All the different ways to add custom scripts

Written by Jelle Graafstal
Updated today

With custom JavaScript, you can fully customise your landing pages to your liking. For example, you can:

  • add your own chatbot

  • load a WhatsApp widget

  • add a Calendly calendar

  • make styling adjustments

  • track visitor behaviour


Adding global JavaScript

Via Settings > Custom scripts > Landing pages, you can apply a script to all your landing pages at once.


Adding JavaScript to individual landing pages

It is also possible to add scripts per landing page. You do this in the page builder, where you design your page.

Go to Settings > Custom scripts. A pop-up will then open to add the new script:

In the pop-up, you add the following:

  • New script: The name of the new script (for your own reference)

  • Location: Choose between <head> tag or <body> tag. Scripts in the <head> are executed before the page loads (and can slow it down), while scripts in the <body> only run after the HTML has loaded, making the page visible more quickly.

  • Type: Choose between a functional, marketing, or statistical script.

    • Functional custom scripts do not measure user data.

    • Marketing custom scripts track users for targeted advertising.

    • Statistical custom scripts anonymously measure usage and behaviour on the site.

  • Script is placed in <{position}>: The actual script you want to add.


Using embed codes on your landing page

In addition to custom scripts, it is also possible to add embed codes to your landing page. You do this by adding a new element to your landing page and inserting the embed code there.

Did this answer your question?