Salesforce Business Hour Countdown Timer

Before you configure Business Hour Count Down Timer, you need to confirm two things as shown below:

Go to Setup | Company Profile | Business Hours and set the Time Zone for Business Hours as per your requirement. Don’t make any changes if it is already set to the Time Zone you need.

Now under ‘My Settings’, you need to verify your org’s Time zone as shown below.

For configuration, you need to go to the Home Page Layouts and click on Edit Your Default Theme.

Now Click on Edit Button.

Put a check mark on Business Hours Timer option.

Go to User Interface and enable Show Custom Sidebar Components on All Pages in order to view this on every tab.

Go to ‘Business Hour Settings’ page and set the  Theme of the Count down timer from the drop down section.

You can select the ‘Basic’ theme.

You can also select the ‘Styleable’ theme from the drop down.

Go to ‘Business Hour Settings’ page and select the Background Color and Text-color from the color picker.

You can Set the Countdown Mode from the dropdown.

Business Hour Countdown Timer On home page .

To use the application at the Lightning end, it is required to register the domain first. Kindly go through the article: How to register your Domain in Salesforce.
Once you get registered with your Domain, please make sure that custom tabs related to Business Hour Countdown Timer should be Default On.

Go to Setup | Company Profile | Business Hours and set the Time Zone for Business Hours as per your requirement. Don’t make any changes if it is already set to the Time Zone you need.

Go to the Lightning App Launcher Add the Business hour component on record Page

Add the Business hour CountDownTimer Lightning Component by drag and drop concept as shown below in the screenshot.

Click on Save and then Activate.

Click on Save

Go to ‘Business Hour Settings’ page and select the Background Color and Text-color from the color picker.

You can set the CountDown Mode or you can set the Message that would  work according to the business hour timings.

Go to  Business Hour CountDownTimer view. You can see the timings of Business hours according to the timings which you have set in Business hours

Similarly, You can change the Countdown Mode as Non Working hours

If your Business hours timings has completed . And you have set the Non-working countdown mode.Now You can see the  remaining timings which are left to start the Business hours.

Go to Set up | Company Profile |Holiday

Add New Holiday

User can add the specific Holiday in the default Business Hours. once it was added after that timings  would reflect according to the applied changes.

In Business Hour Countdown timer View .User can see the days of the holidays and the remaining non- working hours