5.4. HTML Code

The HTML Code widget allows you to insert and display custom HTML code directly on your website. This is useful for adding elements that are not provided in the editor, such as embedded code, custom HTML snippets, or interactive components.

Using HTML code provides high customization capabilities but comes with a certain level of complexity, requiring users to have basic knowledge of HTML to use it effectively. If you're new to coding, start with drag-and-drop features and gradually learn to maximize the potential of your Landing Page design tool.

1. Add HTML Code to the landing page

• Click on Widgets in the sidebar of the editor.

• Select HTML Code from the Advanced section.

• Choose the HTML Code element and drag it onto your landing page.

2. HTML Code Editor

2.1. Edit HTML

To access the Content Editor, click on the HTML Code widget you wish to modify on the screen and select Content from the quick settings bar.

A HTML Edit popup will then appear on the screen, allowing you to input your desired design code.

2.2. Design Editor

To access the Design Editor, click on the HTML Code widget you wish to modify on the screen and select Design from the quick settings bar.

• Align: Helps you align the HTML Code within its container, see details here.

• Sizes: In the design editor, this allows you to adjust the size and position of elements on your landing page, see details here.

• Display on: Lets you control the display of the HTML Code on different devices, including Desktop and Mobile