If you want to add text, just open the Text block. To pin a location on the map, first, open the Map block and type in the address you want to pin in the Map Pin Address field. To put a pin on the map, all you need to do is click the "Add New Pin" button located in the Content section of the settings panel. To do this, go to the Content tab in the settings panel and find the Map block. Alternatively, you can set the center to the exact location of your business. For example, if your business is in London, you can set the center in London. This will help Google Maps display the area around your business.
#Product builder for divi plus
This can be done by clicking the grey plus button on the canvas area and selecting the Map module.īefore adding a pin to the map, you can set the center of the map to your business location. Once they are linked, you can add a map to your page or template. To use Google Maps with your Divi Builder, you first need to connect the two. Remember to save the changes by clicking the Save button.
If you use Divi Builder on another theme, paste the API key in the GOOGLE API KEY field under the API Settings tab. If you use the Divi theme, paste the API key in the Google API Key field under the General tab. To add the key to your WordPress dashboard, login and go to Divi -> Theme Options (or Divi -> Plugin Options if you are using a different theme other than Divi). Click the CREATE CREDENTIALS button and choose API key.Ĭopy the generated API key that appears on the window. Then, go back to the main dashboard of the Google API Console by clicking the Google API Console logo on the top bar and select the Credentials menu on the left panel. On the API Library page, choose the Google Maps API type you want to use under the Maps section.įor the Divi Builder, you can use the Maps JavaScript API.Ĭlick the ENABLE button to activate the API.
#Product builder for divi free
With the best free page builder Elementor Start Now To use Google Maps in your project, first, create the project and select it from the dropdown menu on the top bar. Now assign a name to your project and click the CREATE button. If you do not already have a project established, you can create one by selecting the dropdown menu on the top bar and selecting the "NEW PROJECT" option located in the top-right corner of the window that appears. To obtain this key, you must log into the Google API Console website using your Google account. This integration can be achieved by obtaining a Google Maps API key. It has been previously mentioned that integrating the Divi Builder with Google Maps is a necessity to utilize the Map module.
0 kommentar(er)
