Categories

AllAnalyticsCalendarsEvent Room IntegrationsHubSpotMarketoPardotSalesforceZapier

Add Custom Code to Livestorm Pages

Who can use this feature?Who can use it? Host, Workspace Owner

Which Pricing Plan?On which plans? Pro, Business, Enterprise plans

In Livestorm, you can inject Custom code to your Registration pages and/or Company page. It allows you to make UI changes by adding custom CSS (removing elements, changing colors, add buttons...), adding tracking pixels (Google, Segment...), or even adding Javascript libraries. This custom script will be injected at the bottom of the <body> HTML tag.

Custom code integration is available to customers on 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.

IN THIS ARTICLE

Add Custom Code to Your Pages

To add Custom code to your Livestorm pages, follow these steps:

1
Go to your Settings menu and then Account settings.
2
Click on App marketplace and select the Custom code card.
3
Paste your code.
4
Click on Continue to the next step.
5
Choose if you want your code to be applied on your Registration pages and/or the Company page.
6
Choose if you want to enable the integration on the new events you will create.
7
Click on Enable integration and check on the Integration menu that the status is green and "Enabled".

The Custom code integration you've just set up will not be enabled by default on events previously created. You need to enable it manually on each event.

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: 
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

Enable Custom Code on Specific Events

Once you've enabled the integration (which applies to your workspace overall), you will need to enable the integration on each specific event that you want it to apply to.

In order to enable Custom code on specific events you've already created:

1
Go to your specific event dashboard.
2
Click on Settings and then on Apps.
3
Check the box to enable your Custom Code integration for that event.

Now that you know how to set up the Custom code integration for your events, feel free to customize your Registration and Company pages! ðŸ˜‰

Join our On-Demand Product Training

During this 1h-training session, we will cover everything you need to know to manage your online event, from the event creation to hosting them live, and analyzing your participation data afterwards.

Watch