What is a Widget?

A widget is a program with a simple function on a computer, mobile device, or website.  The pre-installed weather widget, news apps, and stack widgets that most iPhones and Android phones on their home screens are examples of widgets you probably use every day. If you’ve ever booked an appointment from a calendar connected to a website, that’s a widget.

Why are They Called Widgets?

The word widget predates computers and smartphones. The first known use was in 1924 in the way you might use “contraption” of “thingamajig.” Etymologists believe it to be a variation on the word gadget. Widget was first used to describe a computing application in the 1990s. 

Examples of Widgets

Available widgets are different for iPhone, Mac, iPad, Android phones, and websites. Here are some widget examples: 



Find My

Smart Stack



Screen Time


Samsung Notes




Google News






Contact Form


Are Widgets and Apps the Same Thing?

Widgets come in different sizes while regular app icons are always the same size. Widgets are often pre-installed on the device’s home screen, but others can be added from an app store or website builder. Widgets also run on top of other apps and appear in a smartphone’s lock screen. There are apps that can run on top of other apps to display notifications, but it’s not the default for apps the way it is for widgets. 

Is a Widget Like a Plugin?

Well, sort of. Widgets and Plugins both extend the function of their host program, but there are some notable differences. 




Downloadable piece of software

Drag and drop content

Add functionality to a site

Add a block of content to the front end

Site visitors don’t interact with them

Site visitors do interact with them


Sav Website Builder Widgets

Add widgets for a variety of purposes to customize your website, grow your social media presence, and make the most of their time on your site. Here are the available widgets from our website builder and what they do: 

Map Widget

Show site visitors the address of your business, the location of an event, where to find parking, and more with the map widget.

The Map Widget editor

Image Widget

Insert an image anywhere on your site. The widget supports PNG, JPG, JPEG, GIF, SVG, SVG+XML, ICO, X-ICON, and WEBP files. Each site can contain up to 15,000 images. 

Then image widget editor

Button Widget

Every website needs buttons. They can take visitors to another page, open up a pop-up, or lead them to take any action you want them to. 

The Button Widget editor

List Widget

The list widget makes it easier to format lists of content on your website. 

The List Widget editor

Spacer Widget 

The spacer widget makes it easier to add an empty area between blocks of content to create a more visually appealing website. 

Screen Shot 2022-03-08 at 2.35.49 PM

Tabs Widget

Organize your website by allowing visitors to click between tabs instead of scrolling through text. Each tab should include a label, title, description, image, and button. 

The Tabs Widget editor

Table Widget

Display text data in a table layout by either copying and pasting an existing table, using the editor, or uploading a CSV. The table can include up to 30 rows and columns. 

The Table Widget editor

Accordion Widget

The accordion widget allows visitors to collapse and expand content depending on what they’re interested in. It’s especially useful for FAQs, product and service details, and upcoming events. 

The Accordion Widget ediotor

Zoom Widget

Communicate with clients via Zoom video conferencing. You must have a Zoom account and your website must have an SSL certificate to use the Zoom widget. 

The Zoom Widget editor

HTML Widget

Embed custom code into your website to extend your site’s functionality. This could mean adding your own widgets and plugins. Only add code from trusted sources and if you know exactly what it does and how to troubleshoot it. 

The HTML widget editor

Video Widget

Display YouTube, Vimeo, and Dailymotion videos on your website or upload your own videos. 

Screen Shot 2022-03-08 at 2.41.05 PM

Copyright Widget

Place a copyright disclaimer with the current year on your website. The widget automatically updates to the current year to let visitors know that the site is up to date. 

An example of how the Copyright Widget appears on a website.

Countdown Widget

Add a real-time countdown to create a sense of urgency to take action or build excitement about your upcoming event. 

A countdown set for 6 Days 8 Hours 15 Minutes and 00 Seconds

WhatsApp Widget

Enable visitors to easily get in touch with site owners using WhatsApp. In order to use the widget, make sure the phone number you add is associated with a WhatsApp account. 

The WhatsApp Widget editor

Icon Widgets

Choose from over 1,000 ready-made icons or upload your own with an SVG file. 

