Banner Section

Banners are the large images on your website which immediately catch the visitor’s attention. You can display promotional messages and other attractive images in this section.


Add Banner Section

You can add a banner section to your website with this option.


1. From the Homepage, click on Edit Website.

2. Click on Add Section.

3. From the Following slider, click on Banner & Cover Image.

4. If you want to view a banner, hover over the banner and click on .

5. The preview will look as follows. Click on Add This section to add this template to the website.

A new section is added on the website from which you can add your banners.

1. From the Homepage, tap on Edit Website.

2. From the Website, tap on .

You can place the new section either above or below the existing section as required.

3. Tap on Banner & Cover Image.

4. If you want to view a banner, tap on .

5. The preview will look as follows. Tap on Add this block to add this template onto the website.

A new section is added on the website from which you can add your banners.

Add / Update Banner Images

You can edit or make changes in the banner section with this option.


1. Click on Add Image for Banner tab, and you will get the following options.

1. Upload Image: You can upload images from your computer.

2. Add From Link: Enables you to add an image link to your website.

3. My Images: Displays a list of previously added images on your website.

4. Image Library: This allows you to search and add images to your website from Jd Library.

2. Once you add a banner, hover over it, and upon clicking, you will get the following options.

1. Add New Banner: Enables you to add a new banner either from the Jd library or from your computer.

2. Link Image: Enables you to link your banner either to products, enquiry forms, pages, downloadable files, etc.

To know more about linking elements, click here.

3. Sort Banner: Enables you to edit your banners for the website and mobile part respectively.

4. Crop Image: Enables you to customize your banners.

To know more about cropping images, click here.

5. Animate: This allows you to add animation effects to your banners.

To know more about animation effects, click here.

6. Settings: Allows you to upload mobile banner separately.

7. SEO: Enables you to add title and description for your banners.

To know more about SEO, click here.

8. Delete: Enables you to delete a banner.

3. If you want to duplicate a banner, you can click on .

4. Scroll on any part of the website that you want to add the banner and click on the Paste Section.

The Banner gets added.

1. Tap on Add Image for Banner tab, and you will get the following options.

1. Gallery: You can upload images from your mobile.

2. Camera: You can take a picture from your mobile phone and upload it on the website.

3. Add From Link: Enables you to add an image link to your website.

4. My Images: Displays a list of previously added images on your website.

5. Image Library: This allows you to search and add images to your website from Jd Library.

2. Once you add a banner, Tap on  > Edit.

The following options get displayed.

1. Add New Banner: Enables you to add a new banner image either from the Jd library, image link, or from your mobile storage.

2. Link Image: Enables you to link your banner either to products, enquiry forms, pages, downloadable files, etc.

3. Sort Banner: Enables you to edit your banners for the website and mobile part respectively.

4. Crop Image: Enables you to customize your banners.

5. Animate: This allows you to add animation effects to your banners.

6. Settings: Allows you to upload mobile banner separately.

7. SEO: Enables you to add title and description for your banners.

8. Delete: Enables you to delete a banner.

Remove Banner Section

You can delete the banner section with this option.


1. On the website, hover over the Banner and click on .

The banner section gets deleted.


Note

You can reverse this action by clicking on Undo option which pops up when you delete any section.

1. Scroll to the banner section and tap on  > Delete Section.

The banner section gets deleted.


Note

You can reverse this action by tapping on Undo option which pops up when you delete any section.

Was this Article Helpful?
Yes
No
Glad We Could Help You!

2 thoughts on “Banner Section”

  1. how to change banner image | how to animate banner image | how to link banner image | how to add multiple banner images | how to link the banner image to a product ~ #addupdatebannerimages

Comments are closed.