Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create Blog “the-25-best-widgets-to-include-on-small-business-websites” #3038

Merged
merged 1 commit into from
Aug 16, 2022
+294 −0
Merged

Create Blog “the-25-best-widgets-to-include-on-small-business-websites” #3038

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
294 changes: 294 additions & 0 deletions src/pages/blog/the-25-best-widgets-to-include-on-small-business-websites.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,294 @@
---
title: The 25 Best Widgets To Include On Small Business Websites
template: post
subtitle: Widgets are highly useful tools for building websites at scale
excerpt: "Essentially, website widgets are individual site elements that can
either be dragged and dropped onto a web page or added by cutting and pasting
a bit of code. "
date: 2022-08-16T15:42:38.028Z
image: https://lirp.cdn-website.com/cc407b53/dms3rep/multi/opt/Widgets+post-1920w.jpg
thumb_image: https://lirp.cdn-website.com/cc407b53/dms3rep/multi/opt/Widgets+post-1920w.jpg
image_position: top
author: src/data/authors/bgoonz.yaml
categories:
- src/data/categories/css.yaml
- src/data/categories/content-management.yaml
- src/data/categories/db.yaml
tags:
- src/data/tags/about.yaml
show_author_bio: true
related_posts:
- src/pages/blog/awesome-resources.md
cmseditable: true
---
<!--StartFragment-->

   [](https://api.whatsapp.com/send?text=I%20wanted%20to%20share%20this%20great%20website%20with%20you%20https%3A%2F%2Fblog.duda.co%2Fbest-website-widgets) [](mailto:?subject=I%20wanted%20to%20share%20this%20great%20website%20with%20you&body=https%3A%2F%2Fblog.duda.co%2Fbest-website-widgets)

# The 25 Best Widgets To Include On Small Business Websites

[![](https://lirp.cdn-website.com/cc407b53/dms3rep/multi/opt/Widgets+post-1920w.jpg)](<>)

Widgets are highly useful tools for building websites at scale. Essentially, website widgets are individual site elements that can either be dragged and dropped onto a web page or added by cutting and pasting a bit of code. 

There are many different types of website widgets out there. Widgets can be used to add design elements to a page, improve usability and functionality, and integrate third-party tools and applications. Using a tool like Duda’s [custom widget builder](https://www.duda.co/developers/widget-builder), you can even create your own. 

Below, you’ll find a comprehensive list of the best website widgets to add to your next web design project.

Here are some anchor links for those that would prefer to skim the list and jump ahead:

* [Text widget](https://blog.duda.co/best-website-widgets#text)
* [Image widget](https://blog.duda.co/best-website-widgets#image)
* [Before & after widget](https://blog.duda.co/best-website-widgets#before)
* [Calendar widget](https://blog.duda.co/best-website-widgets#calendar)
* [Click to call widget](https://blog.duda.co/best-website-widgets#call)
* [Share widget](https://blog.duda.co/best-website-widgets#share)
* [Countdown widget](https://blog.duda.co/best-website-widgets#countdown)
* [Business hours widget](https://blog.duda.co/best-website-widgets#business)
* [Lottie animations widget](https://blog.duda.co/best-website-widgets#lottie)
* [Map widget](https://blog.duda.co/best-website-widgets#map)
* [Image slider widget](https://blog.duda.co/best-website-widgets#slider)
* [Contact form widget](https://blog.duda.co/best-website-widgets#contact)
* [Video widget](https://blog.duda.co/best-website-widgets#video)
* [Photo gallery widget](https://blog.duda.co/best-website-widgets#photo)
* [Accordion widget](https://blog.duda.co/best-website-widgets#accordion)
* [List widget](https://blog.duda.co/best-website-widgets#list)
* [Table widget](https://blog.duda.co/best-website-widgets#table)
* [Weather monitor widget](https://blog.duda.co/best-website-widgets#weather)
* [Rolling counter widget](https://blog.duda.co/best-website-widgets#rolling)
* [Testimonial widget](https://blog.duda.co/best-website-widgets#testimonial)
* [Waterwheel slider widget](https://blog.duda.co/best-website-widgets#waterwheel)
* [Price slider widget](https://blog.duda.co/best-website-widgets#price)
* [Blackout gallery widget](https://blog.duda.co/best-website-widgets#blackout)
* [Trip planner widget](https://blog.duda.co/best-website-widgets#trip)
* [Staff directory widget](https://blog.duda.co/best-website-widgets#staff)

## 1. TEXT WIDGET

[![](https://lirp.cdn-website.com/cc407b53/dms3rep/multi/opt/text+widget+-1920w.png)](<>)

Somewhat obviously, text is one of the basic building blocks of the web. Using text widgets on your website enables you to quickly add copy to a web page and easily manage aspects like font type and size, text style (e.g., header), text color and more.

## 2. IMAGE WIDGET

[![](https://lirp.cdn-website.com/cc407b53/dms3rep/multi/opt/image+widget+-1920w.png)](<>)

Image widgets can be found on pretty much every small business site across the web. Very few web pages today make use of text only. However, just because image widgets are common doesn't mean they can't be deployed in interesting ways. If you can successfully work image widgets into your digital storytelling, you're much more likely to turn visitors into customers.

## 3. BEFORE & AFTER WIDGET

![](https://static.cdn-website.com/widgets/default-before-image.jpg)

![](https://static.cdn-website.com/widgets/default-after-image.jpg)

BeforeAfter

People have short attention spans on the web and you want to convey messages quickly. Before and after widgets can be used to tell a whole story in an instant and will definitely be a big hit on any site you create. Plus, the slider on the image is very fun to play with.

## 4. CALENDAR WIDGET

[![](https://lirp.cdn-website.com/cc407b53/dms3rep/multi/opt/calendar+widget+-1920w.png)](<>)

A calendar website widget is easy-to-understand and visually engaging way of letting site visitors know what is on a business or organization's schedule. For example, a yoga studio may use a calendar widget to display upcoming classes on a homepage.

## 5. CLICK TO CALL WIDGET

[Call Us ](<>)

Most small business owners look forward to calls from potential customers, so it should be a top priority to facilitate as many as possible from the website. Click to call widgets usually take the form of big, thumb-friendly buttons that enable a visitor to call a business in just one click. This widget is great at getting attention and driving customer leads.

## 6. SHARE WIDGET

   [](https://api.whatsapp.com/send?text=I%20wanted%20to%20share%20this%20great%20website%20with%20you%20https%3A%2F%2Fblog.duda.co%2Fbest-website-widgets) [](mailto:?subject=I%20wanted%20to%20share%20this%20great%20website%20with%20you&body=https%3A%2F%2Fblog.duda.co%2Fbest-website-widgets)

Word of mouthing is often thought of as the best form of marketing. On the web, sharing is how we facilitate it. Share widgets enable customers to easily tell other consumers about the cool product or service that are offered on the website. Almost every web page you build should have a share widget included on it.

## 7. COUNTDOWN WIDGET

00

00

00

00

Days

Hours

Minutes

Seconds

Countdown finished!

Countdown widgets are a fun and eye-catching way to build excitement and let users know about an upcoming event. Be sure to take advantage of any customization options the widget provides to ensure the countdown fits the design of the site you're creating.

## 8. BUSINESS HOURS WIDGET

[![](https://lirp.cdn-website.com/cc407b53/dms3rep/multi/opt/business+hours+-1920w.png)](<>)

Most businesses keep some form of regular opening hours. You want to display these clearly on any small business website you create, especially if the business maintains a physical location where customers might show up. The homepage is an excellent location for a business hours widget.

## 9. LOTTIE ANIMATION WIDGET

Lottie animations are sleek, flexible vector animations that load quickly and look fantastic on all devices.

Here are a few of the [benefits of using a Lottie animation](https://resources.duda.co/lottie-animations#:~:text=Light%2C%20Flexible%20and%20Fun%20%2D%20A,smoothly%20and%20beautifully%20on%20websites.) widget on a website as described by Duda's product team:

* Lottie animations draw visitor attention where you want it to go. An image is worth 1000 words; an animation is worth even more!
* Lottie animations are vectors that fit any screen size and device type. This means no pixelations, regardless of size.
* Lottie animations are exported as JSON files, so they load quickly and won’t slow down your sites.
* You can change the color of the animation directly in the Lottie editor, enabling you to give it the right look and feel for your site.

## 10. MAP WIDGET

[](https://www.mapbox.com/)

[© Mapbox](https://www.mapbox.com/about/maps/ "Mapbox") [© OpenStreetMap](https://www.openstreetmap.org/about/ "OpenStreetMap") [Improve this map](https://www.mapbox.com/feedback/?owner=dannyb123&id=cj1nokhth002h2ro98mhwrfje&access_token=pk.eyJ1IjoiZGFubnliMTIzIiwiYSI6ImNqMGljZ256dzAwMDAycXBkdWxwbDgzeXYifQ.Ck5P-0NKPVKAZ6SH98gxxw "Improve this map")

Adding a map to a website providers visitors with a visual representation of one of the most important pieces of information you want them know. A map widget allows you to quickly add a beautiful and explorable map to a site in just a few clicks. Almost every kind of business can benefit from the inclusion of a map on their website.

## 11. IMAGE SLIDER WIDGET

*
*
* ### Slide title

Write your caption here

Button
* [Previous](https://blog.duda.co/best-website-widgets)
* [Next](https://blog.duda.co/best-website-widgets)

Image sliders are super useful if you want to conserve space, but still allow visitors to check out lots of images without leaving the page. Image sliders can come in all shapes and sizes and many image slider widgets will include some more advanced design functionality that allows you to do things like add filters and interesting transitions.

## 12. CONTACT FORM WIDGET

### Contact Us

Name:

Email:

Phone:

Message:

[reCAPTCHA](https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LeiWB8UAAAAAHYnVJM7_-7ap6bXCUNGiv7bBPME&co=aHR0cHM6Ly9ibG9nLmR1ZGEuY286NDQz&hl=en&v=PRMRaAwB3KlylGQR57Dyk-pF&theme=light&size=invisible&badge=bottomleft&cb=g3pqmzok0d7q)

Send Message

Contact forms are the workhorses of small business websites. These simple tools often perform the most important function of a website — generating a pursuable lead for the business. Contact form widgets make it easy to add a beautiful, neatly designed contact form with all of the entry fields a small business or organization needs to qualify potential customers and prioritize their customer responses.

## 13. VIDEO WIDGET

Video is one of the go-to tools for digital marketers and web professionals around the world. There are a variety of ways you can add video to your websites, such as using an iframe or hosting the video yourself. However, you can also find some amazing widgets that make it easy to add video to a site in just a few clicks. Many of these widgets will easily work with YouTube, Vimeo, Dailymotion and other online video platforms.

## 14. PHOTO GALLERY WIDGET

Photo galleries can come in all shapes and sizes. Photo gallery widget to display images is a great way to show off a portfolio of work, the smiling faces of  employees, or business's decor and layout. Its the versatility of this widget that makes it one of the most commonly found on sites across the web.

## 15. ACCORDION WIDGET

* Title or question
* Title or question
* Title or question

Accordions widgets are great for packing lots of helpful information onto a web page in a way that doesn't overload the user. Accordions can be displayed in a variety of designs; however, they all maintain the same basic functionality. These widgets are especially useful on product, services and FAQs pages.

## 16. LIST WIDGET

* [Paris](https://blog.duda.co/best-website-widgets)

[Paris is the capitol of France and has a poulation of over 2.1 million people. Our tour company stops at a variety of locations in this famous city.  ](https://blog.duda.co/best-website-widgets)

[Book Now](https://blog.duda.co/best-website-widgets)
* [Washington, D.C.](https://blog.duda.co/best-website-widgets)

[Wasington, D.C. is the capitol of United States of America and has a poulation of over 700,000 people. Our tour company stops at a variety of locations in this famous city.  ](https://blog.duda.co/best-website-widgets)

[Book Now](https://blog.duda.co/best-website-widgets)
* [Rome](https://blog.duda.co/best-website-widgets)

[Rome is the capitol of Italy and has a poulation of over 2.8 million people. Our tour company stops at a variety of locations in this famous city.  ](https://blog.duda.co/best-website-widgets)

[Book Now](https://blog.duda.co/best-website-widgets)

Lists are one of the most common ways people format content on the web. List widgets provide web designers and digital marketers with an easy way to present a list of information in a beautiful design. List widgets are commonly used to display everything from business locations to services and employee profiles.

## 17. TABLE WIDGET

| Number | First Name | Last Name | Email Address |
| ------ | ---------- | --------- | ----------------------- |
| 1 | Anne | Evans | [email protected] |
| 2 | Bill | Fernandez | [email protected] |
| 3 | Candice | Gates | [email protected] |
| 4 | Dave | Hill | [email protected] |

In a way, table widgets are similar to list widgets. They are used to organize and display a large amount of information in a succinct way. However, the design of a table on a web page is usually quite different from that of a list. A table widget makes it easy to create a table that will display properly on desktop, tablet and mobile. Many of these widgets will also enable you to create a table simply by connecting a spreadsheet of some kind. 

## 18. [WEATHER MONITOR WIDGET](https://www.new-widget-workshop.thecamel.co/weather-monitor)

[![](https://lirp.cdn-website.com/cc407b53/dms3rep/multi/opt/weather+monitors-1920w.png)](<>)

A weather monitor widget is useful for any business whose operations depend, at least in part, on the weather. Outdoor cafes, ski lodges and whitewater raft companies can all benefit from providing their site visitors with a convenient way to determine if the weather will hold during their interaction with the business.

This widget was created by [TheCamel.co.](https://www.thecamel.co/)

## 19. [ROLLING COUNTER WIDGET](https://www.new-widget-workshop.thecamel.co/rolling-counter)

[![](https://lirp.cdn-website.com/cc407b53/dms3rep/multi/opt/rolling+counter-1920w.png)](<>)

Social proof is important on a website because people like to work with businesses they know people like to work with. Adding a rolling counter widget to a website enables you to quickly communicate that consumers enjoy engaging with the business or organization. This widget is very useful for boosting customer engagement and conversions online.

This widget was created by [TheCamel.co.](https://www.thecamel.co/)

## 20. [TESTIMONIAL WIDGET](https://www.new-widget-workshop.thecamel.co/testimonial-slider)

[![](https://lirp.cdn-website.com/cc407b53/dms3rep/multi/opt/testimonial+widget-1920w.png)](<>)

Testimonials are a very useful form of social proof that helps build trust with a site visitor. Using a testimonial widget makes it simple and quick to manage and display any great reviews the business or organization receives from consumers.

This widget was created by [TheCamel.co.](https://www.thecamel.co/)

## 21. [WATERWHEEL SLIDER WIDGET](https://www.new-widget-workshop.thecamel.co/waterwheel-slider)

[![](https://lirp.cdn-website.com/cc407b53/dms3rep/multi/opt/waterwheel+slider-1920w.png)](<>)

More advanced than your everyday image slider, the waterwheel slider provides web designers with a unique way of showing off employee photos, products and more. Consider adding a waterwheel slider to your site if you really want to create something unique that will impress and engage site visitors right when they land on the page.

This widget was created by [TheCamel.co.](https://www.thecamel.co/)

## 22. [PRICE SLIDER WIDGET](https://www.devobal.com/price-slider-guru)

[![](https://lirp.cdn-website.com/cc407b53/dms3rep/multi/opt/price+slider+guru+-1920w.png)](<>)

One of the most common questions anyone has when shopping online is, "How much does this product/service cost?" Adding a price slider widget to a website is a fantastic way to enable site visitors to answer this question on their own quickly and easily.

This widget was created by [DevObal Technologies](https://www.devobal.com/).

## 23. [BLACKOUT GALLERY WIDGET](https://www.devobal.com/blackout-guru)

[![](https://lirp.cdn-website.com/cc407b53/dms3rep/multi/opt/black+out+gallery+guru+-1920w.png)](<>)

Design widgets are often useful in drawing a visitor's attention to a specific section of a web page and helping users process the information therein. A blackout gallery widget fulfills this dual purpose perfectly. Try adding one to a small business website to provide a little more eye-catching movement for users.

This widget was created by [DevObal Technologies](https://www.devobal.com/).

## 24. [TRIP PLANNER WIDGET](https://www.devobal.com/trip-planner)

[![](https://lirp.cdn-website.com/cc407b53/dms3rep/multi/opt/trip+planner+guru-1920w.png)](<>)

A trip planner widget enables site visitors to figure out exactly how long it will take for them to get to a business or organization's physical location. This level of functionality is sure to stand out on any small business site, which makes it an excellent option when considering what widgets to add.

This widget was created by [DevObal Technologies](https://www.devobal.com/).

## 25. [STAFF DIRECTORY WIDGET](https://www.devobal.com/drop-down-search-guru)

[![](https://lirp.cdn-website.com/cc407b53/dms3rep/multi/opt/staff+directory+guru+-1920w.png)](<>)

For businesses and organizations with large staffs (e.g., schools, gyms, medical offices, etc.), a list widget might not be the most scalable option and a table widget may lack the full design capabilities you need to create engaging profiles. In this case, a staff directory widget is the ideal tool to deploy. Using this advanced widget, you can build out rich employee profiles that are easy to navigate and search.

<!--EndFragment-->