How to use the Custom Code element

How to use the Custom Code element

https://www.youtube.com/embed/jYusqXliCoA?rel=0

The Custom Code element allows you to inject your own HTML, and CSS code into your page. You can use this feature to embed third-party code or customize even further the options that Zeno offers.

 

You can find and insert a Custom code element from the sidebar.

This is how the Custom Code element looks like inside the Editor

Important options

  •  

    HTML / Liquid: The custom HTML code. You can also use Liquid syntax for dynamic content.

     

  •  

    CSS: The custom CSS code. This CSS code is automatically scoped for the content inside the element.

     

Tips and tricks

  •  

    Although there is no place for JavaScript, you can still add JavaScript directly in the HTML / Liquid option.