Page Designer Modules

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

Sidebar Module with the Website Page Designer

Sidebars are a great way to add information to your page that otherwise might not fit the page. They call also be used to share your social media, highlight some content or simply improve the navigation by including recent posts links, categories, tags, forms, etc. The page designer lets you include your previously created widgets inside this area.

To add a sidebar to your page, go to the page designer and add a new Sidebar module.

Content settings

This is the place to change all things related to the content of the sidebar.


This module uses widget ready areas. Here you have to choose your custom widget areas. To learn more about adding widgets, click here.


If you want that the element 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.

Design settings


Choose the side of the page where the sidebar will be and if you want to show a border that separates your page content from the sidebar.


Pick if the text is light or dark, according to your background.

 Title Text

Customize the appearance of the title.

 Body Text

Customize the appearance of the body text.


Adjust the width of the module.


Customize margins and padding sizes.


Define the border’s corner, style, color, and width.

Box Shadow

Here you can enable box shadow.


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.

Use Case

As an example, we are going to add a widget with our recent posts to the sidebar.

First, we added a Specialty section to the page with the option of the sidebar on the right.

Then, we added the following style:

Layout orientation: right

Show border separator: Yes

Title font weight: semi bold

Titles color: #12876f

Title text size: 34px

Body text color: #030e72

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

How can we help?