Displaying the event location is an essential part of any event website. It helps attendees easily find where the event will take place and improves the overall user experience. With the Eventin plugin, you can integrate Google Maps to show event locations directly on your event pages. This allows visitors to view the exact venue location and navigate to it easily.
In Eventin, you can add event locations in two ways. You can manually enter the venue details or integrate Google Maps to display the location visually on the map. Using Google Maps also allows you to manage and reuse event locations efficiently.
Note: If you want to use Google Maps features, you need to use Eventin Pro version.
How to Get a Google Maps API Key #
- Go to the Google Cloud Console link.
- Click on the project dropdown in the top-left corner. Click on New Project and fill in the project details.
- Click Create to set up the project.
- In the Google Cloud Console, go to the Navigation menu (☰) in the top-left corner.Select APIs & Services > Library
- In the search bar, type
Maps JavaScript API, click on the Maps JavaScript API card in the results.
- On the API details page, click the Enable button to enable the Maps JavaScript API for your project.
- You also need to enable the Geocoding API to support Google Maps search and autocomplete functionality.
- In the Google Cloud Console, go to APIs & Services > Credentials.
- Click on the Create Credentials button and select API key from the dropdown. Your new API key will be generated and shown in a pop-up window.
- After creating your API key, copy it for setting up on the Eventin settings.
How to Enable MAP Key on Eventin Settings #
Step-1 #
For Google Maps to enable, navigate to Eventin → Extensions → Google Map and enable the Google Map option. Then enter the API key you created earlier and click Save to connect it.
Step-2 #
After inserting the Google key, go to the Eventin -> Events -> Event Locations. Then add the event location on the “Venue Location” field.
Frontend view for Google location: #
Elementor Widgets: #
In Eventin Pro, for displaying event location, you can use the Eventin location list widgets.
Front-end view:
Shortcode:(Pro) #
You can also use a shortcode to show the Event location list.
FAQ #
1. Do I need an API key to display Google Maps in Eventin?
Yes, you need a Google Maps API key to enable map functionality. The API key must be generated from the Google Cloud Console and then added to the Eventin settings.
2. Is Google Maps integration available in the free version of Eventin?
No, Google Maps integration is available only in the Pro version of Eventin.
3. Can I add event locations without using Google Maps?
Yes, you can manually add the venue details when creating an event. However, using Google Maps provides a visual location and helps attendees easily navigate to the venue.
Conclusion #
Adding event locations helps attendees quickly understand where the event will take place and improves the overall usability of your event website. By integrating Google Maps with Eventin, you can display accurate venue locations and make navigation easier for your visitors.
With the proper setup of the API key and location settings, you can efficiently manage and display event locations across your website.
