2. Now paste your code into the assigned section: Header, Body, or Footer:
Adding custom HTML and CSS to your landing page is done the same way, you just need to use the HTML/CSS tab from the Settings menu.
The custom codes will only execute in the live environment on the published page. The codes will not execute in the editor, and they are not meant to work in preview mode either. If you are unsure whether a code works or not, publish the page and check it on the live URL. To publish a page, you can check out our article here: https://d.pr/4I1IJ6.
Also, every published page will be including the jQuery library if the jQuery syntax can be found on the page. However, note that the page loading time might be slightly increased in this case.
How to insert an HTML widget
If you need to insert an HTML element, you can also use the HTML box from the left-side menu of the page editor:
Adding CSS for the mobile page
While you can use inline CSS to add certain properties to page elements on the desktop version, in order to do the same thing for those elements on the mobile version, you will need to write the CSS in the HTML/CSS section and target the mobile version specifically if you or someone on your team has the necessary coding experience.
The Scripts & Privacy section
If you enable the privacy compliance, any scripts placed in this section will fire only if the visitor accepts. You can read more on this section and how to use it here: https://d.pr/JAx5yC.
This section of your workspace allows you to add code that can be applied to multiple pages at once without having to add the code individually to each one. Please refer to the following dedicated article for more details: https://d.pr/CU6RhI.
How do I know which section to use for my script?