Skip to content

Widgets

Shofy provides five pre-made widget areas to help you customize the user interface and organize content strategically.

These sidebars offer flexibility in placement and functionality, allowing you to tailor the user experience on different sections of your online store.

Manage Widgets

To manage the widgets, go to the Appearance -> Widgets menu in the admin panel.

Manage widgets

To add a widget to a sidebar, drag and drop the widget from the left side to the sidebar area on the right side.

Widget Areas

1. Product details sidebar

Widget product details sidebar

It appears on the right side of the product details page. You can use this area to display additional information about the product, below is an example of using Product detail info widget.

Widget product details sidebar admin

2. Blog sidebar

Widget blog sidebar

Blog sidebar is the sidebar that appears on the right side of the blog page. You can use this area to display widgets such as Blog Search, Recent Posts, Categories, etc.

Widget blog sidebar admin

Located at the top section of the footer, this sidebar is ideal for grabbing user attention before they reach the bottom of the page. It's perfect for displaying newsletter subscription forms.

Widget footer top sidebar

In the example below, we use the Newsletter widget to display a newsletter subscription form.

Widget footer top sidebar admin

TIP

To use the Newsletter widget, you need to activate the Newsletter plugin in Plugins -> Installed Plugins.

Occupying the central and often most prominent position in the footer, this sidebar is well-suited for showcasing essential information like site information, menus, and contact details.

Widget footer primary sidebar

In the example below, we use:

  • Site Information widget to display details about the site, logo, and social media.
  • Custom Menu widget to display a custom menu.
  • Site Contact widget to display contact details.

Widget footer primary sidebar admin

TIP

To use the Custom Menu widget, you can follow the steps in the Menu section to create a custom menu and then add it to the widget.

Situated at the lowest section of the footer, this sidebar is typically used for displaying less visually prominent information. It's often used to showcase copyright information, partner logos, or credit card icons.

Widget footer bottom sidebar

In the example below, we use the Site Copyright and Site Accepted Payments widgets to display copyright information and credit card icons.

Widget footer bottom sidebar admin

Delete Widgets

If you don't want to use the widgets in some areas, you can remove them by collapsing the widget and clicking the Delete button.

Delete widget