How to create a web banner.

• Created : Jan, 06, 2020
• Last Updated : May, 16, 2024

What is Web Banner

Web banner is the most affordable form of online advertising. contain an image, video, and CTA button. They are the most feasible forms of promotion. A business can display the banners on their websites for promoting new products or new offers on existing products. So, that users can see them and perform actions. A business can thus receive the desired outcomes through astounding click rates. 

PROMOTING ONLINE BUSINESS

Promoting an online business is an essential and integral part for any marketer. Promotion determines their business goals. At the same time, a marketer can achieve these goals with equal zeal and enthusiasm. There are various promotional and advertising methods and tools to engage customers and achieve your business goals. What differs is their functionality and uses.

Web banner is one of the significant promotional tool for any business.

Digital banners are usually displayed in the header and footer of websites. It's a great way to propel your business. Make sure your banners must be designed appropriately. It must deliver your message properly. Also, it must be captivating enough to grab user’s eyeballs.

TYPES OF WEB BANNER 

Different templates provide different web banner designs. The options include different banner shape and banner size. You can choose the banner type according to your preferences and campaign goals.

Let’s have a look at different types of banner templates :

Slider template: A web banner type that lets you insert images, videos, and hyperlinks, etc. in the description. It will be displayed to the users with sliding effect. Use this template for all kinds of marketing promotions, offers, and product launches.

Modal template: A modal template appears suddenly in the foreground of the visual interface, usually in a clearly delimited window. This web banner type allows you to add rich HTML content.It is generally used to catch users' attention when they are leaving your site.

Classic template: Add images, videos, and hyperlinks, etc. in the description by using classic template. This type of banner ad is the most compact one out of other template options. Also. it does not equip too much of space. The template type can be used for marketing promotions.

Embedded template: The template type allows you to add content and image in its description. It is usually embedded within the content of a web page. It is the most productive template of web banner that captures users' attention promptly.

Sticky bar : Sticky bar template allows you to create a Single and Multiline message with standard formatting and a call to action in its description.The template type is used for announcements on feature updates and sending personalized messages for logged-in-users. Choose Mobile or desktop view for this web banner type.

Fullscreen: The template type grants you to add content and images in its description. As the name itself suggests, it gives a full-screen view to the user. It works great when a user is intended to leave your site.

Image only: The template type lets you create an image layout with an icon. It supports all format types. The template type displays its effectiveness while creating display ads like rich promotions.

Floating buttons: A floating button performs the primary action on a screen. It appears in front of all screen content, typically as a circular shape with an icon in its center. The buttons come in three types: Regular, Mini, and Extended.

                                              How to create a banner? 

In order to create a new banner, Log into your NotifyVisitors account. You will land on the dashboard page of the account.

1)Go to the left sidebar of the panel. Click on create new under Notification Section. Choose the template type amongst the various types. Opt for the one that suits your preferences. Click on continue button to process further.

2) Choose a theme from the gallery. Click on create your own or click on use this button. 

3) Give a precise title to the notification. Describe what your banner is all about.

•  Notification name: Specify the name of the banner.
• Description: It defines the description of your banner. Edit it and use formats to align the text properly.

         Define the variables of CTA button :

• Button text: It specifies the call to action button text. It takes the user to the landing page of website once he clicks on it.
• URL:  This will be the URL where the user will land after clicking on the call to action button.
• Target: It specifies whether landing page open in same tab or new tab.
• Add UTM parameters: Add utm parameters to determine the source of your users. Know your campaign source from where the users landed on your site. It will help to analyse campaign performance in Google Analytics or any other analytics platform.
• Button shake effect: The feature allows you to give a shaky effect to CTA button. Choose yes or no to apply this feature. The feature helps to grab user’s attention.

4) Signify the color of website banner.

• Font color: Determine the font color of the banner.
• Content background color: Choose the background color of the banner.
• Call-to-action text color: Pick up the color of call-to-action text.
• Call-to-action background color: Select the background color and icon color of call-to-action button.

