Skip to content
Gallery
nytgames
CreativeTech Wiki (internal)
creativeTECH Wiki
Share
Explore
Reference

icon picker
CustomMarkup on Flex Suite

We are excited to announce a new POWERFUL field type within our new ad templates, called CustomMarkup, which will replace and greatly enhance the existing CustomCSS and CustomJS fields in our new templates. Please note that this change will only apply to new templates and will not be implemented in legacy templates.

Benefits of new CustomMarkup field

Flexible Tag Support: The CustomMarkup box can accommodate any HTML tags, including SCRIPT and STYLE tags. It’s not limited to just script or style tags, offering greater flexibility.
Unified Code Groups: Recipes are no longer fragmented; they can now be grouped into a single block of code, streamlining the process.
Recipe Ganging: You can gang your recipes OR blocks of code together. This will make it easier to manage and troubleshoot custom code.
Enhanced Tracking Capabilities: Custom tracking can be easily implemented in this field, as it supports any form of tags, ensuring seamless functionality.

Examples

CustomMarkup input box below for adding a second logo.

<!-- RECIPE: Adding a secondary logo -->
<!-- HTML -->
<!-- Adds a secondary logo html block to the layout -->
<div class='logo-2'>
<img src="https://st2.depositphotos.com/4221849/8056/v/450/depositphotos_80567196-stock-illustration-red-circle-logo.jpg">
</div>

<!-- CSS -->
<!-- CSS to position the secondary logo -->
<style>
.logo-2 {
position: absolute;
/* Additional positioning properties should be defined here */
/* Example: top: 10px; left: 10px; */
}
</style>

<!-- JAVASCRIPT -->
<!-- JS to add a click event listener to the secondary logo -->
<script>
document.querySelector(".logo-2").addEventListener ("click", () => {
console.log(" logo 2 was clicked ");
});
</script>
error

NOTE: CSS and JS must now be wrapped by the <style> or <script> tags.

Adding tracking from a third party.

<!-- HTML -->
<!-- JavaScript tracking script -->
<script language="javascript" src="https://track.adform.net/adfscript/?bn=########;click=[TRACKING_LINK]"></script>

<!-- Fallback for users with JavaScript disabled -->
<noscript>
<a href="[TRACKING_LINK]https://track.adform.net/C/?bn=#########;C=0" target="_blank">
<img src="https://track.adform.net/adfserve/?bn=43224314;srctype=4;ord=[timestamp]" border="0" width="###" height="###" alt=""/>
</a>
</noscript>

Benefits of new CustomMarkup field
Examples
CustomMarkup input box below for adding a second logo.
NOTE: CSS and JS must now be wrapped by the <style> or <script> tags.
Adding tracking from a third party.
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.