Busy Hours

Busy Hours

Welcome to the “Busy Hours ” documentation. Looking to integrate a busy hours block into your website? Our block is here to help you make your website stand out. In this guide, we'll show you how to use the editor to customize your busy hours block.

Step 1 : Open the Editor
Step 2 : Add Link And Customize Content
Step 3: Configure Your Settings
Step 4: Choose colors
         Step 5 : Preview


Step 1 : Open the Editor

1. Go to the busy hours templates.
2. Click on "Edit" after choosing your template.

class="flex justify-center items-start h-auto w-auto" alt="">



Step 2 : Add Link And Customize Content


  • On this panel, add the Google Map link and set labels for the select header, Y-axis title, and loading label.




    • Step 3: Configure Your Settings


    Here, you'll handle the busy hours settings
  • You can choose to display the header, select header and data label buttons, adjust padding, customize the chart font size, and set the position and rounding preferences.






    • Step 4: Choose colors


  •  Within this panel, you can select colors that match your website's design.








    • Step 5 : Preview


    Lastly, you can click on “Preview” to see how your busy hours looks on both desktop and mobile devices. After this, you can proceed to the next step.