Skip to main content

Modal Sidebar Design Ideas

Looking for inspiration? The Modal Sidebar gives you extra space to engage visitors without making your gate larger or more complex.

Whether you're promoting content, encouraging event registrations, or reinforcing your brand, the sidebar can be used to provide context before a user completes your gate.

Before you start: For information on setting up and configuring the Modal Sidebar, see Using the Modal Sidebar.

Best Practices

For the best user experience, we recommend:

  • Keep messaging concise and easy to scan.

  • Focus on one key message.

  • Use high-quality imagery that complements your brand.

  • Highlight benefits rather than features.

  • Avoid duplicating information already shown on the gate.


Example 1: Event Registration

Perfect for webinars, conferences and in-person events.

Join Our Live Webinar

Discover how leading organisations are improving digital lead capture.

  • 45-minute live session

  • Q&A with our product specialists

  • Receive the recording afterwards

Wednesday 24 September · 2pm BST

Recommended imagery

  • Speaker headshots

  • Event branding

  • Webinar illustration


Example 2: Whitepaper Download

Increase the perceived value of gated content.

Download the Guide

What's inside?

  • Industry research

  • Best practice recommendations

  • Practical implementation tips

  • Real customer examples

Recommended imagery

  • 3D book cover

  • Report cover

  • Document preview


Example 3: Campaign Promotion

Use the sidebar to support seasonal or promotional campaigns.

Summer Campaign

Register today and receive:

  • Early access

  • Exclusive resources

  • Follow-up consultation

Offer ends 31 August.

Recommended imagery

  • Campaign graphics

  • Product imagery

  • Promotional banner


Example 4: Company Branding

Sometimes simple is most effective.

Include:

  • Company logo

  • Brand colours

  • A short introductory message

  • Supporting imagery

This approach works particularly well for contact and enquiry gates.


Example 5: Video Thumbnail

Encourage engagement by promoting a video.

Watch Before You Book

Learn how our solution works in under two minutes.

▶ Product Overview

The video can open after submission or be hosted elsewhere on your website.


Example 6: Awards & Social Proof

Increase trust by showcasing recognition.

Trusted Worldwide

🏆 Industry Award Winner

⭐ 4.9/5 Customer Rating

🌍 Used by Global Brands

Include customer logos or certification badges where appropriate.


Example 7: Need Help?

Reduce hesitation by answering common questions.

Before You Submit...

  • We'll never share your data.

  • Your demo lasts around 30 minutes.

  • No obligation to purchase.

  • A member of our team will contact you within one business day.

This style works well for contact requests and demo bookings.


Tips for Great Sidebars

Successful sidebars typically:

  • Reinforce the purpose of the gate.

  • Answer common questions.

  • Highlight value before asking for information.

  • Use imagery to support, not distract from, the form.

  • Keep text concise and easy to scan.

Did this answer your question?