![]() ![]() And the ability to add multiple pins to your map to showcase different company locations and information is a helpful and engaging feature.įor this example, I’m going to add a Map Module to showcase the company location and information by adding a custom pin to the map. Use Case Example: Add a Map Module to a Contact PageĪ map module is a great way to showcase your company location on your contact page. These options are separated into three main groups: Content, Design and Advanced. The module list is searchable, which means you can also type the word “map” and then click enter to automatically find and add the map module! Once the module has been added, you will be greeted with the module’s list of options. Locate the map module within the list of modules and click it to add it to your page. We have some great tutorials about how to use Divi’s row and section elements. If you are starting a new page, don’t forget to add a row to your page first. New modules can only be added inside of Rows. Once you have entered the Visual Builder, you can click the gray plus button to add a new module to your page. You can also click the Use Visual Builder button when browsing your website on the front end if you are logged in to your WordPress Dashboard. Next, click the Use Visual Builder button to launch the builder in Visual Mode. Clicking this button will enable the Divi Builder, giving you access to all of the Divi Builder’s modules. Once the Divi Theme has been installed on your website, you will notice a Use Divi Builder button above the post editor every time you are building a new page. In this example, I simply called it “Maps.” You can also input your website’s domain name (add an * in front of it if you allow access from both and ) to make sure to other website’s are allowed to your your API key.Īfter you have created an named your project, you will be presented with an API Key that you can use.Īfter you have obtained an API key, you must copy/paste it into the theme options panel by navigating to: Divi>Theme Options>General Settings>Google Maps API Key How To Add A Map Module To Your Pageīefore you can add a map module to your page, you will first need to jump into the Divi Builder. You can name the project anything you like. Next you will be asked to name your project. ![]() The first thing you will be asked to do is create a new project. To obtain an API key, log into the Google Developers Console, which will guide you through the process, and activate the Google Maps JavaScript API and any related services automatically. View A Live Demo Of This Module Google Maps API KeyĪn API key is required in order to use the Maps Module. The maps modules also comes in a Full Width format, so be sure to check that out as well! You can even add unlimited pins to the map, and define a custom viewport starting location. The maps modules makes it easy to embed custom Google Maps anywhere on your page. How to add, configure and customize the Divi map module. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |