Custom Widgets

Created by Joseph Ross, Modified on Fri, 13 Feb at 7:36 PM by Joseph Ross

Widgets are reusable content blocks that you create once and use across multiple pages on your site. Instead of rebuilding the same section over and over, you build it once as a widget, and then place it wherever you need it.

What Is a Widget?

A widget is a saved piece of your website that you can reuse. Think of it like a stamp. You design the stamp once, and then you can stamp it onto any page you want -- as many times as you need.

For example, if every page on your site has the same "Contact Us" block at the bottom, you can turn that block into a widget. Then you just drop the widget onto each page instead of recreating it from scratch every time.

Why Use Widgets?

Widgets save you time and keep your site consistent.

Build once, use everywhere. Create a content block one time, then place it on as many pages as you like.
Stay consistent. Every page that uses the widget looks exactly the same. No more accidentally using the wrong colors or forgetting a detail.
Update once, change everywhere. When you edit a widget, the changes appear on every page that uses it. Update your phone number in one place, and it updates across your entire site.
Work faster. Dragging a ready-made widget onto a page takes seconds. Building the same section from scratch every time takes much longer.

Enabling the Widget Builder

The Widget Builder is an add-on feature. You may need to enable it before you can create and use widgets.

Go to your Dashboard.
Open Modules and Features from the sidebar.
Find Widget Builder in the list.
Enable it.

Once enabled, you will see widget options appear in the Website Builder.

Creating a New Widget

Step 1: Open the Widget Builder

Go to your Dashboard.
Open the Website Builder.
In the left sidebar, click the Pages panel.
Scroll down to the Widgets section at the bottom of the page list.
If you do not have any widgets yet, you will see a message that says "No widgets found." That is normal -- you are about to create your first one.

Alternatively, you can manage your widgets from the Dashboard by going to the Widget module in the sidebar. From there, you can create a new widget, which will open the Widget Builder.

Step 2: Create the Widget Entry

From the Widget module in the Dashboard, click the button to create a new widget.
Give your widget a name. Choose something descriptive so you can find it easily later. For example: "Contact Block," "Page Header," or "Sidebar Newsletter Signup."
Optionally, assign a group to help organize your widgets if you plan to create many of them.
Save the widget entry.

Step 3: Design Your Widget

Once the widget is created, you can open it in the Widget Builder. The Widget Builder works just like the regular Website Builder -- you have access to all the same tools and components.

Click on your widget from the Widgets section in the left sidebar of the builder, or click the widget icon next to your widget in the Dashboard module list.
The builder will load with a blank canvas for your widget.
Add components by dragging them from the Components panel on the left.
Style and arrange your content just like you would on a regular page.
When you are done, save your widget using the Save button or by pressing Ctrl+S (Windows) or Cmd+S (Mac).
Publish the widget to make it available for use on your live pages.

Tip: Keep your widgets focused on a single purpose. A widget that does one thing well is more useful than one that tries to do everything.

Using Widgets on Your Pages

Once you have created and saved a widget, it becomes available as a component you can add to any page.

Finding Your Widgets

Open the Website Builder for the page you want to edit.
Look at the Components panel in the left sidebar.
Scroll down to the My Widgets section. You will see a list of all the widgets you have created, each listed by the name you gave it.

Adding a Widget to a Page

Find the widget you want in the My Widgets section.
Click and hold on the widget name, then drag it onto your page canvas.
Drop it where you want it to appear.
The widget content will load onto your page automatically.

That is it. The widget and all its content will appear on your page exactly as you designed it.

Tip: You can place the same widget on multiple pages. It will look identical on each one.

Editing a Widget

When you need to update a widget, you edit it in the Widget Builder -- not on the individual pages where it appears.

Open the Website Builder.
In the left sidebar, click the Pages panel and scroll down to the Widgets section.
Click on the widget you want to edit.
Make your changes in the Widget Builder.
Save and Publish the widget.

How Changes Affect Your Pages

