Submit a ticket My Tickets
Welcome
Login  Sign up
Open navigation

General Overview: Custom Code

Our Site Builder offers all the essential tools for building your school's website. Occasionally, you may need to incorporate custom code or customize the generated code, and for such instances, our platform provides a dedicated custom code editor.


With our Custom Code Editor, you can add custom HTML, CSS, and Javascript, and we also support the liquid template language for our HTML slots. 


With our custom code editor, you can easily add custom code in different slots of your HTML page and edit the already existing code generated. These slots are divided into two categories, global slots, where you insert code to be injected in all pages of a site template, and local slots, where you add code that is injected on a specific page. Apart from the available slots, you can also edit the HTML of the selected element


You can find our Custom Code editor, by navigating to Site Builder →  Custom Code.

HTML, CSS, and JavaScript

Α web page consists of HTML, CSS, and JavaScript. The HTML code defines the content (what you read), CSS defines the style (fonts, colors, layout, etc), and JavaScript adds the functionality (for example, what happens when you click on a button) of the webpage. HTML code could include CSS and JavaScript code in style and script tags, respectively. 


HTML code is divided into two main tags, head and body:  

  • Head tag: The head tag is typically used to import CSS or JavaScript files and define attributes of your page that are not displayed, like metadata. 
  • Body Tag: The body tag is where you place the parts of your website that you want to be displayed. 

Liquid Template Language

The liquid template language is a language that allows defining placeholders that should later be replaced to implement designs. Additionally, it has some more advanced features, such as loops and conditions. This enables us to enhance our code editor even more by providing you with variables and ready-to-use code snippets (liquid) that can be added with the click of a button and help bootstrap the development of your website.


Relevant Articles


Read more

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.