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:

Text

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.

Link

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.

Background

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.

Text

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

Sizing

Adjust the width of the module.

Spacing

Customize margins and padding sizes.

Filters

Adjust the hue of the module as a whole.

Animation

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.