Button Modal
A centered popup with a headline, description, image, and a CTA button. Best for: Promotional offers, direct booking incentives, seasonal deals. Example use cases:- “Book direct and save 15% on your stay”
- “Black Friday: 25% off all rooms this weekend”
- “Early booking discount: reserve 60 days ahead and save”
Collector Modal
A centered popup with a headline, description, and an email input field. Best for: Email capture, loyalty programs, exclusive deals lists. Example use cases:- “Get exclusive rates sent to your inbox”
- “Join our loyalty program for member-only prices”
- “Subscribe for last-minute deals”
Coupon Bar
A horizontal bar (usually at the top of the page) displaying a discount code. Best for: Discount codes, promo campaigns, limited-time offers. Example use cases:- “Use code DIRECT10 at checkout for 10% off”
- “Flash sale: code SUMMER25 for 25% off”
Collector Bar
A horizontal bar with an email input field. Best for: Newsletter signups, deal alerts, quick email capture. Example use cases:- “Get weekly deals delivered to your inbox”
- “Be the first to know about special rates”
Choosing the right type
| Goal | Recommended type |
|---|---|
| Promote a specific offer | Button Modal |
| Capture guest emails | Collector Modal or Collector Bar |
| Share a discount code | Coupon Bar |
| Reduce booking abandonment | Button Modal with exit intent trigger |
| Build an email list | Collector Bar (less intrusive) |