> ## Documentation Index
> Fetch the complete documentation index at: https://knowledge.komo.tech/llms.txt
> Use this file to discover all available pages before exploring further.

# Carousel Card

> Display images and videos in a Carousel card within your Engagement Hub

## What is it?

The Carousel card gives you the ability to display multiple images, videos and PDFs within one card. Once content is uploaded it will be then visible to Engagement Hub users.

### Watch it come to life

<iframe src="https://www.loom.com/embed/28fe68ea9a724f0b9bc7611aa8ec16dc" title="Loom video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

## How do I build one?

* [Step 1: Add a Carousel card to your Hub](#step-1-add-a-carousel-card-to-your-hub)
* [Step 2: Add your Carousel content](#step-2-add-your-carousel-content)
* [Step 3: Publish your card](#step-3-publish-your-card)

### Step 1: Add a Carousel card to your Hub

<img src="https://mintcdn.com/komotechnologies/hyNEub_8vkzR1bhF/images/carousel-card-step-1-add-a-step-2.gif?s=fbdf8949d1e686839e5522620aea4317" alt="Carousel Card: step 2 — Step 1: Add a Carousel card to your Hub" width="2000" height="1094" data-path="images/carousel-card-step-1-add-a-step-2.gif" />

* Navigate to your **Engagement Hub**
* Once there click **Add Content**, from here select **Media** and then **Carousel**
* You will then see your new card has been added to your Engagement Hub

### Step 2: Add your Carousel content

<img src="https://mintcdn.com/komotechnologies/hyNEub_8vkzR1bhF/images/carousel-card-step-2-add-your-step-2.webp?fit=max&auto=format&n=hyNEub_8vkzR1bhF&q=85&s=ca7e481b8bf21dbaee492b60b9f1008c" alt="Carousel Card: step 2 — Step 2: Add your Carousel content" width="2860" height="1482" data-path="images/carousel-card-step-2-add-your-step-2.webp" />

* Clicking on the **Carousel** will open the editing module
* **(1)** Clicking on the **plus icon**, you can add to your card by choosing content from your Hub's asset library. Content collected through the [Upload card](/interactive-features/features/ugc-upload-card) once approved will be added to your Hub's asset library
* **(2)** Clicking here will allow you to **upload** content from your computer
* **(3)** Here you can upload a **video** from your device or using a video **URL**. Learn more on how to get a video URL [here](/interactive-features/polls-surveys/video-url-link)

  <Accordion title="Carousel Items">
    <img src="https://mintcdn.com/komotechnologies/hyNEub_8vkzR1bhF/images/carousel-card-step-2-add-your-option-a.webp?fit=max&auto=format&n=hyNEub_8vkzR1bhF&q=85&s=0d62475ca23600dcfb6e4731a1256383" alt="Carousel Card: option a — Step 2: Add your Carousel content" width="2860" height="1482" data-path="images/carousel-card-step-2-add-your-option-a.webp" />

    * **(A)** Here you can add a **header** text that will appear above the piece of content in the Carousel which will update in the preview above
    * **(B)** Add in the **subheader** text that appears above that piece of content which will update in the preview above
    * **(C)** Use this option to **rearrange** content in the Carousel
    * **(D)** Clicking here you can **delete** content
    * **(4)** You can add an **author** tag by displaying the brand or person who's responsible for the card content
    * **(5)** Add a **description** to the card
    * **(6)** Toggling this option will **shuffle** the order of content within the Carousel
  </Accordion>

### Step 3: Publish your card

<img src="https://mintcdn.com/komotechnologies/hyNEub_8vkzR1bhF/images/carousel-card-step-3-publish-your-step-3.webp?fit=max&auto=format&n=hyNEub_8vkzR1bhF&q=85&s=44dab99fc278bb000a25b1faaf3b1bb0" alt="Carousel Card: step 3 — Step 3: Publish your card" width="2876" height="1586" data-path="images/carousel-card-step-3-publish-your-step-3.webp" />

**Once you've completed all of these steps, played around with your card and are happy with all the aspects of your card, it's time to get your card live!**

* **(1) Publish** your card manually and instantly for the world to see.
* **(2) Schedule** your card to be published and unpublished at set dates and times.
* **(3)** Click on **...** to **Preview** and interact with the card on the front end from a user's perspective before publishing it. See how to test your card [here](/getting-started/hub-setup/card-testing).

<Note>
  All competition entries will be recorded and will impact the card analytics.
</Note>

<Card title="Card Design Guidelines" color="#F1E52C" icon="cards-blank" href="https://docs.google.com/presentation/d/1AtJM7h3LNsqPdZjvnAju-53jcBclTZMp_fk1_nPiGpQ/edit?usp=sharing" cta="Learn More" />

## Promotion

<Card title="Stuck on how to promote your activation?" color="#F1E52C" icon="megaphone" href="/getting-started/promotion/promoting-your-engagement-hub/index" cta="Click here!" />

## FAQ

**What's the difference between a Carousel Card and a Vote Card?**

The primary difference is that with a Vote Card, a data capture can be added and Engagement Hub users can vote on their favourite piece of content. However, with a Carousel Card, hub users can simply scroll through and view the uploaded content.

**What files can I upload?**

You can upload the following file formats into the carousel card:

* Images: png, gif, jpeg, jpg, webp, pdf
* Videos: mp4, 3gpp, mpeg, ogg, quicktime, webm, m4v