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

# Vote Card

> Allow users to vote for their favourite image or video in a Carousel Card.

## What is it?

The Vote card allows you to display multiple images, videos and PDFs within one card. Users can then view and vote on their favourite piece of content.

## How do I build one?

* [**Step 1: Add a Vote card to your Hub**](#step-1-add-a-vote-card-to-your-hub)
* [**Step 2: Add your Content**](#step-2-add-your-content)
* [**Step 3: Add a Data capture**](#step-3-add-a-data-capture)
* [**Step 4: Publish your card**](#step-4-publish-your-card)

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

<img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/vote-card-step-1-add-a-step-3.gif?s=aa898d1c62a6137d0d2f80b511afbf16" alt="Vote Card: step 3 — Step 1: Add a Vote card to your Hub" width="2000" height="1094" data-path="images/vote-card-step-1-add-a-step-3.gif" />

* Navigate to your **Engagement Hub**.
* Once their click **Add content**, from here select **Media** and then **Vote**.
* You will then see your new card has been added to your Hub.

<img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/vote-card-step-1-add-a-screenshot.webp?fit=max&auto=format&n=22OmvqhqqNidygu6&q=85&s=dc11c44aad80e7252c94416d2ec77375" alt="Vote Card: step 1: Add a Vote card to your Hub" width="2862" height="1480" data-path="images/vote-card-step-1-add-a-screenshot.webp" />

* Clicking on the **Vote** 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/index) *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/index).

  <Accordion title="Carousel Items">
    <img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/vote-card-step-1-add-a-option-a.webp?fit=max&auto=format&n=22OmvqhqqNidygu6&q=85&s=f3add70a3903e5bc08512afb2fd9b924" alt="Vote Card: option a — Step 1: Add a Vote card to your Hub" width="2864" height="1484" data-path="images/vote-card-step-1-add-a-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>
* **(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)** Here you can configure the vote button colours
* **(7)** Set when/if you want to show the current percentage of votes.
* **(6)** Toggling this option will **shuffle** the order of content within the vote carousel.

### Step 3: Add a Data capture *(Optional)*

Add a Data Capture to your Vote card if you want to collect user data.

<Card title="Ready to set up your competition?" icon="sparkles" href="/getting-started/hub-setup/data-capture/index" cta="Click here" />

### Step 4: Publish your card

<img src="https://mintcdn.com/komotechnologies/22OmvqhqqNidygu6/images/vote-card-step-4-publish-your-step-4.webp?fit=max&auto=format&n=22OmvqhqqNidygu6&q=85&s=017393b010f26fc1f18e21a6f69be272" alt="Vote Card: step 4 — Step 4: Publish your card" width="2876" height="1584" data-path="images/vote-card-step-4-publish-your-step-4.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/1PsXZKbSHCg7Pb47pWNv34rRqT9TeBzxzmOL4d0mY-Ek/edit?usp=sharing" cta="Learn More" />

## Promotion

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

## FAQ

**Can people vote multiple times?**

Yes, firstly add a data capture to your card then select **General** under the data capture settings. From here select the number of entries to **Unlimited**

**What files can I upload?**

You can upload the following file formats into the Vote card;

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