How to Integrate Google Maps API Key with Premium Blocks

Introduction

Welcome to the comprehensive guide on integrating Google Maps API with the Premium Blocks for Gutenberg. Elevate your WordPress site by seamlessly embedding interactive maps into your content. This tutorial will walk you through the process of adding your Google Maps API key to unlock the full potential of Gutenberg Google Maps Block. By the end of this guide, you’ll be equipped to enhance your site’s navigation and provide a richer user experience with dynamic maps.

Requirements

To get Premium blocks on your WordPress website, make sure to install and activate the following plugin(s).

  • Premium Blocks for Gutenberg – The Free WordPress Plugin.
  • Recommended* Kemet Full-Site-Editing WordPress Theme.

How to Enable Google Maps API Key?

Follow these steps to add your Google Maps API key:

  • Premium Blocks Plugin: Essential for accessing all Premium Blocks features, including Gutenberg Google Maps Block.
  • Feature Activation: Ensure the Maps API JS file is enabled in the plugin settings.
Integrate Google Maps API Key
Integrate Google Maps API Key

Step-by-Step Guide:

  • Access Settings: Navigate to your WP Dashboard -> Premium Blocks -> Settings tab.
  • Google Maps API Key: Enter your Google Maps API key in the provided field.
  • Enable Maps API JS File: Ensure the checkbox is ticked to enable the API JS file, if it’s not included by another theme or plugin.
  • Save Settings: Click the ‘Save’ button to apply the changes.

To obtain a Google Maps API key, follow the instructions on the Google Cloud Platform.

How to Use Google Maps Block?

Now that you have enabled the Google Maps API, you can add and customize maps on your Gutenberg blocks:

  • Access Settings: Navigate to your WP Dashboard -> Premium Blocks -> Settings tab.
  • Google Maps API Key: Enter your Google Maps API key in the provided field.
  • Enable Maps API JS File: Ensure the checkbox is ticked to enable the API JS file, if it’s not included by another theme or plugin.
  • Save Settings: Click the ‘Save’ button to apply the changes.

For a detailed tutorial on using the Google Maps block, visit Gutenberg Google Maps Block documentation page.

Conclusion

Integrating Gutenberg Google Maps block into your WordPress site has never been easier. With Premium Blocks for Gutenberg, you can provide an enhanced user experience by embedding interactive maps directly into your content. Follow the steps outlined in this tutorial to add your Google Maps API key and start using the maps block today. Explore the possibilities and make your site more engaging and informative with dynamic map features.

Need Further Help?

Have a question or need assistance? Our dedicated support team is here to help! Explore our contact options to ensure you get the support you need. We’re committed to making your Gutenberg website-building experience seamless and resolving any queries you may have.

About Leap13

Leap13 is a WordPress-focused web development firm specializing in building premium WordPress themes and plugins.

Copyright © 2024 | Built With ❤️ Using Kemet WordPress Theme and Premium Blocks