Skip to main content

Adding custom scripts to your landing page

Add a custom script to your Plug&Pay landing pages

Written by Jelle Graafstal

In this article, you'll learn how to add a custom script to your Plug&Pay landing pages. With custom JavaScript, you can fully tailor your landing pages to your own wishes. For example, you can:

  • add your own chatbot

  • load a WhatsApp widget

  • add a Calendly calendar

  • make styling adjustments

  • track visitor behaviour


Adding a global custom script

ℹ️ This feature is available from Plug&Pay Premium. Using Plug&Pay Lite? Upgrade to Premium or Ultimate to use this feature.

Via Settings > Custom scripts > Landing pages you can apply a script in one go to all your landing pages. This script will be active on every landing page in your Plug&Pay.

custom script landing pages plug&Pay

You can then configure your global custom script for landing pages.

custom script settings plug&pay
  • Script name: Give your global custom script a name.

  • Location: Choose whether to place the script in the <head> or <body> tag of your landing page.

  • Type: Select the appropriate type for your custom script.

    • Functional: Necessary for basic functions and don't measure any data.

    • Analytics: Collects anonymous data on user behaviour.

    • Marketing: Stores tracking data from visitors, allowing you to show targeted ads.

  • Optimise for Google PageSpeed: Decide when your custom script is loaded.

    • Enabled: Your script isn't loaded immediately, which makes your page load faster.

    • Disabled: Your script is loaded immediately, which can affect your page's loading time.

  • Script is placed in <head>/<body>: Place your custom script here.

ℹ️ Scripts in the <head> are run before the page loads (and can slow it down), whereas scripts in the <body> only run once the HTML has loaded, making the page appear faster.


Adding a custom script per landing page

To add a custom script to a specific landing page, open the page and navigate to the Settings tab. Under Custom scripts in the left sidebar, you can add your script via the Add button. The pop-up works the same way as for Global custom scripts.


Using embed codes on landing pages

Besides custom scripts, it's also possible to add embed codes to your landing page. You do this by adding a new element to your landing page and including the embed code within it.

Did this answer your question?