Promoting Discount Banners on Your Website

This document outlines the straightforward process of promoting discount banners on a website using VisCommerce. By following these steps, users can efficiently manage and customize discount banners, pop-ups, and advertisements across their web pages, ensuring an engaging and promotional experience for their visitors.

Step 1

Welcome! This guide will demonstrate how effortlessly you can promote discount banners on your website powered by VisCommerce. We will begin from the homepage. Here, I am already logged into the CMS.

Step 2

The first method to promote your discount is directly on your hero image. You will see a 20 percent off message accompanied by an "Order Now" button. To make any changes, simply click on the "Edit With Elementor" button, which will open a new window where you can easily edit your discount text.

Step 3

For example, if you want to change it to 25 percent off or modify the URL, you can click on the "Order Now" button and change the URL directly from there.

Step 4

Everything is editable with just a few clicks. The next option is a website pop-up. Pop-ups are highly effective for instantly grabbing attention. Once you scroll down,

Step 5

you'll notice the pop-up appears after reaching 60 percent scroll depth. You can define the scroll depth according to your preferences while creating the pop-up. To make any changes to your pop-up, navigate to your CMS,

Step 6

and from the top bar, select your pop-up. Here, you can modify the message.

Step 7

You can upload a new visual and change the call-to-action link as well.

Step 8

Again, this involves no coding, just a simple edit.

Step 9

Now, let's explore the third option, which is adding a discount banner across your website.

Step 10

For instance, when clicking on the "Order Now" button, you will be directed to the product listing page. A banner will be displayed at the top. You can position this banner on any page, category page, or collection page.

Step 11

To illustrate, I'll click on "Beverages," and as you can see, we are now on the beverage category page, with the banner prominently displayed at the top.

Step 12

If you wish to manage your banner, navigate back to your CMS.

Step 13

From there, select "Templates" and proceed to the "Theme Builder." Inside the Theme Builder, go to the header section, where you will find your heading banner.

Step 14

To edit this banner and choose which page you want to display it on, navigate to "Edit Conditions."

Step 15

Then select any singular page where you want to showcase this discount banner. If you have any other use cases, feel free to create new conditions.

Step 16

And that's it! Displaying discounts on your website powered by VisCommerce is straightforward, flexible, and completely under your control.