Infographic with Quizzes

This long page infographic is a modern, index-like Quick Start that provides witty, fun ideas for holding your visitors’ attention. It’s got nifty little quizlets built right in as visitors scroll through and participate. And it’s peppered with actionable calls-to-action that deliver a lightbox-based, lead-gen form.

We recommend that you receive expert-level ion training before using this Quick Start. Additionally, contact your customer success manager for a brief orientation if needed. If you aren't familiar with quizzes and expert-level interactive components, this Quick Start will not be one that you will immediately be able to work with and will require some practice in creative studio before you are comfortable.

Because this Quick Start utilizes advanced logic, we have also put together a logic template to help you understand the inputs and outputs of this experience. Click here to review the logic template for the Infographic with Quizzes.

What You’ll Need to Get Started

Before you get started, you will want to have the below: 

• Content/copy
• 7 large images
• 8 medium image
• 6 small images
• Library or free-style form
• Data export

To help you craft your Interactive Infographic copy, we’ve created a content template you can use as a resource to help you focus and organize your content for this type of interactive content experience. Click here to review the Interactive Infographic content template.

Get to know this Quick Start

Here'e a brief orientation to this Quick Start.

Infographic Page

All of the content, except the form, in this experience is published into the Infographic page. This page includes:

• Multiple sections of content with large imagery in the background.
• CTA button in header and footer that opens a lightbox showing a lead generation form. For more information on lightboxes, click here.
• Content published with animations. For more information on adding animations on your page elements, click here.
• Short quizzes published into a Flow component. For more information on the Flow component, click here.
• Social sharing icons included throughout the experience to promote within the visitor’s network. For more information on these two components, click here for Twitter and here for Facebook. 
• Content published into an accordion. In this case, the sources for the infographic’s information are listed in a closed accordion. For more information on accordions, click here.

Tips & Tricks

• We recommend you complete expert ion interactive training to use and modify this Quick Start because it contains quizzes and expert-level interactive components.  
• Everything within this experience can be edited by double clicking each page element. For more information on publishing & editing content within ion interactive pages, click here. 
• You can adjust the layout of the page content by altering the grids, columns and rows that are published into the creative’s containers. For more information on working with grids, click here. We recommend intermediate ion training to adjust the layout of your pages. 
• Update the placeholder form to one from your ion interactive Form Library. Double click the placeholder form and navigate through the Form Library to select your own form. This requires that you already have a form created in your library.
• Connect the form to your own pre-configured export, to ensure the data that is collected is exported to your external third party systems. For information on connecting your form to your exports click here, or for information on export options, click here. 
• For this expert Quick Start we assume you will use an existing form from your ion interactive Form Library. For more information on creating forms with ion interactive, click here. We recommend intermediate training for form building.