Home Mastering our Platform Locator + Pages

How to embed the Uberall Locator via iFrame

Last updated on February 1st, 2024

Not recommended

Uberall does not recommend this solution, as it is not beneficial for SEO.

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>

Please note

The Uberall locator widget needs a certain space to be fully displayed. We advise to define the height and width within the iFrame to allow correct display.

Example

This locator is embedded via iFrame: