Bookly Google Maps Address (Add-on)

Introduction to the Bookly Google Maps Address Add-on

The Bookly Google Maps Address add-on is a powerful tool that allows you to effortlessly integrate Google Maps into your Bookly website. This add-on is specifically designed to help you streamline the appointment booking process by providing users with a simple and intuitive way to find your business location on Google Maps.

In this tutorial, we'll guide you through the steps to install and set up the Bookly Google Maps Address add-on, so you can start using it to enhance your customer experience.

Prerequisites:

Before we begin, make sure you have the following:

• Bookly plugin installed on your website
• Google API credentials set up (more information on this can be found in the next section)
• Basic knowledge of how to use the Bookly dashboard

Setting up Google API Credentials

To use the Bookly Google Maps Address add-on, you'll need to set up Google API credentials. This will allow Bookly to access Google Maps data and display it on your website. Here's how to set up your API credentials:

1. Go to the Google Cloud Console: https://console.cloud.google.com/
2. Create a new project or select an existing one.
3. Click on "APIs & Services" and search for "Google Maps JavaScript API".
4. Click on the "Enable" button to enable the API.
5. Click on "Create Credentials" and select "OAuth client ID".
6. Select "Web application" and enter a authorized JavaScript origins.
7. Create the API key and save it securely.

Installing and Activating the Add-on

Now that you have set up your Google API credentials, let's install and activate the Bookly Google Maps Address add-on:

1. Log in to your Bookly dashboard.
2. Go to "Settings" and then select "Add-ons".
3. Search for "Bookly Google Maps Address" and click on the result.
4. Click the "Install" button and then the "Activate" button.
5. Make sure the add-on is active by checking the checkbox next to it.

Configuring the Add-on

Now that the add-on is installed and activated, let's configure it:

1. Go to "Settings" and select "Google Maps Address".
2. Enter your API key and client ID from the Google Cloud Console.
3. Enter your map zoom level (the level of detail you want the map to show).
4. Select the type of map you want to use (roadmap, satellite, or terrain).
5. Set the language of the map labels.

Using the Add-on in Your Bookly Form

Now that the add-on is configured, let's use it in your Bookly form:

1. Go to "Forms" and select the form where you want to add the Google Maps address field.
2. Click on "Add Field" and select "Google Maps Address" from the dropdown menu.
3. Configure the field settings as needed (e.g. map type, zoom level, etc.).
4. Save your changes.

Using the Add-on in Your Frontend

Finally, let's use the add-on in your frontend:

1. Go to the page where you want to display the Google Maps address.
2. Add the Bookly Google Maps Address shortcodes to the page as needed.
3. Use the shortcodes to display the map on your page.

That's it! With these simple steps, you've successfully installed, configured, and used the Bookly Google Maps Address add-on to enhance your customer experience.

Additional Tips and Tricks:

• You can customize the appearance of the map by using CSS and styling it to match your website's design.
• You can use the Bookly Google Maps Address add-on in conjunction with other add-ons to create a seamless booking experience for your customers.
• If you encounter any issues or have questions, don't hesitate to reach out to the Bookly support team for assistance.

By following this tutorial, you should now be able to effectively use the Bookly Google Maps Address add-on to take your business to the next level.