Skip to main content

# Step-by-Step Process — Streamer Module

1. Navigate to Streamer Section​

  1. From the sidebar menu, click CMS.
  2. Select Streamer.
  3. The Streamer List page will open, showing existing streamers with details.

2. Streamer List Page​

  • The list displays:
    • Streamer ID
    • Total Banners
    • Device Type
    • Position
    • Status (toggle ON/OFF)
    • Action menu (Manage Banner, Edit Streamer, Delete Streamer)

Available Actions​

  1. Manage Banner → Add or update banners inside the streamer.
  2. Edit Streamer → Change streamer settings (position, device, schedule).
  3. Delete Streamer → Remove the streamer permanently.

To create a new streamer, click the Create Streamer button.

3. Create or Edit Streamer​

  1. Click Create Streamer or Edit Streamer.
  2. Fill the following fields:
    • Banner Position* → Choose where the banner should appear.
    • Device Type → Select device-specific or leave default for all devices.
    • Start Date & Time → Set when the banner will start displaying.
    • End Date & Time → Set when the banner will stop displaying.
    • Status Toggle → Enable or disable streamer.
  3. Click Submit to save the streamer.

4. Manage Banners in a Streamer​

  1. From the Action menu, click Manage Banner.
  2. The Add a banner dynamically section appears.
  3. Use the button Let's Add Banner Content to configure banner details.
  4. Click Save after adding banners.

5. Update Banner Content​

  1. In the Update Banner Content page, configure the following sections:

Heading​

  • Add Heading Text, Heading Style, and Mobile Responsive Style.

Sub Heading​

  • Enter Sub Heading Text, Style, and Mobile Responsive Style.

Description​

  • Add Description, Style, and Mobile Responsive Style.

Button​

  • Define Button Text, Class, Style, and Link.
  • Configure responsive styles for mobile.

Card​

  • Add Card Link and Style, including Mobile Responsive Style.

Media​

  • Enter Media Width, Media Height, Style, and responsive details.
  • Upload media (image, video, or GIF) by clicking on the media card area.

6. Save Banner Content​

  1. After filling in all content and styles, click Save.
  2. The banner will now appear in the selected streamer position, active for the scheduled duration.

7. Best Practices​

  • Consistent Styling: Ensure fonts, colors, and button styles match branding.
  • Mobile Optimization: Always configure responsive fields for mobile users.
  • Media Guidelines: Use optimized images/videos for faster load times.
  • Scheduling: Set proper start and end dates to automate banner campaigns.
  • Testing: Preview banners across devices before publishing.