What is a solution for embedding Google My Business hours into a Webflow website to keep them in sync with the latest updates?

To keep Google My Business (GMB) hours synced with your Webflow site, you’ll need to use a third-party solution since Webflow doesn't natively sync with GMB.

1. Use a GMB API Integration Tool

• Connect your Google account via a tool that utilizes the Google My Business API (now part of Google Business Profile API).
• Use platforms like Zapier, Pabbly Connect, or custom-built middleware to fetch GMB hours automatically.
• These tools allow you to pull operating hours and push them to a CMS Collection in Webflow.

2. Set Up a Webflow CMS Collection for Business Hours

• Create a CMS Collection with fields like "Day," "Opening Time," "Closing Time."
• Map the hourly data pulled from GMB into these fields using the API integration tool.
• Use a Collection List on your site to render the CMS items for each day of the week.

3. Automate Hour Updates

• In your integration (e.g., Zapier), set a scheduled workflow to sync Google Business hours daily or whenever changed.
• The automation should overwrite or update entries in your Webflow CMS with fresh data from GMB.

4. Workaround: Embed a Google Business Profile Map Widget

• If API integration is too complex, you can embed a Google Map widget using the GMB listing link.
• While this won’t extract just the hours, it shows them directly inside the map modal.
• Use the "Share" feature from your GMB listing and copy-paste the embed snippet into an Embed element in Webflow.

Summary

To keep Google Business hours synced with Webflow, integrate the Google Business Profile API via platforms like Zapier or Pabbly and connect it with a CMS Collection. Alternatively, embed your GMB listing as a Google Map widget if full automation isn't needed.