When you edit and publish a widget, the updated version will appear on every page that uses it. You do not need to go to each page individually and make the same change -- the update happens automatically.

This is one of the biggest advantages of using widgets. Change it once, and it changes everywhere.

Tip: Before publishing major changes to a widget, remember that the update will affect every page that uses it. Double-check your changes to make sure everything looks right.

Managing Your Widgets

Viewing All Your Widgets

You can see all your widgets in two places:

In the Website Builder: Open the left sidebar, click the Pages panel, and scroll down to the Widgets section. All your widgets are listed there by name.
In the Dashboard: Go to the Widget module in the sidebar to see a full list of your widgets with additional details.

From the Dashboard module view, you can also edit widget details like its name and group.

Editing Widget Details

Go to the Widget module in the Dashboard.
Find the widget you want to update.
Click the edit icon next to it.
Update the name, group, or other settings.
Save your changes.

Deleting a Widget

If you no longer need a widget, you can delete it from the Dashboard.

Go to the Widget module in the Dashboard.
Find the widget you want to remove.
Delete it.

Be careful when deleting widgets. If you delete a widget that is still placed on pages, those pages will show a blank space where the widget used to be. You will need to remove or replace the widget on each page.

Tip: Before deleting a widget, check which pages use it. That way you can clean up those pages first and avoid any blank spots on your site.

Connecting Widgets to Data

Widgets can do more than display static content. You can connect a widget to one of your site's data modules (like Articles, Events, or Products) to display dynamic content that updates automatically.

When creating or editing a widget's settings in the Dashboard:

Module -- Choose which data source the widget should pull from (for example, Articles or Events).
Type -- Choose how the widget retrieves data:
- All -- Shows all items from the module.
- Search -- Filters items based on a search term.
- First -- Shows only the first matching item.
- Select -- Lets you hand-pick specific items to display.
- Current -- Displays the item that matches the current page context (useful on detail pages).
Limit -- Controls how many items are shown.
Pagination -- Choose whether to split results across multiple pages with navigation links.

This is a powerful way to create dynamic content blocks. For example, you could build a "Latest Blog Posts" widget that always shows your three most recent articles without you ever having to update it manually.

Tip: If you are just getting started, you do not need to connect your widgets to data. Simple, static widgets work great for things like headers, footers, and contact blocks.

Widgets vs. Components

Widgets are different from components. Components are the built-in building blocks (text, images, buttons, etc.), while widgets are custom elements you create yourself by combining components. You use components to build your widgets, and then you place those widgets on your pages just like you would place a component.

Tips for Using Widgets Effectively

Widgets work best when you use them for content that appears on many pages or content that needs to stay consistent across your site. Here are some ideas.

Headers and Footers

If every page on your site shares the same header or footer, create them as widgets. When you need to update your navigation links or footer information, you change the widget once and every page updates.

Call-to-Action Blocks

Create a widget for your main call-to-action, like a "Sign Up Now" or "Get a Free Quote" block. Place it on every page where you want to encourage visitors to take action. If you want to change the wording or the button color, update the widget and it changes everywhere.

Sidebar Content

If your pages have a sidebar with the same content (like a list of services, a testimonial, or a newsletter signup form), turn that content into a widget. Drop it into the sidebar on each page and keep everything in sync.

Contact Information Blocks

Your address, phone number, email, and business hours can go in a widget. Place it on your contact page, your about page, your footer -- anywhere visitors might look for it. When your hours change or you move offices, update the widget once and you are done.

Promotional Banners

Running a sale or promotion? Create a banner widget and place it across your site. When the promotion ends, update or remove the widget and it disappears from every page.

Latest Content Blocks

Connect a widget to your Articles or Events module to create blocks like "Latest News" or "Upcoming Events." These update automatically as you publish new content, so you never have to manually update them on each page.

Tip: Start simple. Create one or two widgets for content you use on every page, and build from there as you get comfortable with the feature.

Last updated: February 13, 2026