Skip to content

Banners

1. Slider

  • Description: A carousel-style rotating banner
  • Where it appears: Usually at the top of a page, cycling through multiple messages or images
  • Best for: Highlighting multiple offers, featured products, or announcements

2. Popup

  • Description: A banner that pops up as a modal window or alert
  • Where it appears: On top of the page content, requiring user attention
  • Best for: Announcements that need immediate attention, Special promotions, Newsletter sign-ups

3. Sidebar

  • Description: A banner displayed on the side of a page
  • Where it appears: Left or right sidebar area, without disrupting main content
  • Best for: Secondary promotions, Related products or ads, Additional information

4. Inline

  • Description: A banner placed directly within page content or between sections
  • Where it appears: Embedded in the flow of the page
  • Best for: Contextual offers (e.g., while reading an article), In-content promotions ,Seamless user experience

Quick Summary

Banner Type Placement Best Use Case
Slider Top, rotating Multiple promotions or highlights
Popup Center, modal Urgent announcements or sign-ups
Sidebar Side of page Secondary offers and extra info
Inline Within content Seamless, contextual promotions

Steps to Create a Banner

1. Choose Banner Image

  • Click Choose File and select the image you want to display.
  • Recommended: Use a clear, high-quality image that fits your website’s layout.

2. Select Banner Type

  • Choose how the banner will appear on your site:
  • Slider: Rotating images (carousel)
  • Popup: Appears as a pop-up window
  • Sidebar: Shown at the page side
  • Inline: Placed inside the page content

3. Select Banner Page

  • Choose which page the banner should appear on.
  • Example: Home, Product Page, Category Page, etc.

4. Enter Banner Title

  • Add a short title for your banner (for quick identification).
  • Example: Summer Sale, 50% Off Shoes

5. Choose Banner Position

  • Select the position where the banner should display.
  • Example: Position 1, Position 2 depending on layout.
  • Enter the URL where users will go when they click the banner.
  • Example: https://example.com/sale

7. Click Create

  • When all fields are filled, press the Create button.
  • Your banner will now be saved and displayed on the site. ✅

The Status column has a switch button (ON / OFF).

Status Options

  • ON (Enabled): Banner is visible on the website.
  • OFF (Disabled): Banner is hidden, but still stored in the system.

Benefits

  • Quickly hide/show banners without deleting them
  • Useful for seasonal promotions or temporary announcements
  • Easy banner visibility management for admins

Quick-tips

  • Use short titles and clear images.
  • Always link banners to a relevant page (sale, product, category).
  • Rotate banners regularly to keep content fresh.

⚡ Easy! In just a few steps, your banner will be live 🎉