To Enable wiseBanner navigate to WordPress Dashboard > wiseCampaign > wiseBanner and Click on Active wiseBanner toggle button to activate the feature.
Once activated it will open feature window that looks like the below screenshot.
From this page by Clicking Change Template button you you can select banner from pre-made template library.
Configuring Content
The Content tab is where you define the message and interactive elements of your banner.
Banner Text
- Headline: Enter a bold, attention-grabbing title (e.g., “Black Friday Mega Sale!”).
- Sub-headline / Promo Code: Provide additional details or a promotional message.
Coupon Code
Enable the Coupon Code feature to display a ‘click-to-copy’ promo code directly on the banner.
- You can choose the Placement (Top, Bottom, Left, or Right) relative to the headlines.
Countdown Timer
Drive urgency by adding a countdown timer.
- Set the End Date & Time.
- Customize the Timer Label (e.g., “OFFER ENDS IN:”).
- Pro Feature: Enable Automatic Restart for recurring or evergreen promotions (Daily/Weekly/Monthly).
Call to Action (CTA)
Ensure your visitors know where to go next.
- Enter the Button Text and your destination URL.
Content Tab Settings
🎨 Designing Your Banner
The Design tab gives you full control over the look and feel of your banner to match your brand identity.
Background Styling
- Type: Choose between Solid Color, Gradient, or Background Image.
- Use the Presets for quick selection or customize your own colors and gradients.
Typography Design
Customize the Font Size and Text Color for both the Headline and Sub-headline independently using the interactive sliders and color pickers.
Button & Timer Styling
- Customize the CTA Button colors and border radius.
- Style the Timer blocks to ensure they stand out across different background.
Design Tab Settings
⚙️ Display Settings
The Settings tab controls where and how your banner appears on your website.
Display Locations
- All Pages: Toggle this to display the banner globally across your site.
- Specific Pages: (Pro Feature) Target the banner to specific pages or just the Home Page to maximize relevance.
Settings Tab
📱 Preview & Activation
Use the Preview Area on the right side of the editor to see your changes in real-time.
- Toggle between Desktop and Mobile views to ensure a perfect responsive experience.
- Use the Banner Status toggle to activate or deactivate the banner instantly.
Tip: Always test your banner’s appearance on mobile devices to ensure the Call to Action button remains easily clickable!