Wix Bookings: Adding and Setting Up the Map Plugin on the Service Page

4 min read

Add the Map Plugin to your Service Page to make it even easier for your clients to find where their services take place. This is also useful if you offer services in different locations, as clients can choose the place that's most convenient for them.

Step 1 | Add the Map Plugin to your Service Page

You can add the Map Plugin to your Service page from your Editor.

To add the Map Plugin to your Service Page:

Go to the Service Page in your Editor:
- Wix Editor:
  1. Click Pages and Menu on the left side of the Editor.
  2. Click Bookings Pages.
  3. Click Service Page.
- Editor X:
  1. Click Pages at the top of Editor X.
  2. Click Service Page under Bookings Pages.
Click the Service Page element in your Editor.
Click the Plugins icon .
Hover over the Map Plugin and click + Add.

Click the Map Plugin element in your Editor.
Click Manage Locations.
Choose whether to show the Service location or your Business location.
Note: You can add or update service locations in the service form. You can add business locations in Business Info in your site's dashboard.

Tip:

The Preview mode of your site may not show the up-to-date version of your Google Maps. If the preview mode looks different to the live site, please click Publish when you make a change to the map.

Step 2 | Customize your Map Plugin settings

With the Map Plugin added to your Service Page, you can customize the views, zoom and controls available to your clients on the map.

To customize the map plugin settings:

Click the Map Plugin element in your Editor.
Click the Settings icon .
Use the slider to set the default zoom on your map.
Enable the Show map and satellite views toggle to allow your clients to switch map views.
Enable the Show zoom control toggle to allow your clients to zoom in and out. This is useful if your business locations are far apart or in different countries.
Enable the Show Street View control to allow clients to use street view on the map.
Enable the Show directions link toggle to show a link to Google's directions service.
Enable the Allow dragging toggle to allow clients to move around the map by clicking and dragging with their mouse.

Step 3 | Choose where to place the map on the Service Page

The map appears at the end of the Service page by default. You can change the location at any time.

To choose the location of the map on the Service Page:

Click the Service Page in your Editor.
Click Settings.
Click Sections.
Drag the Plugin section to your preferred location.

Step 4 | Choose your map design and pin

You can now choose a map design and pin that suits your site's design and branding. You also have several different Pin shapes to choose from to further customize your Service Page map.

To choose the map design and pin:

Click the map in your Editor.
Click the Design icon .
Select a map design.
Click the Pin Design tab and choose what you want to do:
- Choose a preset pin: Select a shape for the pin. (When available) Click the Choose a color box and select a color.
- Upload your own pin: Click the Add icon to upload your file.