What is a solution for embedding Google My Business hours into a Webflow website to keep them in sync with the latest updates?
TL;DR
- Use Google Places API for real-time updates by enabling the API, retrieving business hours, and displaying them via custom JavaScript in Webflow.
- Use third-party widgets like Elfsight for an easy, no-code solution by embedding a script, though it may require a paid plan.
- Use Zapier to update Webflow CMS with GMB hours, though updates may not be instant.
- Best option: Google Places API for reliability, Elfsight for simplicity, Zapier for CMS integration.
To display Google My Business (GMB) hours on a Webflow site while keeping them updated automatically, you can use Google’s Places API or a third-party service like Elfsight. Below are the main solutions:
1. Use Google Places API
- Google Places API provides real-time business data, including hours.
- You need to create a Google Cloud project and enable the Places API.
- Retrieve the business hours using an API request and format the response in Webflow using custom JavaScript.
- This method requires some coding knowledge.
2. Use a No-Code Third-Party Widget
- Services like Elfsight or SociableKIT offer embedded GMB widgets.
- No coding needed—just copy and paste the embed script into a Webflow Embed element.
- These services automatically update your hours but may require a paid plan.
3. Connect Webflow to GMB via Zapier
- Set up a Zapier automation that pulls business hours from GMB and updates your Webflow CMS.
- Requires Webflow CMS Collections and API-based workflows.
- Zapier supports Google My Business, but this method may not be instant and could have update delays.
Summary
The most reliable and real-time approach is using the Google Places API, but it requires coding. Elfsight or similar services offer an easy no-code solution at a small cost. Zapier can work if you prefer automation through Webflow's CMS but may not update in real time.