Skip to main content
Custom HTML on your site
Adrian avatar
Written by Adrian
Updated over 2 years ago

Code is the language that tells your web browser what your site should look like and what it should do. Three of the core code types are HTML, CSS and Javascript.

HTML Tells your browser what content to show and where it should go.

  • Example: <p>This is a paragraph.</p>

CSS is responsible for the look/style. It allows you to apply a unique style to one HTML element at a time. You assign CSS to a specific HTML tag by using the style attribute with any CSS properties defined within it.

  • Example: <p style=“color: blue;“>This is a paragraph.</p>

Javascript is a prototype-based, multi-paradigm scripting language which supports object-oriented, imperative, and functional programming styles.
The <script> tag is used to define a client-side script .

  • Example: <script>
    document.getElementById(“demo”).innerHTML = “Hello JavaScript!“;
    </script>

If you want to add any of the above mentioned codes to your site, you can use our Custom HTML element to do so!

To get started, just drag and drop the ‘Custom HTML’ icon from the Elements section to the crafting area.

Insert the desired HTML tags and fill in the HTML Code label field, afterwards, click the ‘Embed Code’ button.

To crop the added element, push the Crop Pointers and move them.

Settings

Edit Icon - To edit the Custom HTML Element by simply clicking on it and choosing the desired option from the ‘Settings’.

Click the ‘Save’ button once all the desired changes are made.

Alignment - To change the alignment settings of the Custom HTML Element, click on the ‘Alignment’ icon you’ll have three options available: top, center, bottom, just choose the one, you prefer.

Visibility Settings - It enables making a certain Element/Block appear on Desktop, Mobile only, or everywhere by default. Simply hit Visibility Settings and choose the desired option from the dropdown menu to get full control over the Visibility of the elements on your page.

Location visibility - Include or exclude specific cities or countries or set the appropriate Custom IP.

Trash Icon - If you don't need the Element anymore, Click on the ‘Trash’ icon to remove it from your page.


Did this answer your question?