Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed Google business hours on your Tilda website for FREE?

Seamlessly embed your Google Business Profile’s operating hours on your website to reassure visitors with accurate information, strengthen credibility, and encourage timely customer interactions.

Create your widget
Free forever plan No credit card Cancel any time
How to embed Google business hours on your Tilda website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
July 8, 2026 5 min read Ask ChatGPT
Quick answer

Your Google business hours on Tilda website — live in 3 steps

SociableKIT syncs your google business hours automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Google business hours in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Tilda website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed Google business hours with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Tilda website. Screenshots included so you never get stuck.

Complete guide

Follow our complete guide below to embed Google business hours on Tilda website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Google business hours widget

The first part is creating your Google business hours widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed Google business hours on your Tilda website for FREE?
  2. Select your Google business hours type on the dropdown. SociableKIT offers several Google business hours widgets. You might need to search it using the highlighted area below. Once found, you can then select it. Here are the different types of Google business hours that you can add to your Tilda website : Select "Google business hours" on the dropdown - How to embed Google business hours on your Tilda website for FREE?
  3. Enter your Google business hours ID or username. Copy your Google business hours URL and paste it in the username box. Our system will automatically identify your Google business hours ID or username.
  4. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed Google business hours on your Tilda website for FREE?
  5. Copy the embed code. Click the "Embed on website" button on the upper right corner. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Google business hours on your Tilda website for FREE?
  6. Paste the embed code and save your Tilda website page. Please follow the second part below to add Google business hours widget to your Tilda website .

Add Google business hours widget to your Tilda website

The second part is adding your Google business hours widget to your Tilda website . After you customize your Google business hours widget and copied the embed code, it is time to add it to your Tilda website . Follow the steps below.

  1. Get your free embed code from SociableKIT. Make sure you followed the first part above to create your widgget, customize it, and copy your free embed code.
  2. Login to Tilda.
  3. Create or edit an existing page.
  4. On the page, click the 'More Blocks' button.
  5. Find the 'Other' tab and select the 'T123' 'Embed HTML Code' block.
  6. Paste the embed code from SociableKIT.
  7. Click 'Publish' and click the 'Open page' button.
  8. Done!

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed Google business hours on your Tilda site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Google business hours widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Tilda.
  4. Create or edit an existing page.
  5. On the page, click the 'More Blocks' button.
  6. Find the 'Other' tab and select the 'T123' 'Embed HTML Code' block.
  7. Paste the embed code from SociableKIT.
  8. Click 'Publish' and click the 'Open page' button.
  9. Done!
Full Tilda tutorial →

To embed Google business hours on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Google business hours widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed Google business hours on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Google business hours widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed Google business hours on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Google business hours widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed Google business hours on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Google business hours widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed Google business hours on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Google business hours widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed Google business hours on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Google business hours widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed Google business hours on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Google business hours widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

Live preview

Pick a Google Business Profile template — see it live

Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your Tilda website.

Widget previewGrid
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding Google business hours on your Tilda website.

What is a Google business hours widget and how does it work?

The SociableKIT Google business hours widget automatically syncs your operating hours from your Google Business Profile and displays them on your website. Instead of manually typing your hours on multiple pages, you connect your business once and the widget pulls accurate, up‑to‑date hours directly from Google. This gives visitors confidence they’re looking at the correct schedule, and you never need to worry about outdated information. It’s a simple way to keep your site current and professional.

How do I connect my Google Business Profile and embed the widget on my website? Do I need coding skills or a plugin?

Embedding the widget is as easy as copy and paste. After creating your SociableKIT widget and linking it to your Google Business Profile, the platform generates a single line of code. You paste this snippet into any HTML or embed block on your site—no plugins or programming required. The widget works seamlessly with WordPress, Shopify, Wix, Squarespace, Webflow, and virtually every website builder.

Do I need to verify my Google Business Profile or be an admin to use the widget?

For security and accuracy, you need to manage or own the Google Business Profile you want to display. As long as you can access your business details in Google, SociableKIT can pull your hours automatically. There’s no need to create a separate app or fiddle with API tokens—just log in and choose your business. The widget will display the same hours your customers see on Google.

Can I display business hours for multiple locations or branches?

Yes. SociableKIT allows you to add multiple business profiles under one account. You can create separate widgets for each location or combine them into one display with clear labels. This makes it easy to manage hours for franchises, multi‑branch businesses, or agencies with multiple clients—all without juggling several logins.

Can I show special holiday hours, lunch breaks, or temporary closures?

