The following article will help you to customize the Locator and Pages widget to fit your needs.

Locator + Pages widget

The following script tag and div elements must be implemented in the HTML code of the designated page for the Locator.

<script src="https://uberall.com/assets/storeFinderWidget-v2.js" type="text/javascript"></script>
<div 
    id="store-finder-widget" 
    data-key="KEY"
    style="min-height:600px;"
</div>

You can export the snippet from our platform once you've created a Locator. Find out how to create a Locator here.

All these attributes are within the <div> element.

Edit Locator + Pages

By clicking the "Edit" button you will be directed to your Locator's configuration in our L+P Builder:

Find out more about each section and their dedicated features and settings:

Store Locator

	Search Bar	Click "eye"-button to show/hide Search bar
	Filter	Click "eye"-button to show/hide Filters. Select filters you want to use.
	Hide locations on initial load	Click "eye"-button to show/hide Locations in initial load
	Address extra	Click "eye"-button to show/hide Address Extra
	Call to action	Click "eye"-button to show/hide Call to action button
	Directions and Phone	Click "eye"-button to show/hide Directions and Phone CTAs

Delete

Map

	Map Style	Select one of the preset map styles or create a custom Google Map style - check out https://mapstyle.withgoogle.com/
	Custom Default Mapcenter	Set coordinates to which the map will be centered, when the locator is loaded
	Pins	Select first whether or not you want to set a color for your pins ("Location Pin Color") or enter an URL pointing to a file, which you want to show as pins.
	Cluster Icons	Select first whether or not you want to set a color for clusters or enter an URL pointing to a file, which you want to show instead of the default cluster icons.

Delete

Design

	Background	Set color for primary and secondary backgrounds
	Buttons	Set color for background and text of buttons
	Text	Set color for primary and secondary texts
	Layout	Set color for border of containers, hover color for list items and links
	Custom CSS	Add custom CSS to your store locator and/or local pages to create a further customized design

Delete

Pages

Header

	Back to map button	Click the "eye"-button to show/hide the "Back to Map"-button
	Header	Click the "eye"-button to show/hide the Header
	Header Type	Click the dropdown to select the header Type Map = landscape format map Hero = Locator Cover Photo
	Footer	Click the "eye"-button to show/hide the Footer
	Attribution	Click the "eye"-button to show/hide the Attribution "Powered by Uberall"

Main Column

Use the "Bucket"-button to remove a section from all Pages. Grab the dotted icon next to the "Bucket"-button to move a section up and down.

	Basic Data	Decide whether or not you want to display one of the listed data fields.
	Social Posts	Show a social post published via the posting tool in the platform
	Description	The locations long description
	Products	Products associated with the location, set up via Content Collection
	Menus	Menus associated with the location, set up via Content Collection
	Custom Content	Custom Content  associated with the location, set up via Content Collection
	Events	Events associated with the location, set up via Content Collection
	Reviews	Select the minimum rating you want to show
	Imprint	The locations imprint
	Custom HTML	A custom field, which is created per Account, whose values are pulled from the location. Can be a Custom HTML
	+ Add Section	Click to open dropdown for additional sections. Inactive in case all available sections are enabled.

Delete

General

General settings can be adjusted under "General". Here you will be able to set options, which have a more global impact.

	Countries	Select countries, of which you want locations to be shown
	Group Locations by	Group locations on sitemap by "province"
	Pin Only Accounts	Select Accounts, whose locations will not have Pages
	Widget Origin URL	Mandatory for Hashbang Removal - more info here
	Footer Text	Custom input for Footer Text - default "copyright (2022 Uberall)"
	Logo	Enter URL of logo to show in locator of header
	Event Tracking	Enable to track views and clicks in Google Analytics
	Ask User for Location	Enable to ask user for their location when entering locator
	Render Locator at full width	Enable to display locator in full width of its container
	Page URL with identifier	Enable to swap Uberall location ID with identifier in URL
	Latin encoded URLs	Enable to ensure latin encoded URLs
	Imperial Units	Enable to use imperial units instead of metric system

Delete

SEO

	Store Locator Title	Define the page title of the page on which the locator is embed.
	Store Locator Description	Define the description of the page on which the locator is embed.
	Local Page Title	Define one local page title for all pages. Use placeholders do individualize titles using the placeholder format $placeholder: ($name, $city, $address, $zip, $keywords)
	Local Page Description	Define one description for all pages. Use placeholders do individualize descriptions using the placeholder format $placeholder: ($name, $city, $address, $zip, $keywords)
	Do not index location pages	Enable to prevent indexing of Pages
	Business Type	Choose the local business type that best represents your business. These options follow the schema.org standards and are used by web crawlers

Delete