# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://support.quizkitapp.com/building-a-quiz/results/results-template.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.