Getting Started
...
2. Add widgets configuration code
You can skip this step if the widgets have already been added to your site by our experts.
Refer to your platform’s documentation on how to insert custom code snippets into the <head> section.
...
Copy the code below and place it in the <head> section of your site. The code provided includes all currently available configurations. To further customize it, please refer to this document
...
| Panel | ||||||
|---|---|---|---|---|---|---|
| ||||||
These steps may change with future platform updates. Check the widgets on the live site after editing the pages, as preview mode might not function properly. The only widget that can be placed multiple times on the same page is the |
...
Start by activating Dev mode in your site
From Velo Sidebar go to
public & backendsectionInside the Public section, add a new
.jsfile to the custom-elements folder. The name and content of this file do not matter
Steps below should be repeated for each widget
Add a new custom element from
Elementsto the page and choose the source to be the new .js file created in the previous step. The tag name should be something unique, such aslistings-widget-1for a Listings Widget. This name must be unique for each instance of widget to prevent Wix from loading a custom element beside your widget. If you see an unintended wix custom element beside your widget, recheck this step.Next, create three attributes for this custom element and set the attribute values as needed :
Attribute Name | Value |
|---|---|
id | rfWidget |
widget | Widget Name e.g. : Listings . |
config | This should refer to the widget config key created in step 1, e.g., listings-widget-1 |
...
Publish changes
3-2. Squarespace
Steps below should be repeated for each widget
Navigate to the page where you want to add a widget. Click Edit and Add an
Embed Blockin the area where you want the widget to appearEdit added embed block . set embed type as
Code SnippetSet Embed Data to :
...
Save Page and check your changes
3-3. GoHighLevel
Steps below should be repeated for each widget
Go to the page where you want to add a widget. From the top bar, add a
Code elementfrom theCustom sectionof theAdd Elements menuOpen code editor from the right side and add the following code :
...