Tutorial: How to Add a Widget to your Wix Website

This tutorial will help you add a new widget to your Wix website.

There are two methods:

1. Use the Wizard to create a widget and add it to your Wix site (recommended)
2. Use the "Add-Ons" option to place a widget on a specific page, then connect it to a saved widget

Using the Wizard to Add Widgets

There are 2 steps to add a widget using the Wizard:

1. Use the Widget Wizard to create and save your new widget, and add it to your home page.
2. Move your widget to the page where you want it.

1. Create and save a new widget

1. Open the Buying Buddy App Dashboard by clicking any Buying Buddy widget and then the Manage button.
   
2. On the App Dashboard, scroll down to find and click the button to go to the Widget Wizard.
3. Follow the steps in the Wizard. Choose the type of widget, then select any of the filter options available, such as MLS fields, property status, listing agent, listing office and more.
   
4. Near the end of the Wizard, enter a Label and Description for your widget. Both are optional, but a clear label, such as "Home Page - Downtown Condos", makes the widget easy to find later under MenuWidgets > Saved Widgets. Then save.
   
5. On the final panel, on the Add Widget tab, click Add Widget to Wix Home Page.
   
6. Wait a few moments while Buying Buddy adds the widget to your website home page. When the process is complete, you will see the new widget on your home page in the Wix editor.

2. Move the widget to the desired page

1. Right-click the new widget to show the contextual menu, and select Cut.
   
2. Go to the page where you want to place the widget.
3. Right-click the background of the page to show the contextual menu, then select Paste.
4. Drag the widget into position and continue editing the page.

Using The "Add-Ons" Method to Add Widgets

The Add-Ons method places a new widget directly on the page you choose. You then connect it to a saved widget by entering the saved widget ID.

There are 2 steps to add a widget using this method:

1. Add the widget

1. In your Wix editor, click any Buying Buddy widget that is already on a page to see the Settings and Manage buttons.
   Then click the Settings button to show the Settings panel.
2. In the left menu of the Settings panel, click Add-Ons to display the Add-Ons panel.
   (If you don't see the "Add-Ons" menu item, repeat this with a different widget.)
   
3. Scroll down the Add-Ons panel to find the widget you want to add.
   Click Add To Page and choose the page where you want the widget.
   The widget is then added to your selected page.
   

2. Connect the widget to a saved widget

First, get the ID of the saved widget you want to use:

• To use a widget you already saved: In your Buying Buddy account, go to MenuWidgets > Saved Widgets and note the widget's ID.
  
• To create a new one: Click the widget, then Manage, and open the Widget Wizard. Complete the Wizard and save. On the final panel, open the Update Existing Widget Filter tab and copy the id:1234 value with the blue copy button.

Then enter the ID in the widget's settings:

1. In the Wix editor, click the new widget, then click its Settings button.
2. In the Settings panel, click the Settings tab on the left to show the Widget Filter field.
3. Delete everything in the field, then type (or paste) id: followed by the saved widget ID, for example id:1234.
4. Close the Settings panel to save. The widget refreshes and shows your saved widget.
   

Ideas for Doing More

• Use the Wizard to create more widgets to help your marketing, such as featured listings, sold properties or neighborhood pages.
• Change a widget at any time by editing it under MenuWidgets > Saved Widgets. See Modify an Existing Widget on your Wix Website.
• See our demonstration website for inspiration and ideas.