Submit a ticket My Tickets
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 in different slots of your HTML page or customize the generated code, and for such instances, LearnWorlds provides a dedicated custom code editor where you can add custom HTML, CSS, and Javascript, and we also support the liquid template language for our HTML slots. 

The available custom code slots are divided into the following categories:

  • Global slots, where you insert code to be injected in all pages of a site template
  • 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 Website → Design → Edit Website and clicking on Site Site 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.