Custom code integration is available to customers on monthly and yearly Pro plans (with at least a 6-month subscription), as well as those on Business and Enterprise plans. To enable this feature, please reach out to our support team at help@livestorm.co.
Add Custom Code to Livestorm Pages
Who can use it? Host, Workspace owner
On which plans? Pro, Business, Enterprise
Enhance your Livestorm Registration and Company pages by injecting custom scripts. This feature allows you to personalize the user interface and track visitor behavior with ease.
Key Capabilities:
UI Modifications: Use custom CSS to change colors, hide specific elements, or add custom buttons.
Data Tracking: Seamlessly integrate tracking pixels from platforms like Google or Segment.
Advanced Scripts: Add JavaScript libraries to extend page functionality.
All custom scripts are automatically injected at the bottom of the <body> tag to ensure your page content loads smoothly.
Add Custom Code to Your Pages#
To add Custom code to your Livestorm pages, follow these steps:
1Go to your Settings menu and then Account settings.
2Click on App marketplace and select the Custom code card.
3Paste your code.
4Click on Continue to the next step.
5Choose if you want your code to be applied on your Registration pages and/or the Company page.
6Choose if you want to enable the integration on the new events you will create.
7Click on Enable integration and check on the Integration menu that the status is green and "Enabled".
Note: Activating the Custom Code integration does not automatically apply it to your existing events. To use custom scripts on events you’ve already created, you’ll need to manually enable the integration within each event's specific settings.
Livestorm Tip 👉 If you want to use jquery as a programming language with our Custom Code integration, you will need to add this snippet of code before the rest of your code:
Enable Custom Code on Specific Events#
Activating the Custom Code integration at the workspace level is just the first step. To ensure the code runs on a specific event, you must manually enable it within that event’s unique settings.
Follow these steps for each event where you wish to use custom code:
1Open the Event Dashboard: Navigate to the specific event you want to manage.
2Access App Settings: Click on the Settings tab in the sidebar, then select Apps.
3Toggle the App: Locate the Custom Code app and check the box to enable it for this event.
With the Custom Code integration successfully configured, you are now ready to personalize your Registration and Company pages. Whether you're adding tracking pixels or refining your UI with CSS, you have full control over your event's digital experience.
Join our Livestorm Live Product Demo
During this 30-minute live event, we will introduce you to the platform. You will learn how to use Livestorm for your webinars.