Webflow + Google
Webflow hours that stay tied to Google Maps
A CMS hours collection looks clean until someone updates Google and not Webflow. HourSync is custom code: connect GBP, drop the embed, allowlist the .webflow.io or production domain.
Plaka Pharmacy
Plaka, GR
How it works
Connect Google Business Profile, tailor the widget, embed once, and let sync handle the rest.
- 1
Connect Google Business Profile
Same OAuth flow as every other HourSync site—no Webflow app store step.
- 2
Add an Embed element
Paste the placeholder on the page (contact, footer, or location CMS template).
- 3
Load the script in project settings or the embed
Site-wide custom code is fine. The placeholder still has to exist on the canvas.
- 4
Publish and allowlist
Add both the staging and production hostnames you actually use.
Best for
- Marketing sites designed in Webflow for a single location
- Agencies who already ship custom code and want GBP as the source
- Brands with a designed footer that still needs live open/closed
Webflow-specific notes
- Requires a workspace plan that allows custom code / embeds.
- Allowlist production and webflow.io if you preview the widget before go-live.
- 7-day money-back guarantee; Stripe checkout on HourSync.
FAQ
You can, and then you maintain CMS + Google. HourSync exists so the CMS does not become a second schedule.
The embed is per widget, not per CMS item. One HourSync widget maps to one GBP location. Multi-location templates need multiple widgets.
As long as the placeholder stays in the DOM, the script will find it. Do not display:none the node if you want it to initialize.
Allowlist both hostnames or the widget will refuse to render on the host you forgot.
Yes. Compare the current Webflow page with Google before you buy.
Set colors and fonts in the HourSync dashboard so the block sits on a Webflow canvas without looking like a default plugin.