How to add a banner to your eshopbox site

Eshopbox Wiki for Store Owners

Category: Design

How to add Banner to your Eshopbox site

What will you learn here

▪ What is a banner

▪ Why to add a banner to your site

▪ How to design a banner

▪ How to add a banner to your site

Welcome to Eshopbox Wiki

A Eshopbox Wiki production. © All Rights Reserved at BoxBeat Technologies Pvt. Ltd.

1What is a banner


▪ A banner is an image based promotional tool used by marketers for commercial purpose

▪ The purpose of banner advertising is usually to increase awareness of your brand, service or product

▪ Banners can be designed either as a text, image, animation (such as Flash) and can also include sound

What is a banner


Few examples of attractive banners:

What is a banner


2Why to add a banner to your

site


▪ Banners are eye-catchy and most effective in attracting more visitors

▪ Clickable banners can drive clicks to your site and sales from interested

audiences

▪ Banners allow you to add promotional links and images throughout your

site to advertise special deals and discounts to your shoppers

▪ It is more effective in conveying any important information. It can be your

announcements, events, news etc

Why to add a banner to your site


3How to design a banner


▪ Design your banner or get it designed

▪ You can design your banner from various banner creation sites like

createbanner.com, flashbannernow.com, mybannermaker.com etc

▪ You can also get it designed from services like bannersworld.com,

buyabanner.com, animatedbanner.com, rightbanners.com etc

▪ When you get your banner designed, follow some simple steps to add it to

your site

How to design a banner


http://createbanner.com/

http://flashbannernow.com/

http://mybannermaker.com/

http://bannersworld.com/

http://www.buyabanner.com/

http://animatedbanner.com/

http://www.rightbanners.com/

4How to add a banner to your

site


Step 1:

▪ Login to your site admin panel using your login id and password

▪ Click on ‘Banners’ under ‘Design’ tab

Design tab

Banners

How to add a banner to your site


Step 2:

▪ To upload a new banner, click on ‘Add a banner’ button

Add a banner



Step 3:

▪ Start adding banner details, enter banner name first

▪ It should be any name related to banner, which will make it easy for you

to identify the banner

▪ It will not be visible on your site

Easily identifiable for colorful laptops



Step 4:

▪ Enter ‘Banner content’ which includes either HTML coding of your

banner or paste the image directly in the textbox field

Textbox field



Step 4.1: To enter banner code

▪ If you want to enter HTML code for your banner. Fill the code in the

textbox as shown below



Step 4.2: To enter banner image

▪ If you want to enter banner image directly. Paste the image in the

textbox as shown below



Step 5:

▪ Choose the location where you want to place your banner from

dropdown, according to the selected layout of your site

▪ You can choose banner location from options like header top, body top,

body bottom, left body block, right body block, main body block & footer

bottom

▪ Your banner will get placed on your selected location

For options



Step 6:

▪ Select the page where you want to display your banner

▪ It’ll only show the pages depending upon your entered location

▪ E.g. if you have chosen right block and ‘Category page’ has no right block

then it’ll not be an accessible option

▪ If you want to display it on internal page(e.g. Ultracet) then click the main

page that is ‘brand page’ and select ’Ultracet

Main page

Internal page



Step 7:

Mark to make it visible

▪ Mark the checkbox if you want your banner to get visible on your

specified page & location

▪ If you leave it unmarked then it’ll add your banner in the ‘Manage

banner’ list and you can make it visible later



Step 8:

▪ Don’t forget to click ‘Save’ button, otherwise your banner will not get

uploaded or listed

▪ If you want to cancel the banner or the details entered, click on red

cross icon placed along with the ‘Save’ button

▪ You have Successfully added the banner to your site… check it out

Save



▪ Banner appearance and design depends on the HTML code and details that

you provide us. So copy & paste the code carefully

▪ You can manage your banner settings anytime but changing the code

needs attention. If you enter the wrong code, it’ll not get visible properly

on your site

▪ Most important is to check out the pages where you have added your

banner and visualize whether it appeared the same you expected

Good to know


Wiki : A collection of illustrative presentations which will guide you in

a step by step manner to answer your store related queries.

Knowledgebase : A repository of detailed articles that provide you with in depth information about running your store and understanding the process involved.

Forum : An open community for Store owners to share and discuss everything about Eshopbox. Get real and practical solutions to most of your problems.

Blog : A rich source of Tips, Articles and Announcements that keep you

updated about the latest happening and techniques to enhance your art of selling online.

Ask a question : Find simple answers to complex questions through our experts. For any further assistance, mail us at [email protected]

For More Support


mailto:[email protected]

How to add a banner to your eshopbox site

Self Improvement

banner image

banner design

banner location

banner itll

banner code

banner content

banner buttonadd

banner details