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

# Facebook Card

> Instructions on how to embed Facebook posts in your Engagement Hub.

## What is it?

Share Facebook content on your Hub.

## Watch it come to life

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

## Things to note

* Only **Public** Facebook content can be embedded.
* Only individual posts can be embedded - not entire timelines.

### How do I build one?

* [Step 1: Add a Facebook Embed card to your Hub](#watch-it-come-to-life)
* [Step 2: Paste the link to the card](#watch-it-come-to-life)
* [Step 3: Publish your card](#what-is-it)

### Step 1: Add a Facebook Embed card to your Hub

<img src="https://mintcdn.com/komotechnologies/YBuAsk8OUeUukWbG/images/facebook-card-step-1-add-a-step-2.gif?s=aa9de0e65ddcd10e1b165c964207c358" alt="Facebook Card: step 2 — Step 1: Add a Facebook Embed card to your Hub" width="2000" height="1098" data-path="images/facebook-card-step-1-add-a-step-2.gif" />

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

### Step 2: Paste the link to the card

<img src="https://mintcdn.com/komotechnologies/YBuAsk8OUeUukWbG/images/facebook-card-step-2-paste-the-step-2.webp?fit=max&auto=format&n=YBuAsk8OUeUukWbG&q=85&s=796f8f790cebfd8aff26692217694559" alt="Facebook Card: step 2 — Step 2: Paste the link to the card" width="2864" height="1478" data-path="images/facebook-card-step-2-paste-the-step-2.webp" />

* Clicking on **Facebook** will open the editing module.
* **(1)** Get the **embed code** and paste it here and a preview will appear below.

  <Accordion title="Getting the Facebook embed code">
    <Steps>
      <Step title="Start by visiting the Facebook account with the post you want to embed. Click on the ... button at the top right of the post.">
        <img src="https://mintcdn.com/komotechnologies/YBuAsk8OUeUukWbG/images/facebook-card-step-2-paste-the-step-1.webp?fit=max&auto=format&n=YBuAsk8OUeUukWbG&q=85&s=8895c18d769764bdefc498bd7a0558d2" alt="Facebook Card: step 1 — Step 2: Paste the link to the card" width="1536" height="1152" data-path="images/facebook-card-step-2-paste-the-step-1.webp" />
      </Step>

      <Step title="Click the Embed </> button">
        <img src="https://mintcdn.com/komotechnologies/YBuAsk8OUeUukWbG/images/facebook-card-step-2-paste-the-step-1-2.webp?fit=max&auto=format&n=YBuAsk8OUeUukWbG&q=85&s=d1f3ca29f3780bed1b88cf2835a3eb1e" alt="Facebook Card: step 1 — Step 2: Paste the link to the card" width="1536" height="1152" data-path="images/facebook-card-step-2-paste-the-step-1-2.webp" />
      </Step>

      <Step title="Copy the code">
        <img src="https://mintcdn.com/komotechnologies/YBuAsk8OUeUukWbG/images/facebook-card-step-2-paste-the-step-2-2.webp?fit=max&auto=format&n=YBuAsk8OUeUukWbG&q=85&s=40b86da299ccab970c34c370c7a297c6" alt="Facebook Card: step 2 — Step 2: Paste the link to the card" width="1536" height="1152" data-path="images/facebook-card-step-2-paste-the-step-2-2.webp" />
      </Step>

      <Step title="Paste the code in your Facebook embed card on your Komo Hub.">
        <img src="https://mintcdn.com/komotechnologies/YBuAsk8OUeUukWbG/images/facebook-card-step-2-paste-the-step-3.webp?fit=max&auto=format&n=YBuAsk8OUeUukWbG&q=85&s=ec5e09b1ada254e96976718d8a4f41a3" alt="Facebook Card: step 3 — Step 2: Paste the link to the card" width="1536" height="1152" data-path="images/facebook-card-step-2-paste-the-step-3.webp" />
      </Step>
    </Steps>
  </Accordion>
* **(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/YBuAsk8OUeUukWbG/images/facebook-card-step-3-publish-your-step-3.webp?fit=max&auto=format&n=YBuAsk8OUeUukWbG&q=85&s=954471f3fcfdbb062dc31eda6a4a5509" alt="Facebook Card: step 3 — Step 3: Publish your card" width="2876" height="1590" data-path="images/facebook-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>