top of page

Additional Wix Apps

Adding and Setting Up the Site Badges App

Let your customers know about special events, offers, and your online availability with the Site Badges app. Adding a badge to your site is a great way to promote your online business in a fun and enticing way.

You can add a badge anywhere on your site and fully customize the text and design of each badge. Choose from a range of eye-catching badges and set what happens when it's clicked.

An example of a badge you can add to your site

Wix Editor

Studio Editor

  1. Click Add Apps   on the left side of the editor.

  2. Search for the Site Badges app in the search bar.

  3. Click Add to Site.

A screenshot showing how you add the Site Badges app to your Wix Editor site

  1. Click the app in your editor and click Settings.

  2. Click Set Up Badge.

A screenshot showing users how to set up their badge

  1. Scroll through the available badges or click the Choose Category drop-down to narrow down your search.

  2. Select the badge you want to add.

  3. Click the Settings tab.

  4. Choose where the badge should link to:None: The badge is not clickable (nothing happens when it's clicked).
    Page: Visitors are directed to a page on your site when they click the button. Click the Which page? drop-down to select the relevant page.
    Web Address: Visitors are directed to an external URL when they click the button. Enter the URL in the What's the web address (URL)? field.

  5. Edit the text that appears on the badge.

Note:

The design options differ depending on which badge you choose.

Want to use your badge on a different page?

You can cut and paste the app to move it to another page on your site.

Need A Professional Website?
Contact Us 
Today!

Keeping the Free Wix URL

Subdomains Overview

About HTTPS and SSL

About Domain Propagation

Replacing Your Site URL with Another Domain Name

Domain Hosting with Wix

About Domains

Wix Studio App: An Overview

About CSS Editing

Working With Layers

Using Global Sections

Using the Inspector Panel

Adding Mouse Effects

Adding Mouse Effects

Adding and Customizing Lottie Animation Files

Adding Header Scroll Effects

Adding an Entrance Animation

Adding a Scroll Animation

Adding a Loop Animation

Creating a Custom Click or Hover Interaction

Adding a Preset Click or Hover Interaction

About Animations

Adding and Setting Up Flexboxes

Working with Docking, Margins and Padding

Setting the Size of Your Elements

Using the Inspector Panel

Building a Responsive Site

Designing Across Breakpoints

Creating a Physical Product

Using AI to Create an Online Store

wix experts
Graphic2Traffic web design
©
bottom of page