Home / Elements

Custom HTML

Customer Success Team

Last updated on Dec 24, 2023

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: This is a paragraph.

**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.

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

  • Example:  
    document.getElementById(“demo”).innerHTML = “Hello JavaScript!“;
    ​****

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.

!Note: The code will go active once you've connected a Custom Domain to your Ucraft 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 works well with User Account element and 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.

That's it! You can also look through the dozens of other helpful articles in our Help Section that will help guide you in creating a successful website with Ucraft.

Need further help? Just hit the Chat Box in the lower right corner and drop us your questions. You'll surely receive a timely and friendly support from our team.