MetaLocator

This article covers the MetaLocator Interface Builder which allows you to create interfaces using a point-and-click user interface.

Introduction to the Interface Builder

Modify icons, buttons, colors and styles using the Interface Builder

Branding your Interface with the Interface Builder

Filtering Interface Data

Pro and higher users can provide custom CSS.  This article provides examples, best practices and information on where to place custom CSS.

Custom CSS in MetaLocator

Card and marker click behavior options

Michael Fatica

Bryan Nye

Brenda Bedward

This collection of articles discusses creating and editing Interfaces using the new Interface Builder

Interfaces

The radius dropdown

Interstitial search options are required inputs before the search is displayed.

Interstitial Search

Use category images to add visual appeal to your category search form and results display

Category images in Search

Add and remove fields to the search, control labels and required fields

Customizing the Search Form

Printing the Locator

There are many options for online results in your locator.  These results are commonly online retailers who sell or service your products

Options for Buy Online

Location Autocomplete

Searching for ranges of values

Active category filter buttons

Toggling between the map and list in mobile view

Unified search allows users to search for keywords and locations simultaneously.

Unified search

Searching data by keyword can provide a powerful option for your users.

Configuring Keyword Search

Dropdowns, Radius and other Search Settings

Search Form Settings

Get directions from the users location to the result

Get Directions

Results can be grouped on a specific field in the interface builder

Grouping results

Add logic and custom HTML output at the field level using field templates

Field Templates

MetaLocator can display distance in KM and Miles and in custom formats

Distance display and units

Live search updates the map as the user makes changes to the map and search form

Live Search

Leverage nearby results as the initial state of the Interface

Using the AutoFind feature

Ensure phone numbers are properly formatted and trackable in results.

Best practices for phone numbers in results

Understanding behavior options and the map marker popup window content.

Controlling the map marker popup

Sort results by any field including name or custom fields

Results ordering and sorting levels

MetaLocator can redirect users to a link in your results automatically

Redirecting users based on search results

Display a default location

Showing certain fields in the mobile view only

Tabs can be a great way to conserve vertical height without cluttering the results

Adding Tabs to the results

Custom HTML containers provide a facility for organizing result card controls into logical groups for easy styling

Custom Containers

Use the Collapse Control to provide for a simple hide-able area in the results

Expand/collapse areas in the results cards

How to add FontAwesome Icons to Result Fields/Buttons

Adding Icons to Results Fields/Buttons

Results Card Settings

How to set the map marker icons for the map pins, individual results and categories

Map Marker Icons

Marker clustering groups map markers together for a more organized look

Using the Marker Clustering option

Zoom and position the map as needed using map settings.

Map Zoom and Position Settings

Toggle interface Map

Marker legends help users understand what custom icons mean

Adding a marker legend

Create maps with numbered markers to help users identify results

Creating Numbered Map Markers

Custom control of the colors of the map tiles is available in Pro and higher accounts

Custom map styles & colors

MetaLocator supports Google Maps natively

Using Google Maps with MetaLocator

Map Settings

Interfaces can be marked as templates for re-use

Interface Templates

When interfaces are accessed by multiple users, interface locking helps prevent conflicts

Interface locking

Reverting an Interface to a previous version

Importing and Export interface settings

Copy your Interface for backup or experimentation

MetaLocator can output a content security policy preventing embed of your Interface on other Websites

Bind to Domain

This report displays a summary of all settings that have been changed from their default

Interface Changed Settings Report

Managing Interfaces

Adding Adobe Fonts To Your Locator

Using Google fonts with MetaLocator

Pro and higher accounts can add custom CSS and JavaScript to support custom fonts

Adding Custom fonts to the Interface Builder

Fonts

Scope of Support

Privacy Policy

Terms of Use

Support Resources

Find answers and get help from Intercom Support and Community Experts

This site employs cookies and other technologies that we and our third party vendors use to monitor and record personal information about you and your interactions with the site (including content viewed, cursor movements, screen recordings, and chat contents) for the purposes described in our Cookie Policy. By continuing to visit our site, you agree to our {websiteTermsLink}, {privacyPolicyLink} and {cookiePolicyLink}.

This site uses cookies and similar technologies ("cookies") as strictly necessary for site operation. We and our partners also would like to set additional cookies to enable site performance analytics, functionality, advertising and social media features. See our {cookiePolicyLink} for details. You can change your cookie preferences in our Cookie Settings.

We use cookies to make our site work and also for analytics and advertising purposes. You can enable or disable optional cookies as desired. See our {cookiePolicyLink} for more details.

You have the right to opt out of the sale of your personal information. See our {cookiePolicyLink} for more details about how we use your data.

Your Privacy Choices

We use cookies to enhance your experience. You can customize your cookie preferences below. See our {cookiePolicyLink} for more details.

Cookie Settings

Link, Press control-option-right-arrow to exit

Empty Help Center

Uh oh. That page doesn’t exist.

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Tickets submitted through the messenger or by a support agent in your conversation will appear here.