Adding Code Snippets to a Landing Page | Zoho LandingPage User Guide
Code Snippet
Using code snippets in landing pages simplifies the process of embedding buttons, forms, widgets, and other interactive multimedia element. They further help improve the engagement rate and user experience of landing pages.
Inserting a code snippet
To insert a code snippet to your landing page, click on the Insert button to view the menu.
In the menu, click on the Elements tab and choose the Code Snippet element to be inserted in your landing page.
Paste the code of the element that you want to be inserted in your landing page and click on theOKbutton.
The code snippet is now inserted in your landing page but the snippet will be rendered only in the published landing page.
The code snippet will appear as shown below in the published landing page.
Accessing code snippet properties
You can access the code snippet properties by clicking on the Properties icon next to the element name in case it is not visible already.
In the Animation tab, you can enable an animation for the element by selecting the type of animation and the duration. Once you have set the animation controls, you can preview it by clicking on the Preview Animation button
In the CSS tab, you can click on Open CSS Editor and enter your own custom CSS script to style the element.
In the Show on Device tab, you can enable or disable the code snippet element for mobile, laptop, and tablet devices.