New GDPR Feature: Updated Custom Code Area

April 24, 2018 Uberflip Customer Success

We will be updating the custom code features within our platform, making it easier than ever for your front-end developers to customize your Uberflip experiences and connect particular custom tracking scripts to data collection consent groups. 

This article includes:

  • An Overview of our improved Custom Code features
  • What to expect in your Hub with our Custom Code updates


An Overview of the new Custom Code updates

Up until now, we have given customers on our Elite and Enterprise packages the ability to add their own custom code to their Hubs. This has enabled marketers, many with the help of our talented onBrand team, to customize the front end experience of their Hub to match their brand and create a seamless experience between their Hub and their website. 

But, after customizing hundreds of Hubs and collecting feedback from our customers, we discovered many ways that our custom code feature could be improved to better meet the needs of front-end developers. This included the ability to:

  • Easily insert code specifically into the header, footer, or body of a Hub
  • Easily enable and disable specific code blocks without the risk of affecting other code
  • Keep code blocks separate from each other to reduce errors

We also saw a need, with the updates in global privacy regulations, to make it easy for marketers to tie particular code to user permissions. For example, only enabling a tracking script on sessions where the user has opted into the company’s privacy policy. 

Our team is thrilled to announce a huge leap forward in our Custom Code feature, making it easier than ever for your front end designers to customize your Uberflip experiences.  

Here are some of the big changes you can look forward to with the updates:

  • A brand new code editor!
  • The ability to create your code in separate “Blocks”
  • The ability to place custom code within the header, footer, or body of your Hub
  • The ability to apply custom code based on visitor permissions

What to Expect in the Hub with our Custom Code Updates

What does this mean for your Hub? Learn more about our improved Custom Code features, coming in May 2018!

1. Managing your custom code

Below is the main custom code area of a Hub, which you will be able to access from the Appearance section in your left-hand menu. Here, you will be able to order your blocks of code, view placements and privacy groups, and enable/disable specific blocks of code.

2. Editing your custom code

Here you will be able to:

  • Control the name and description of the block of code
  • Associate the block of code with a Privacy Group (if applicable)
  • Enable and disable the specific block of code

3. Add HTML, CSS, or Javascript

Here you will be able to enter your custom code. Make sure to click 'Save'.


Have questions, concerns, or comments? Don't hesitate to contact our Support Team at or 1 (888) 694-2946.

No Previous Articles

Next Article
New GDPR Feature: Hub Privacy Banner, Privacy Policy Page, and Privacy Groups
New GDPR Feature: Hub Privacy Banner, Privacy Policy Page, and Privacy Groups

Learn more about our new Hub privacy banner, privacy page and privacy group GDPR compliance-enabling features.