The Business Hours widget for Elementor is a user-friendly tool designed to showcase your business’s operating hours with style and clarity. With its customizable features, this widget allows you to effectively communicate your availability, ensuring your customers always know when you’re open. Whether you prefer a minimalistic look or a more vibrant design, this widget adapts seamlessly to match your website’s branding.
Let’s look at each of the options in the Business Hours widget for Elementor below.
Add a Business Hours Widget to Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Business Hours”
- Hover over the widget in the search results and click install
- Add the “Business Hours” widget to any Elementor Page
General Settings
Title
Type text to show as title.
Subtitle
Type text for subtitle.
Footer Text
Type the footer text.
Layout Settings
Show Header
Show or hide the header.
Show Footer
Show or hide the footer.
Item Settings
Manage the items of the Business Hours using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Title
Type text for title.
Text
Type text to display in item.
Business Hours Widget Styling
Select colors that align with your website’s style and personalize text, icons, fonts, and layout to seamlessly complement your design.
Box Styling
Set the box border, radius, background, and box shadow.
Header Styling
Style the header background, text color, padding, alignment, radius, margin and border.
Header Title Styling
You can set the header title color, typography, shadow, and spacing.
Header Subtitle Styling
Here, you can set the header subtitle color, typography, shadow, and spacing.
List Styling
You can set the list padding, typography, item line color, width, and spacing.
List Item Styling
Set the list item color, border, radius, background, padding, and shadow.
List Separator Styling
Style the separator spacing, color and width.
Footer Styling
You can set the footer background, padding, border, radius, alignment, typography, text color, and margin.
Business Hours Design Examples For Elementor
Here are some live use cases for the Business Hours Widget.
Business Hours of studio with slider.
Business Hours shown with contact info.
Thank you for exploring the Business Hours Widget for Elementor! We hope this documentation has helped you understand the widget’s features and how to make the most of them for your website. If you have any questions or need further assistance, feel free to check out our additional resources or contact our support team. We’re here to help you create a website that stands out!
