Getting Started with BusinessLocator

Some mini-tutorials to show you around the platform.

LIST OF TUTORIALS:

BL_Onboarding Popup

First step: choose your type of business

When you first log in to your BusinessLocator account, you will be able to choose the type of your business:

  • Store
  • Restaurant
  • Service
  • Cultural places
  • Other

This will enable certain properties that are specific to these types (like delivery for shops or restaurants).

SECTION: BUSINESS LOCATIONS

add-a-location-v2

Add a location

Click on the ellipsis next to Business locations.

Select the Add a location option.

Add a name, then click on the ➕ sign for the Address field.

You can either search for the address in the Search field or input it manually. Hit Save.

Fill in the other fields like phone, image URL, opening hours etc.

Save this new location by clicking the Add button.

import-data-v2

Import several locations

Click on the ellipsis next to Business locations.

Select the Import data option.

Select the file to upload (it should be a CSV or JSON file).

Check the data in the table and click Import.

Confirm that you want to replace any existing data by clicking Validate.

Recommended: in your file, include a Name column for your locations. If you don't have a particular name for them, you can put the name of your business + city / street so it's easier for your customers to differentiate the locations.

search-location-v1

Search for a location

If you want to edit a particular location — but you have a lot of locations and you're scrolling endlessly through your list — make use of the Search bar to find it more easily.

Note: you can search for any word within the Name of the location.

edit-location-v1

Edit a location

Click on the location you wish to edit.

Find the field to edit and click on the pencil icon next to it.

Make your edits.

Click on Save.

BL_Default properties

Configure and use default properties

In the Business Locations section, click on the three small dots above the search bar.

Click Edit Properties.

Here you can configure default properties which can save you time when adding new business locations (by clicking on the Apply properties ★ button).

highlight-location-v1

Feature a location

By putting an emoji at the beginning of the location name, it will feature the location at the top of the list.

For example, if you want to feature your headquarters, you can add a star ⭐️.

You can also add an emoji in the middle or at the end of the name to categorise your locations. For example, to list and differentiate your resellers 🤝.

BL_Services

Select available services

In the editing panel of one of the points of sale, click on the Services “+” button.

Click on the services offered by this establishment, such as: Wifi, Disabled Access, Free Parking, Air conditioning, Click & Collect, Playground, Drive or even the possibility to pay with Restaurant Tickets.

Those enabled will have a check mark at the top right.

BL_Photos

Add a photo gallery

In the editing panel of one of the business locations, click on the Photos "+" button.

Click on the Image icon to fill out the URL of the photo to display.
(It must already be hosted somewhere.)

Each location can display different photos. You can take advantage of this to show products or services specific to this location.

BL_Delivery

Link to delivery services

In the editing panel of one of the business locations, click on the Delivery “+” button.

If you deliver via Deliveroo, UberEats or JustEat, you can provide each location's links to the appropriate order page.

This property is only visible if you have chosen the following business types: Store and Restaurant.

BL_Add property

Add custom fields

In the Business Locations section, click on the three small dots above the search bar.

Click Edit Properties, then click the Add Property button.

You can create the following fields:

  • Text: add any body of text to individual locations (like a description, special offers, etc.)
  • Multiple choice: add several options to tick/untick per location (like a list of amenities, price ranges etc.)
  • Checkbox: add true/false options to your locations (like whether if offers Free Parking, if it's open 24/7, etc.)
  • Button (see more details below)

Or activate a pre-defined property.

buy-tickets-button-v1

Add a custom button

Create a new Button type field as indicated in the previous steps for adding a custom field.

Give it a name (this is the text that will appear on the button for all locations).

Once created, you'll be able to input a unique URL for every location.

deleting-location-v1

Delete a location

Click on the location you wish to delete.

Scroll down to the bottom of the panel.

Click the Delete button.

SECTION: BASEMAPS

basemaps-selection-v1

Select a map style

Click through the different map styles to preview what it looks like with your locations.

You can zoom in and out to see the differences: roads, parks and water colour, elevation lines, icons...

You can choose from five default basemaps:

  • Streets: a style with contrasting and bold colors for a unique look.
  • Sunny: a more traditional design that looks good anywhere.
  • Terrain: showing elevation levels for more nature-oriented needs.
  • Light: a neutral, clean design to let your businesses stand out on the map.
  • Dark: a striking and contrasting design to catch your visitors' eye.

SECTION: CUSTOMIZE YOUR MARKERS

custom-marker-v1

Customize your default markers

To do so, click on the ➕ sign under Default icon or Selected icon.

Upload your icon in SVG format (we recommend a max width of 50px).

Choose your Anchor for the icon (ie. how the icon will be centered on the marker location).

Click Import.

BL_Custom markers

Customize markers for each location

In the editing panel of one of the locations, click on the icon at the top left.

Choose the icon set you want to use: the default one or a custom set.

To add a new icon set, click the Add additional icon button.

Choose new colors or upload your image in SVG format (recommended max width: 50px).

Choose the Anchor for the icon (how it will be centered on the marker location).

Click Import then Save.

pin-colors-v1

Change pin & dot colours

Click on the Default icon or Selected icon button on the right.

Select the desired colour or input the colour code in the HEX/RGB/HSL fields.

Click the button again to save and close the colour editor.

Changing these colours will impact the marker and the matching dot.

Note: you cannot change the colour of your markers if you have uploaded a custom icon.
activate-dot-display-v1

Activate dot display

For a better user experience and depending on your point density, you can simplify your icon to a dot when a visitor zooms out.

Click on the Activate dot display toggle to activate/deactivate this feature.

You can control at which level you would like this to trigger: Country, Region or City.

SECTION: LAYOUT

layout-options-v1

Select your desired layout

In this section you can choose to customise your layout by:

  • Changing where the locations list panel appears
  • Displaying a pop in when a location is clicked
  • Displaying a search bar to enable your users to search for your nearest locations

This can be very handy to optimise your website experience for your visitors.

SECTION: PREVIEW

draft-publish-v1

Preview and publish your business locator

Draft version
This is how your business locator looks like with the latest edits made in the editor. If you're happy with the changes, hit the Publish button to make them live!

Published version
T
his is how your "live" business locator looks like and the version your visitors will see on your website.

SECTION: INSTALL IFRAME

embed-code-v1

Embed the code on your website

Copy-paste the code on your website to integrate your business locator.

Need help with the integration? Check out our integration tutorials.

change-size-location-v1

Change the size of your business locator

In your embed code, you can adjust the width and height values by indicating a new size in pixels. For example:

style="width:100%;height:600px;"

You will find more instructions on how to modify the size of your business locator in the Install iframe section of the app.

Announcement illustration

Let's boost your sales!