Custom HTML

Inject custom codes to your website

Karen Sahakyan avatar
Written by Karen Sahakyan
Updated over a week ago

Code is the language that tells your web browser what it 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 click the ‘Save’ button.

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


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.

!Note: The code will go active once you've connected a Custom Domain to your SpringBuilder website.

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.

Session visibility -  allows to make certain elements visible only to the logged in users of your website. This can come in handy if you want to hide some content from users until they sign up to your website.

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

For more insight on how to use certain tools or site elements, check out the rest of the articles or type particular keywords in the search box of the Help Desk Section.

Did this answer your question?