Please note: This functionality is only available for subscribers of the Plus or Growth plans.
With our Custom Code feature, you can integrate countless third-party tools with your website. This feature enables anyone to add custom HTML code to their website. With this, you can connect widgets from different sources. From HubSpot to HotJar to Google Analytics, several services of interest to your business provide code snippets that you place on your website. These third-party integrations enable a whole new set of features that we don’t have in our product. These are grouped into four areas: real-time interactions with your visitors, capturing visitor info, analytics/tracking and a broader "do more" category.
Use Cases for Custom Code
Analytics & Tracking
To better understand your visitors, you can integrate with Google Analytics, Mixpanel or Hotjar, among other tools. These give you accurate insights into what your users are doing on your website.
Custom code enables the integration of live chat from different providers, such as Facebook Messenger, Freshdesk or Intercom.
Capturing Visitor Info
You can integrate third-party tools to collect visitor information, such as inline forms, subscriptions to a mailing list or embedded surveys. Mailchimp, Hubspot or Typeform offer these solutions.
This is a broader group to accommodate almost everything you may want to share with your customers, like embedding live streams or podcast players from Spotify or Mixcloud, or do with your visitors, like accepting donations.
Managing Custom Code
You can currently enable Custom Code from Settings or you can also add Custom Code sections to each page of your website with our latest function, Advanced Layouts. In this article, we will show you these different ways to enable Custom Code on your UENI websites.
Adding Custom Code from Settings
With this feature, you can include different custom code snippets in three distinct areas of your website: Header, Body and Footer. Don't worry! Usually, the tool providing you with the code explains where to best place your code. The widget will then appear on your homepage.
Here's how you can do it:
Removing Custom Code
To remove any custom code you previously configured, just repeat the steps above to go to the Custom Code settings page and delete the content from the Custom Code box. When you click the Save button, UENI removes the Custom Code from your website immediately!
Adding Custom Code Section to Pages on Advanced Layouts
You can also include different custom code snippets into different pages of your website. In this example, we will be adding a custom form to capture customer visitor information through a subscription box.
Here's how you can do it:
Note that Custom Code is not rendered in the Editor Preview window, you have to actually visit your website to see your changes!
This is how the widget will look like on your site:
To change the position of your widget on each individual page, simply click on Edit and choose where you would like to place it.
You can also remove the widget by clicking on the icon next to it.
Although the widget is removed on your page, it will be kept in the Custom Code Library.
Please note: You can seek additional help on this feature by using the Request Edit feature inside the Hub under Pro Features
Need a hand?
se message our support team or get real-time help on our Live Chat!