How to create a Code Block element

How to create a Code Block element

The code block element is very useful. This allows you to embed the custom code that you want onto your page.

To create a code block element, navigate to the Pages section from your Reactive admin under Website. 
  • Create a new page or edit an existing one. You can refer to our documentation about How to create a Page for more information. 
  • From the Content tab select the container and column you would like to place the code block. 
  • Click the Add element button.
  • Select the HTML/CSS/JS element from the library. This will open a pop-up window.
  • Enter the HTML you would like to be displayed. 
Note: You can adjust your HTML to the width of your page by selecting full width from the container settings. To find out more about Container and column settings visit our detailed documentation  about how to set up a page with the Reactive Page Builder
Click "Apply"  to save your changes. 

    • Related Articles

    • How to create an accordion element

      To create an accordion menu on your Reactive website, you can use the Accordion element. This element allows you to create a menu that expands and collapses when clicked, providing a clean and organized way to present your content. Here’s how to ...
    • How to create a product element

      Reactive allows you to add products into your content. You have full control over which products display, and how they are presented. To create a product element, navigate to the Pages section from the sidebar menu of your admin panel under Website. ...
    • How to create a product list element

      Reactive allows you to present a list of products on your pages. To create a product list, navigate to the Pages section from the sidebar menu of your admin panel under Website. Create a new page or edit an existing one. You can refer to our ...
    • How to create a tab element

      Reactive allows you to organize your content into tabs and display it the way you want. By splitting content into tabs, you can streamline important information for your visitors and make it easy for them to find everything they need. To create tabs, ...
    • How to create a Google Map element

      The Google Map element allows you to add customized maps anywhere on your site. To create a new Google Map element, navigate to the Pages section from the sidebar menu of your admin panel under Website. Create a new page or edit an existing one. You ...