# Results template

You can create custom content sections or choose from content block combination layouts.

{% hint style="info" %}
**Note**

In each custom content section, you can apply a maximum of 2 content blocks.
{% endhint %}

## In this section:

* [Content blocks](#content-blocks)
  * [Adding a content block](#adding-a-content-block)
  * [Editing content blocks](#editing-content-blocks)
  * [Styling your content](#styling-your-content)
  * [Previewing and publishing](#previewing-and-publishing)
  * [Best practices](#best-practices)
  * [Troubleshooting](#troubleshooting)

***

{% embed url="<https://www.youtube.com/watch?v=sI2gqAEJxaM>" %}

## Content blocks

Content blocks are the building blocks of your custom results page. There are several types of content that you can add:

* **Text**: For paragraphs, headings, or any text-based content.
* **Image**: To add photos, graphics, or illustrations.
* **Video**: Embed videos to explain results or provide additional information.
* **Product Recommendation**: Showcase products or services relevant to the quiz outcome.
* **Collection**: Showcase products or services you'd like to highlight in addition to the quiz-recommended results.
* **Newsletter:** Add a newsletter sign-up form to grow your customer newsletter base.
* **Articles:** Display engaging articles on various topics: Showcase your products, share expert insights, or provide interesting information to your customers.
* **FAQ**: A section dedicated to the frequently asked questions about this result.
* **Custom content**: A combination of other content types that you can mix and match, like text and video.
* **HTML & CSS:** Add your own custom code for even more customization.

***

### Adding a content block

1. From the quiz builder, click **Results**.
2. Under Template, click **+ Add section**.&#x20;
3. Choose the type of content block that you want to add.
4. Drag and drop the block to your desired location on the page.
5. Click **Save**.

### Editing content blocks

1. From the **Template** section, click a content block.
2. Use the editing panel on the right to modify the content:
   * For text: Edit directly in the block or use the rich text editor.
   * For images/videos: Upload new media or provide a URL.
   * For CTAs: Set the button text and link.
3. Click **Save**.

### Styling your content

1. From the **Template** section, click a content block.
2. Use the **Style** tab in the editing panel to customize:
   * Font styles (for text blocks)
   * Colors
   * Margins and padding
   * Animations or transitions
3. Click **Save**.

{% hint style="info" %}
**Note:**&#x20;

Certain style settings only apply to specific content block types.&#x20;
{% endhint %}

### Previewing and publishing

1. From the Results page, click **Preview.**
2. Use the device toggle to check appearance on desktop, tablet, and mobile.
3. When you're ready, click **Publish** to make your changes live.

### Best practices

* Keep your content concise and relevant to the quiz results.
* Use a consistent style throughout your results page.
* Ensure your content is accessible – use alt text for images and captions for videos.
* Test your results page thoroughly especially if you're using jump logic.

### Troubleshooting

* **Changes not appearing**: Make sure you've clicked **Publish** after making edits.
* **Conditional content not working**: Double-check your display conditions and test with different quiz outcomes.
* **Styling issues**: Ensure your custom styles don't conflict with the base theme. Use the preview function to check across devices.