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
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
Here you will be able to enter your custom code. Make sure to click 'Save'.