The Boxed Grid Content Hub template is a versatile and interactive content hub designed to showcase useful links, videos, and accordions in a clean, grid-like layout. It allows users to explore content without leaving the main landing page, thanks to its lightbox feature for videos.
Here’s a step-by-step guide to help you set it up and customize it for your needs:
What is the Boxed Grid Content Hub template?
The Boxed Grid Content Hub template is a visually organized content hub that includes:
- A hero banner at the top for impactful visuals and messaging.
- A grid layout to display links, videos, and accordions.
- Video stills that open in a lightbox popup when clicked, keeping users on the same page.
- Accordions for different content sections.
- A CTA form at the bottom to capture leads or encourage user action.
Step-by-Step Guide to Using the Template
Set up the grid layout
The grid is the core of this template. You can customize it to include:
- Links: Add useful links to external resources, blog posts, or product pages.
- Videos: Upload video stills (thumbnails) that, when clicked, open the video in a lightbox.
- Accordions: Use accordions to provide more context into a content, such as FAQs or detailed descriptions.
Add video stills and lightbox popups
- Upload video stills (thumbnails) for each video you want to include. We suggest a transparency of 50% or you can upload a PNG version with the transparency applied.
- Create or duplicate a video page and replace the video ID for each one of them, on the landing page link each still to the corresponding video page. When users click the still, the video will open in a lightbox, allowing them to watch without leaving the page.
Configure the CTA form
- At the bottom of the template, you’ll find a CTA form. Customize the form fields to collect the information you need (e.g., name, email, company).
- Update the CTA button text to encourage user action, such as “Download Now” or “Get Started.”
- Link the form to your CRM or email marketing tool to capture and manage leads.
Test and publish
Before going live, test the entire flow to ensure everything works smoothly. Check that all prompts are correctly integrated into the story and that the CTA functions as intended. Once you’re satisfied, publish your Story Game and share it with your audience!
