Display Google map inside WordPress form
A map inside WordPress form can display an address. As an example, if the map is added to appointment form to display the address of the office, it will certainly be easier for your users to figure out directions to the appointment centre. As another example, if someone inquires about a property that is up for sale, the map can display location of the property. That is, the map can show property marker pointing to the property address.
Navigating to the Map widget
From your WordPress dashboard navigate to the “All Forms” section in RegistrationMagic. Move your cursor across one of the forms. Click on the “Field” hyperlink or the “Field Manager”.
Click on “Add Field” from the operations box, and navigate to “Map Widget”. On this page, you can add or modify any address as per your needs.
Before going ahead, please note that you must not forget to configure the autocomplete feature in the address field. You can configure the autocomplete feature from the External Integrations icon inside the Global Settings. You will need to configure Google Maps API key.
Read this tutorial “How to autocomplete address field of registration form?” if you would like implement the autocomplete address feature.
Configuring the Google map
On the Map widget settings page, you will be see options such as Label, Latitude, Longitude etc. Fill the Label field with “Office address”.
There are two methods to populate your address. One method is to enter the address manually. This approach will present you with address suggestions. As an example, if you type 1A then all addresses starting with 1A will appear as suggestions. The second method is to directly click on the mapped select the exact location.
Both methods will auto-populate the Latitude and Longitudes accordingly. So, these fields don’t need to be entered manually. Set the zoom and map width according as per your design requirement. Apply CSS class only if it is defined in the coded file.
Embedding Google map inside WordPress form
Now go back to RM “All forms”, copy the shortcode from the form and paste the shortcode inside the post. Click update. The Google map will now appear inside your WordPress form.
This completes our tutorial on how to add Google map inside WordPress form.
- How to Allow WordPress Login and Registration using Email - October 5, 2018
- How to Display WordPress Member Directory - October 1, 2018
- How to Create WordPress Form With Payment Option - September 30, 2018
- How to Disable WordPress Admin Bar for all Users Except Admin - September 29, 2018
- How to Disable New User Notification Emails in WordPress - September 28, 2018
- How to Add New Users And Authors in WordPress Blog - September 27, 2018
- How to Restrict WordPress User Access by Passphrase Code - September 26, 2018
- How to Restrict User Access by Date in WordPress - September 25, 2018
- How to Restrict WordPress Forms by User Roles - September 24, 2018
- How to Configure Registration Form in WordPress - September 12, 2018