Page Designer Modules

  1. Home
  2. Support
  3. Page Designer Modules
  4. Code Module with the Website Page Designer

Code Module with the Website Page Designer

You can add your own line of code to your pages using the Code module of the page designer. This is useful if, for instance, you want to add plugin shortcodes or static HTML, CSS or JavaScript.

Go to the page designer, and add a new module by clicking on the gray plus sign. Choose the code module from the list. If you prefer to find the module automatically, it’s also possible to type it in the search bar on top.

Define contents

The contents tab includes the following options:


This is where you can place your line of code. It can be HTML, CSS or JavaScript. You can also insert a shortcode from other modules here.


If you want that the module opens a new URL when someone clicks on it, paste that link here and decide if the link will open in the same window or tab.


Add a background color, gradient, image or video to your module.

Admin label

You can modify the module’s label for easier identification.

Customize the design

With these settings, you can customize your design.


Select the orientation of the text that will appear in the module.


Adjust the width of the module.


Customize margins and padding sizes.


Adjust the hue of the module as a whole.


Give an animation style to the module, like fading or sliding when it appears.

Advanced settings

Using this tab you are able to insert CSS code, select device visibility, and manage transitions. Check this guide to know more about how to use these settings.

Something missing? Contact us
Was this article helpful to you? Yes No

How can we help?