You can add your own HTML code, CSS formatting and JavaScript to your website using the Custom code element.
To add it to your website:
When in the Website Builder editor, click on the Add elements button.
Drag and drop the Custom code element into your page content. Note that the editor will highlight the spots where you can drop it.
Click inside the Custom code object to open the toolbar and enter your code in the editor on the right.
What types of code can I use?
HTMLuse standard HTML formatting, for example:<p> </p>
CSSplace your CSS code between the style tags:<style> </style>
JavaScriptplace your JS code between the script tags:<script> </script>
If you want to use Less or Sass formatting, you need to compile it to CSS first and then place it between the style tags:<style> </style>
Absolute positioning
Enable this option to move the custom code to any place on your website.
Note: we only recommend using this option if you have some unusual design the can’t be created in any other way. Using objects with absolute positioning can make your page less responsive on mobile devices.
Hide on mobile devices
Enable this option to hide your code while your page is opened on a mobile device.You may want to use this option to make your page simpler for mobile users, for example when you are adding the same CTA button a few times for desktop view.
Related articles
How to add a custom code to my landing page?
You can add your own HTML code, CSS formatting and JavaScript to your landing page using the Custom code element. Adding a custom code to the lading page body The body section of a landing page builder is the main area where the primary content is displayed, such as text, images, videos, and interactive elements […]
How to add dividers to my website?
Dividers are graphic lines that can add little design accents to your page and help highlight the most important areas. How to add a divider? How to edit a divider? Click on the divider to open the settings toolbar. Design Block settings The divider block is a framed workspace around your button with a Divider label on the left. […]
Popular resources
Responsive Landing Page Design
HTML Email Design Documentation
How to move from Mailchimp to GetResponse
How to Write Newsletters that Get Opened Read and Clicked