The widget pulls whatever hours you set in your Google Business Profile, including special hours and temporary changes. When you adjust holiday schedules, lunchtime breaks, or unexpected closures on Google, the widget reflects those updates. This ensures visitors always see accurate information without any extra editing on your site. You can also choose to highlight special notes within the widget by customizing its design.

Will my hours update automatically when I change them in Google? Do I need to manually refresh?

On paid plans, SociableKIT automatically syncs your hours in the background, so any changes you make in Google Business Profile appear on your website without action from you. The free plan includes manual syncing, which lets you refresh your widget with one click whenever you make changes. Either way, you control how and when your hours are updated.

Can I customize the look of the widget to match my brand?

Absolutely. SociableKIT offers full design control on every plan. You can adjust colors, fonts, spacing, and layout to blend seamlessly with your website. There are several templates to choose from, including light and dark modes, and you can preview your changes in real time before publishing.

Does the widget display an “Open Now” or “Closed” indicator?

You can configure the widget to clearly communicate when you’re open or closed. By displaying your current status alongside the hours, the widget removes guesswork for visitors. Combined with special hours and up‑to‑date schedules, this helps manage expectations and encourages contact at the right times. It’s a simple way to prevent missed calls and frustrated customers.

Can I change the time format (12‑hour vs 24‑hour) or first day of the week?

Yes, you can choose the time format and first day of the week that fits your audience. Whether you prefer a 12‑hour AM/PM format or a 24‑hour clock, SociableKIT supports both. You can also set the first day of the week to Sunday, Monday, or any other day to match local conventions. These settings ensure the widget feels familiar to your visitors.

Does the widget adjust to visitors’ local time zones?

By default, the widget displays the hours set in your Google Business Profile, which include your business’s local time zone. If your audience spans different regions, you can add a note or configure the widget to display time zone information. This helps remote customers understand when you’re available without doing time conversions themselves.

Will the widget work on my website builder (WordPress, Shopify, Wix, Squarespace, etc.)?

Yes. SociableKIT is platform‑agnostic. The same embed code works on all popular website builders and custom sites. If your platform supports custom HTML, you can display your business hours with no additional plugins. This makes the widget ideal for agencies managing multiple platforms.

Is the widget mobile‑friendly and responsive?

The widget is designed to look great on any device. It adapts automatically to different screen sizes, from phones to tablets to desktop computers. Visitors get a clear, readable schedule whether they’re browsing at home or on the go, helping them contact you at the right time.

Will embedding the widget slow down my website?

No. The widget loads asynchronously and is optimized for performance, so it doesn’t block other content. It adds only a small, self‑contained script to your page. This means you can display accurate business hours without sacrificing site speed or user experience.

Does displaying accurate hours help with SEO or customer experience?

Accurate, consistent hours improve both your customers’ experience and your local search presence. Search engines favor businesses that provide consistent information across the web. By syncing directly from Google, the widget ensures your website matches your Google listing, reducing confusion and potential penalties for outdated data.

Are there any limits on the number of views or hours? How much does it cost?

Paid plans start at $10 per month and include unlimited views with no traffic caps. You pay per source, not per visitor, so you don’t need to worry about sudden spikes deactivating your widget. A free plan is available with 1,000 monthly views and manual sync; you can upgrade any time for automatic updates and more sources.

What happens if I cancel my subscription or free plan?

There are no long‑term contracts or cancellation fees. If you downgrade to the free plan, your widget continues to work with manual sync and SociableKIT branding. If you decide to cancel entirely, you can remove the embed code from your site and reconnect anytime. Your account remains available whenever you’re ready to return.

Do I need to update the embed code when I change hours or settings?

No. Once the widget is embedded, all design and content changes are managed in your SociableKIT dashboard. Whether you update hours, adjust the design, or add sources, the live widget updates automatically without touching your website code. This separation saves you time and prevents mistakes.

Can I add multiple daily time slots (e.g., open in the morning and evening)?

Yes. If your business operates in multiple shifts, you can create several opening and closing intervals for each day in your Google Business Profile. The widget will display each time slot clearly, ensuring visitors understand your schedule. This flexibility is perfect for restaurants, clinics, or any business with break times.

Can I add a custom message, like a holiday notice or call‑to‑action, to my hours display?

You have the option to include a short note or call‑to‑action within the widget. Use this space to alert customers to holiday hours, seasonal changes, or direct them to book appointments. Because you control the text and styling, the widget becomes a mini information hub that goes beyond just open and close times.

Does SociableKIT offer support if I have questions or need help?

Yes. Friendly, real human support is available to help you at every step. Paid plans include 24/7 chat and email assistance, and even the free plan includes responsive support. Whether you need help connecting your profile, customizing your design, or troubleshooting, SociableKIT’s team is ready to assist.

Add your Google business hours widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View Google business hours widget page →