Annouster Logo

Choose a Theme

Minimal

🎉 Special offer - Get 50% off...

Clean and simple design

Gradient

🎉 Special offer - Get 50% off...

Eye-catching gradient background

Modern

🎉 Special offer - Get 50% off...

Bold and contemporary

Elegant

🎉 Special offer - Get 50% off...

Sophisticated and refined

Vibrant

🎉 Special offer - Get 50% off...

Bright and energetic

Professional

🎉 Special offer - Get 50% off...

Clean business style

Animation Style

Slide Down

Slides down smoothly from top

Slide Up

Slides up smoothly from bottom

Fade In

Gentle opacity transition

Pop In

Scale animation with bounce

Slide Left

Slides in from the left

Slide Right

Slides in from the right

Live Preview

yoursite.com
🎉 Special offer - Get 50% off today only!Shop Now

Customize

Content

Animation

Triggers

Colors

Settings

Embed Code

Perfect for WebStarts! Header-optimized code with !important overrides

🚀 WebStarts Setup (Header-Safe):

  1. 1. Open your WebStarts page editor
  2. 2. Click "+ Add" and select "HTML" widget
  3. 3. Paste the code below into the HTML widget
  4. 4. Drag to TOP of page (above header if possible)
  5. 5. Click "Save" and "Publish" to test
  6. 6. If header conflicts, try placing BELOW main header

💡 Header Conflict Fix: This version uses !important CSS to override WebStarts header styles

HTML Code 🎯
<div style="background-color: #000000 !important; color: #ffffff !important; padding: 15px !important; text-align: center !important; font-size: 16px !important; font-family: Arial, sans-serif !important; margin: 0 !important; width: 100% !important; display: block !important; border: none !important; line-height: 1.4 !important; box-sizing: border-box !important; position: static !important; float: none !important; clear: both !important;">
  <span style="display: inline !important; margin: 0 !important; padding: 0 !important;">🎉 Special offer - Get 50% off today only!</span> <a href="#" style="color: #ffffff !important; text-decoration: underline !important; display: inline !important; margin: 0 !important; padding: 0 !important;">Shop Now</a>
</div>

Platform Instructions:

🎯 WebStarts Platform (EASIEST METHOD):

Step 1: Go to your page in WebStarts editor

Step 2: Click the blue "+ Add" button on the left

Step 3: Select "HTML" from the widget options

Step 4: Copy the code above and paste it into the HTML box

Step 5: Drag the HTML widget to the TOP of your page

Step 6: Click "Save" then "Publish"

✅ This version removes ALL problematic elements that WebStarts blocks!