Ascertain the style variables of web banner 

• Close button: Choose whether to show the close button or not. You can choose to show it to the user after some time. Also, you can determine the specific time period of display.
• Repeat notification on close: Decide the reappearance of the notification to the user once it is closed by the user. Choose a specific time for the notification reappearance.
• Position: Choose to define the position of the banner on the website.
• Hide on scroll: Choose whether to hide the notification while a user scrolls through the page.
• Animation: Determine the display function of the banner. Choose a specific function amongst various others.
• Left/Right offset:  Set the position of the banner.
• Top/bottom offset: Set the position of the banner either top or bottom.

5) TARGETING RULES: 

Determine the targeting rules.

• Basic rule: Determine the basic rules of creating a banner.
• Visitor Type: Display notification to specific visitor types only. Select between all visitors, new visitors or returning visitors
• Max limit per site visitor: Maximum times notification will show up for a visitor. If set 5, visitor will not see the notification if he has already seen it 5 times.
• Time Delay on a page: Time after which the notification will appear on page load
• Time spent on entire site: Total time spent on site after which notification will appear
• Minimum page views: Notification will appear only after visitor has done specified number of pageviews on site.
• Leave Intent targeting: This will show notification as soon as visitor is navigating away from the page.
• Device: leave blank if you want to show on all device types.

TECHNOLOGY: 

Select the devices, browsers and operating system on which the notifications are to be sent.

TIME OF THE DAY: 

Show notification during specific time of the day, say between 1pm and 3 pm.

• Timezone: Select site visitor timezone to specify time ranges as per site visitors' timezone

Specify time ranges in 24 hours format. For example From - 13:30 to - 15:30.

TRAFFIC SOURCE : 

Leave all options unselected if you want to show notification to all traffic source.

• Search Engine - Shows notification if visitor comes through any of 40 major search engines. You can also specify search keywords to show notification only when visitor comes through specific search terms. Leave search terms blank to show for all search engine traffic.
• Social Media - Shows notification if visitor comes through any of following social networking sites - facebook, twitter, linkedin, google+.
• Direct Traffic - Show notification if visitor comes directly by typing your site URL in browser.
• Custom Referrers - Show notification if visitor comes through specific referring sites. You can add multiple URL rules to specify multiple custom referrers.

LOCATION: 

Choose the location. i.e. country or region, where you want to target the banner notifications.

COOKIES:

Select the group condition for a cookie rule.

Specify the cookie name so that the respective user can see the banner notification.

• Cookie name : Name of cookie which is dropped in users’ browser for tracking.
• Condition : Set of rules defined to filter.
• Value : Value assigned to corresponding query name.

Do you know how to get cookie name?

Please look at our blog on how to get cookie name. Click here 

QUERY PARAMS:

 Determine the source, campaign and UTM parameters to send the banner notifications.

• Query name : Name Defines to tracking parameter. Eg: source, medium.
• Condition : Set of rules defined to filter.
• Value : Value assigned to corresponding query name.

CUSTOM RULES:

Pass custom data parameters dynamically in notify visitors javascript SDK and show notifications only when specific data value rules are satisfied. For example, show discount notification if the purchase value is above $100. Please refer our detailed blog post.

SAMPLING:

Choose how many % of new visitors will see your notification.

For Example: if you choose 5%, then only 5% of new visitors will see your notification.

AUDIENCE:

Select the segmented audience to whom you will be sending the notifications.

IP BLACKLIST:

Enter the IP address to whom you are intended to send the notifications.

6) INTEGRATION :  

Ascertain the variables of integration.

Publish:

This notification would only appear on pages with URLs satisfying the mentioned condition(s). You can choose from a variety of operators.

While using equals to or starts with operators, make sure the provided page URL(s) start with either HTTP:// or https://.

Goal conversions :

Determine the URL that will land users to the page which determines your goal. If the user performs the desired action. You can count that action as a conversion.