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

# Spotify Card

> Soundtrack your Engagement Hub with a Spotify playlist embed.

## Watch it come to life

<iframe src="https://www.loom.com/embed/4957028130a243a9a0c275e30c73f7ae" 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 />

i

## How do I build one?

* [Step 1: Add a Spotify Card to your Engagement Hub](#step-1-add-a-spotify-card-to-your-engagement-hub)
* [Step 2: Set up your card link](#step-2-set-up-your-card-link)
* [Step 3: Publish your card](#step-3-publish-your-card)

### Step 1: Add a Spotify Card to your Engagement Hub

<img src="https://mintcdn.com/komotechnologies/haZ8nFo61lut3UyH/images/spotify-card-step-1-add-a-step-2.gif?s=a88f9be23ef9e7d1d38cd5b78559cbe1" alt="Spotify Card: step 2 — Step 1: Add a Spotify Card to your Engagement Hub" width="2000" height="1096" data-path="images/spotify-card-step-1-add-a-step-2.gif" />

* Navigate to your **Engagement Hub**.
* Once there, click **Add content**, then select **Embeds** and then **Spotify**.
* You will then see your new card has been added to your Engagement Hub.

### Step 2: Set up your card link

<img src="https://mintcdn.com/komotechnologies/haZ8nFo61lut3UyH/images/spotify-card-step-2-set-up-step-2.webp?fit=max&auto=format&n=haZ8nFo61lut3UyH&q=85&s=b9caf9e72f97c1f622c1f906be87547e" alt="Spotify Card: step 2 — Step 2: Set up your card link" width="2862" height="1480" data-path="images/spotify-card-step-2-set-up-step-2.webp" />

* Clicking on **Spotify** will open the editing module.
* **(1)** Paste the **link** of your playlist, album or song here and a preview will appear below.
* **(2)** You can add an **author** tag by displaying the brand or person who's responsible for the card content.
* **(3)** Add a **description** to the card.

### Step 3: Publish your card

<img src="https://mintcdn.com/komotechnologies/haZ8nFo61lut3UyH/images/spotify-card-step-3-publish-your-step-3.webp?fit=max&auto=format&n=haZ8nFo61lut3UyH&q=85&s=65ce7baa7a19991cf76c882c9784c20f" alt="Spotify Card: step 3 — Step 3: Publish your card" width="2878" height="1588" data-path="images/spotify-card-step-3-publish-your-step-3.webp" />

**Once you've completed all of these steps and are happy with all the aspects, 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.

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

## FAQ

**Where can I find the share link/URL?**

Click on the playlist you wish to share. Click on the three dots located at the top of the playlist, at the bottom of the list click share and 'Copy link to playlist', and paste that link to the share link bar in the card.
