Adding your Bullseye Store Locator to a Wix account is pretty easy using the WYSWYG tools that Wix offers. If you follow the instructions below, it should take about 10 min or less to get a basic store locator running.
The locator can be added via an embed code on your Wix site. All styling and configuration options are controlled through your Bullseye interface.
Active Wix Account
Active Bullseye Locations Account
Step 1 - Create New Page in Wix.
Select a blank layout under Blank when prompted for the layout type. Name the page. You probably want to call it Store Locator or something similar.
Step 2 - Add Bullseye Interface
Adding the interface will require that you add the App that supports HTML. First click on the “+” sign for adding an element. Next select “Apps.” Under the Apps menu, you’ll see HTML. Select that and an HTML box will be placed on the screen.
Right click on the HTML box and select settings. A dialog box will appear. Open the “Mode” drop down, and select “HTML Code.” This should open a text field where you can insert your embed code.
Next you’ll need the embed code from your Bullseye interface. (1.) This is located on the “Publish” (2.) tab for the interface that you want to embed. Remember that you can completely configure both the style of your interface. You can also configure search elements, filtering elements and all display elements. For more information on configuring your interface, you can view our video on interface configuration. For now, we’ll focus on how to embed the interface and we’ll assume it’s set up the way you want.
On the publish page, select the “iFrame Embed for Website” option and open the accordion. In the box is the code that you want to embed. (3) Copy that code and return to your Wix site. (Don’t worry about the text that says you need to have the following tag in the header.
Once you’ve pasted the embed code click “Update.” The Bullseye interface will automatically be pulled into your editor.
Step 3 - Update the layout on your Wix Page
If you haven’t modified the size of the HTML window on the page, you’ll need to expand it both vertically and horizontally to fit the page. This is pretty easy to do using the drag editor that Wix provides. Simply expand the box until the locator fits the way you want and until the scroll bars disappear. When you do this vertically, you may need to keep scrolling the outside editor in order to open the page size large enough.
This will set the height to a fixed number in Wix. These days, scrolling isn’t a big deal particularly because of mobile devices, but if you want to make the interface shorter, you can do this by changing the number of records displayed and by changing the map height on the “Options” page in the Bullseye interface builder.
Also keep in mind that because the page height is fixed when Bullseye returns fewer results there may be extra space at the bottom of the page.
Step 4 - Save and Preview Your Work
Once you are done, save your work. You can also make any design or configuration changes within the interface builder in Bullseye. These updates will automatically be reflected in the locator embeded on your Wix site.
Let us know how it goes. If you have any problems, feel free to reach out to us. We offer support via phone, chat and email.