This article gives a guide on how to embed your Locator via iFrame on your website.
To embed your Locator via iFrame follow these steps:
Have your code set up
First of all you need to have your HTML code of the locator ready. Find our how to set it up here.
Example Snippet
<script src="https://uberall.com/assets/storeFinderWidget-v2.js" type="text/javascript"></script> <div Locator: id="store-finder-widget" data-key="uAYjjxP1XKvyYWqkKSATLp3GdymM4q" data-language="en" data-baseurl="https://uberall.com" data-trackevents="true" data-showattribution="true" data-askforlocationonload="true" data-imperialunits="false" data-showzipcity="true" data-locationpinurl="" data-locationpinurl-business="" data-title="Locations" data-showheader="true" data-footertext="" data-showfooter="true" Filter: data-hideopennowfilter="true" data-filters="services" data-filter-services="" Location Page: data-showkeywords="false" data-showcategories="true" data-showlanguages="false" data-showwebsite="true" data-showlogo="true" data-showsimilarlocations="true" data-locationpageheader="map" data-showservices="false" data-showbacklink="true" data-showreviews="true" Customizations: data-buttonbgcolor=#31649E data-buttontextcolor="white" data-linkcolor=#31649E ></div>
Save HTML on Server
Next you have to save your HTML file on your servers.
like: https://uberall.store/Test/
We advise to finalize the HTML before saving on servers, as otherwise you need to revise.
Embed
The last step is to embed the locator via iFrame in your website's HTML code.
Example:
<iframe src="https://uberall.store/Test/"></iframe>
Example
This locator is embedded via iFrame:
Example:
<iframe style="border:none;" width="1000" height="800" src="https://storefinder-showcase.sandbox.uberall.com/Helpjuice#!"></iframe>