Offers Grid / Advent Calendar

The Offers Grid Block is a versatile feature in LOOP designed to help you create engaging, time-sensitive campaigns. It’s perfect for initiatives like advent calendars, countdown offers, or daily promotional reveals, allowing you to add excitement and urgency to your marketing efforts.

(note this is sped up 30% but if you'd like the original that's here on Loom)
‍

Overview of the Offers Grid Block

The Offers Grid Block is ideal for:

• Seasonal Campaigns: Advent calendars, holiday savings, or summer specials.
• Daily Reveals: Unveiling promotions or exclusive offers over several days.
• Engagement Boost: Adding interactive elements to campaigns.
  ‍

Key Features

1. Daily Offers with Customizable Reveal Options
   • Add individual offers tied to specific dates and times.
   • Choose whether past offers remain accessible or are grayed out.
     ‍
2. Themes and Animations
   • Add sparkle effects, transitions, and backgrounds to align with your campaign theme.
   • Customize the appearance of the grid with light, dark, or branded themes.
     ‍
3. Interactivity
   • Users can click offers to reveal more details via a modal or navigate to a specific page.
     ‍
4. Responsive Design
   • Automatically adjusts for mobile and desktop layouts.

‍

Example: 10 Days of Summer Savings

Here’s how to set up a 10 Days of Summer Savings campaign:

1. Add the Offers Grid Block:
   • Navigate to the CMS and select "Offers Grid Section."
   • Create a title like "10 Days of Summer Savings."
     ‍
2. Populate Offers:
   • Add individual offer items for each day.
   • Example:
     • Day 1: 20% off food and drink
     • Day 2: VIP experience upgrade
     • Day 3: 2-for-1 tickets
       ‍
3. Customize Reveal Options:
   • Set the date and time for each offer to unlock.
   • Choose animations for reveal effects, like a door-opening transition.
     ‍
4. Enhance User Experience:
   • Use modal pop-ups to show offer details, images, and a "Book Now" button.
   • Alternatively, link directly to relevant pages.
     ‍
5. Brand the Grid:
   • Add a background image or apply a theme (e.g., a vibrant summer design or festive holiday colors).

Advanced Tips

1. Reusing Content:
   • Copy a configured offer item to the clipboard to quickly replicate settings across multiple days.
     ‍
2. Cookies for User Retention:
   • A cookie ensures that users returning to the page see previously revealed offers.
     ‍
3. Disable Past Offers:
   • Limit visibility to only the current day’s offer by disabling past items in the settings.
     ‍
4. Theming for Major Campaigns:
   • For large-scale events (e.g., Christmas or Halloween), create a separate branded look for the Offers Grid. This can include unique colors, fonts, and textures tailored to the campaign.
     ‍

Settings & Customisation

1. Maximum Items Per Row:
   • Defaults to 5 but can be adjusted based on the design.
     ‍
2. Reveal Animation:
   • Options include "door" transitions or other visual effects.
     ‍
3. Backgrounds:
   • Add campaign-specific imagery to create a cohesive design.
     ‍
4. Mobile Responsiveness:
   • Automatically adjusts to stack items on smaller screens.
     ‍

Use Cases Beyond Offers

The Offers Grid Block isn’t limited to promotional offers. You can use it for:

• Event Schedules: Highlight daily events or activities.
• PR Campaigns: Reveal news or announcements over a set timeframe.
• Educational Content: Unlock tutorials or tips day by day.
  ‍

Final Thoughts

The Offers Grid Block is a powerful tool for creating engaging, interactive campaigns. Whether you’re running a seasonal promotion or unveiling a new attraction, this block can help you capture attention and drive conversions.

If you have ideas or feedback for improving the Offers Grid Block, let us know! We’re always looking for ways to enhance LOOP and support your marketing goals.

Thank you, and see you in the next guide!

‍