Add Widgets

Overview

Widgets are the building blocks of your website. They contain text, images, buttons, and other content. With a widget you can show off your restaurant’s menu, take appointments online, add a photo gallery or a contact form, and much more. There are many different elements to choose from – experiment with a few to find just the right ones for you. You can add widgets to your website either by dragging and dropping them from the Widgets panel of the left-side editor menu or via the inline menu.

Adding widgets from the widgets panel

  1. Click the Widgets tab in the left menu to open the Widgets panel. Search for the widget you want by scrolling through the widget list or by using the widget search bar.
    general_addwidgets01_en-us.png
  2. Click on the widget and drag it onto the site, placing it where you want it to be.
    general_addwidgets02_en-us.png
  3. When you let go, the widget will appear in the location shown by the blue placement indicator. 
    general_addwidgets03_en-us.png
  4. After Adding a widget the context menu for the widget automatically open. From here you can customise your widget. See here for details on widget editing.

Adding widgets via the inline menu

Right-click any widget and in the context menu that appears, pick Add widget below to add a widget immediately below the current widget. 

addwidgets4_en-US.png

If you’re right-clicking on a column, you’ll have a few more Add options. Click + Add and pick Add widget below. 

addwidgets5_en-US.png

You can do a quick selection from four most popular widgets or click More widgets to open the full widget menu. After adding the widget, you can edit it as usual.

addwidgets6_en-US.png

Things to consider

When dragging-and-dropping a widget to your website, note the text in the blue placement indicator. Here's what these messages mean:

  • Insert here: the widget will be added to an existing row or column.
  • Insert in new row: a new row will be added and the widget will be placed inside of it.
  • Insert in new column: a new column will be added and the widget will be placed inside of it.

Resources