1. Adding Widgets

Adding Scripts & Styles

  1. Adding Scripts & Styles to Head Section

Adding Widgets

Appearance Widgets Adding Widgets

Widgets play a pivotal role in enhancing the functionality and aesthetics of your website. These versatile elements can be placed in specific areas of your theme, which include, but are not limited to, the sidebar, header, footer, below content, and various other sections. The availability of widget areas might differ depending on your specific website and theme.

The beauty of using OneCMS widgets is that they require no prior coding experience. A user-friendly interface allows widgets to be easily added, removed, and rearranged to suit your needs.

Using Elementor to add a widget?

This tutorial covers adding a widget in the traditional Widget Area of OneCMS. If you need help adding a widget in the Elementor Page Builder, please visit our Elementor training curriculum.

The Widgets Page

To begin, navigate to Appearance > Widgets in the admin menu.

widgets menu

You’ll be directed to the Widgets page.

  • On the left side, you’ll find a list of available widgets. These include default widgets and any additional ones introduced by installed plugins.
  • On the right, you’ll see all available widget locations, known as sidebars.

widgets page

Understanding Sidebars

Before diving into widgets, it’s essential to grasp the concept of Sidebars.

Sidebars are designated regions in your theme designed to accommodate widgets. These sidebars can be found in various places, depending on your theme. They aren’t limited to the traditional concept of “sidebars” and can be located in the header, footer, or embedded within specific page templates.

Sidebars on your homepage may differ from those on other pages. Familiarize yourself with the relevant sidebar to understand the widget’s placement on the front end of your website.

Adding Widgets

To add a widget, drag it from the left to the desired sidebar on the right.

  • Alternatively, you can select an active widget and assign it to the sidebar of your choice.

add widget via dropdown

  • Don’t forget to configure the widget settings according to your preferences, then save your changes using the Save button at the widget’s bottom. Here’s an example of modifying the settings for the Advertise Widget to display the correct Banner Bin for the location.

configure widget

  • The same Advertise widget we configured now appears on our website.widget on website

Removing Widgets

To remove a widget, simply click the Delete link.

delete widget link


  • Alternatively, if you wish to keep the widget parameters for future use, you can drag it into the Inactive Sidebar (not used)┬ásection for temporary removal or future reference.

drag inactive widget


HTML Widget

One of the most commonly used widgets is the HTML Widget. It caters to advanced users or anyone needing to insert HTML code snippets into their website via a widget. This feature is handy for embedding third-party code from social networks or adding custom code if you have the technical know-how.html widget