The Icon Widget editor

Blog Widgets

Make it easy for blog readers to navigate to your other posts by clicking All Posts, Recent Posts, or Search Posts. 

Screen Shot 2022-03-08 at 2.48.40 PM

Shape Widget

Add designs to your website to highlight important information. 

The Shape Widget Editor

Audio Widget

Embed audio files from SoundCloud or Mixcloud to your website. Upload your own file or copy and paste the link to an existing public file. 

The Audio Widget editor

Title Widget

Add H1 to H6 titles to your website. 

The Title Widget Editor

Photo Gallery Widget

Easily add multiple images to your website. 

The Photo Gallery Widget editor

Product Gallery Widget

Add multiple product galleries for your store on the same page. The widget can display up to 100 products or categories. For the product gallery widget to work properly, you have to include the Main Store Widget somewhere on your site. 

Google Calendar Widget

Easily display upcoming events, bookings, and more. 

An example of the Google Calendar Widget

Multi Location Widget

Display all of your locations as a list or a map so customers can find the one that is closest to them. 

The Multi Location Widget editor

Image Slider Widget

Group photos together in a row or column instead of using multiple image widgets and cluttering the space. 

An example of the image slider widget

Social Share Widgets

Make it easy for visitors to share your content on Facebook, Twitter, LinkedIn, WhatsApp, and email. This is not connected to your own social media accounts, that’s the social icons’ job. 

Screen Shot 2022-03-08 at 3.14.26 PM

Before and After Widget

Show comparisons side by side without having to do any formatting work. 

The Before and After Widget Editor

Lottie Animation Widget

Add vector quality animations to your site. 

The Lottie Animation Widget editor

Text and Image Widget

Add images with wrapped text so when you move the image, the text will move with it. 

The Text and Image Widget Editor

Widget Management

Add widgets, customize widgets, and delete them easily from the user-friendly interface. 

Add Widgets

There are two ways to add widgets to your Sav website: dragging and dropping from the widgets panel and adding them from the context menu.

Widgets Panel

  1. In the left hand panel, click Widgets. 
  2. Find widgets by browsing through the list or using the widget search bar. 
  3. Drag and drop the widget to the location on the website where you want it. A blue placement indicator will appear. 
  4. Release and the widget will appear in the location. 

The widget sidebar

Context Menu

  1. Right click any widget on your site. 
  2. The context menu will appear. Tap Add Widget Below to add another widget immediately below the one you selected. 
  3. The four most popular widgets will come up as suggestions. Either select one of those or click More Widgets to see the full menu. 
  4. Edit the widget as usual. 

Demonstrating where "Add Widget Below" is in the Context Menu

Edit Widgets

To edit and remove widgets, right click on it and select one of the options from the menu.

The widget settings menu. The options are Add Widget Below, Clear Padding, Animation, Hide On Device, Set as Anchor, Edit HTML/CSS, and Delete

Widget Design

From the Edit Design menu, you can choose the

  • Layout
  • Style
    • Color
    • Border Style
    • Background Style
    • Width and Height
    • Rounded Corners
    • Shadows
  • Spacing

Edit Image Widgets on Mobile

You can customize existing image widgets on your site using the mobile site editor. To get started, tap on the image and tap edit. From there, you can

  • Replace Images
  • Change Alt Text
  • Customize image links

Edit Image Slider and Photo Gallery Widgets on Mobile

The mobile editor allows you to make similar changes to the Image Slider and Photo Gallery widgets. After you tap edit, you have the options to

  • Add images
  • Edit images
  • Replace images
  • Change alt text
  • Edit photo gallery or image slider text
  • Edit photo gallery or image slider buttons
  • Remove images
  • Reorder images
  • Deleted multiple images

Here at Sav we’re all about empowering small business owners to succeed online. That’s why we include the features you need at a price you can afford on an interface that’s simple and easy to navigate. Start building with us today to see how!

Luca Harsh

Luca Harsh

Luca Harsh is an in-house content writer for Sav. They live in Chicago with their cat, Polly. Yes, Harsh is their real last name.