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.
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 HTML website:
   • 
     Google Business Profile widget - Embed your Google Business Profile on your website to enhance brand visibility, showcase essential business info, and build trust with potential customers in one seamless view. Learn how to embed Google Business Profile on your website here.
   
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.
5. Copy the embed code. Click the "Embed on website" button on the upper right corner. On the popup, copy the JavaScript embed code.
6. Paste the embed code and save your HTML website page. Please follow the second part below to add Google business hours widget to your HTML website.

Add Google business hours widget to your HTML website

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