The “Widgets” page is where you can begin creating and configuring the actual layout of your product locator. Moreover, the “Widgets” page has three sections, each of which has a different purpose.
Widgets Page
1- The Install Product Locator Section
The “Install Product Locator” section will let you begin the process of creating a product locator through the “Install Widget” button.
Once you click on “Install Widgets”, you will be taken to the “Product Locator Configurator” section where you will have to fill in the information in the following tabs:
- Map Configuration - This involves configuring the store locator map with various options. The “Map Selection” option is mandatory to proceed further. The rest of the options can be as you prefer.
- UI Setting - This tab has options that can change the look and layout of your product locator. Use the “Template”, “Layout”, “Infobox”, “color schema” etc. options to create a product locator to your liking.
- Publish - Finally, the “Publish” section and button will generate an HTML code, which you can copy and paste onto your website to add your newly created product locator.
Install Product Locator Section
2- The Preview Section
The “Preview” section can be used to see what your product locator will look like by choosing options from the following three drop-down menus:
- Map Selection
- Layout
- Template
Once you have selected suitable options from the three drop-down menus, you can press the “Preview” button to see how the product locator will appear.
Preview Section
3- The “Builds” Section
Lastly, the “Builds” section will display all the product locator builds that you have created.
Each build will be represented with a unique build ID. Moreover, the build can be updated via the “update” button after any changes have been made to the store or product data.
Builds Section
There is also an “options” button which opens a menu containing 6 options:
- The “Edit” option will allow you to make changes to your build
- The “Preview” option is used to see what your product locator build looks like
- The “Color Update” option will enable you to change the color of your product locator build
- The “Customize” option will take you to a screen where you will be able to customize the displayed information of the store list, product card, store infobox, lead forms, etc.
- The “Translate” tab will enable you to change certain fixed words on the platform into your preferred synonyms
- Finally, the “Delete” option will permanently delete the build from your account
Option Menu