<!--
canonical_url: https://university.spiffy.co/elements/sidebar/
post_id: 6217
post_type: post
last_modified: 2025-10-22T20:31:52+00:00
generated_at: 2026-04-16T16:18:11+00:00
-->

# Sidebar

![](https://university.spiffy.co/wp-content/uploads/2023/08/Screenshot-2023-08-14-at-12.21.45-PM-1.png)Adding strategic content to your sidebar is a proven way to boost conversions. Reestablish the value of your offer with a **_Checklist_**, add social proof with **_Testimonials_**, and add any text content or images with our **_Content_** block.

- [Empty Section](#empty-section)
- [Content Block](#content-block)
- [Testimonials Block](#testimonials-block)
- [Checklist Block](#checklist-block)
- [Image Block](#image-block)
- [Popup Modal Block](#popup-modal-block)
- [Video Block](#video-block)
- [Advanced Embed Settings (Hide/Show)](#advanced-embed-settings-hideshow)

Add these blocks directly to the sidebar, or within an empty section.

## Empty Section

![](https://university.spiffy.co/wp-content/uploads/2023/08/Screenshot-2023-08-14-at-12.50.33-PM.png)You can add sidebar blocks directly to the sidebar which will display on the light gray background of the Checkout, or, you can create an _Empty Section_ first, and have the sidebar block display within a white section.

**Example of a Sidebar Block _added to_ _(with)_ an Empty Section:**

![](https://university.spiffy.co/wp-content/uploads/2023/08/Screenshot-2023-08-14-at-12.59.01-PM.png)**Example of a Sidebar Block _without_ an Empty Section:**

![](https://university.spiffy.co/wp-content/uploads/2023/08/Screenshot-2023-08-14-at-12.59.31-PM.png)## Content Block

![](https://university.spiffy.co/wp-content/uploads/2023/08/Screenshot-2023-08-14-at-12.50.06-PM.png)Use the **_Content_** block to highlight key features of your offer.

Design and upload images to display in your _Sidebar Content_ to have more control over the look and feel of your content.

![](https://university.spiffy.co/wp-content/uploads/2023/08/Screenshot-2023-08-14-at-1.40.57-PM.png)## Testimonials Block

![](https://university.spiffy.co/wp-content/uploads/2023/08/Screenshot-2023-08-14-at-12.49.30-PM.png)Quickly add the element of social proof to your checkout with the **_Testimonials_** block.

![](https://university.spiffy.co/wp-content/uploads/2023/08/Screenshot-2023-08-14-at-12.59.01-PM.png)Choose your testimonial Layout Settings: _**Default Testimonial**_ (text), or **_Video Testimonials_**

![](https://university.spiffy.co/wp-content/uploads/2023/08/Screenshot-2023-08-14-at-12.41.46-PM.png)Here is a preview of both _**Default** (Text)_ and **_Video Testimonial_** blocks.

![](https://university.spiffy.co/wp-content/uploads/2023/08/Screenshot-2023-08-14-at-12.40.47-PM.png)## Checklist Block

![](https://university.spiffy.co/wp-content/uploads/2023/08/Screenshot-2023-08-14-at-12.49.44-PM.png)Use the **_Checklist_** block to highlight the core features and benefits of your offer in the sidebar.

![](https://university.spiffy.co/wp-content/uploads/2023/08/Screenshot-2023-08-14-at-1.09.49-PM.png)## Image Block

![](https://university.spiffy.co/wp-content/uploads/2025/10/image-block.png)Add an image to your sidebar content, like a product photo or purchase guarantee seal, with the **_Image_** block.

## Popup Modal Block

![](https://university.spiffy.co/wp-content/uploads/2025/10/popup-modal-block.png)Add “Learn More” style content popups to your sidebar with the **_Popup Modal_** block.

When your customer clicks the “Learn more” button, a popup window will open to show more information without cluttering up your checkout.

## Video Block

![](https://university.spiffy.co/wp-content/uploads/2025/10/Video-Block.png)Add an embedded video to the sidebar of your checkout with the **_Video_** block.

## Advanced Embed Settings (Hide/Show)

In the SpiffyJS section of the [Embed](https://university.spiffy.co/styling-customization/embedding-checkouts.md) code of your checkout, you will see a Settings button where you have further ability to control how different sections of the checkout display when embedded.

Here you will find a toggle setting for **_Hide Sidebar Content._** By default, this setting is turned off, and sidebar content will display when the Checkout is embedded.

![](https://university.spiffy.co/wp-content/uploads/2023/08/Screenshot-2023-08-14-at-1.21.16-PM.png)The _**Hide Sidebar Content**_ setting can be used to display sidebar content on the hosted version of the checkout, but maybe somewhere else you have the same checkout embedded as a popup, where you don’t want the sidebar content to show.

This makes it possible to use the same Checkout in two different places and still have a streamlined and optimized checkout experience.
