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

# Card Testing

> Want to know how to test your cards before publishing? Read on...

Once you have built out your cards, it is always best to do a test run to ensure you have set up everything correctly. Below is a guide on how to test your cards.

## How do I do this?

### Step 1: Clone the Card

<img src="https://mintcdn.com/komotechnologies/hyNEub_8vkzR1bhF/images/card-testing-step-1-clone-the-step-1.gif?s=34573c4b1d92c72ebe068edbf63eb1ed" alt="Card Testing: step 1 — Step 1: Clone the Card" width="2000" height="1093" data-path="images/card-testing-step-1-clone-the-step-1.gif" />

* Navigate to your **Engagement Hub**.
* Scroll to the card you want to test.
* Click on ... and then select **Clone**.
* Add the copy **Testing** to the **internal name** to differentiate between the original and the cloned.

<Note>
  We recommend cloning cards for testing as once you interact with the content, this will impact the card analytics.
</Note>

### Step 2: Test the Content

There are two ways to test your content prior to launching.

* **Preview**: This allows you to view the journey and experience of just the card/content. The preview will appear as a pop-up over the editor.
* **Single Card View** : You can preview the card on the Hub to see how this would potentially look with your Hub styling.

<Warning>
  As this is a testing process, do **<u>not</u>** publish the card. If the card is published on the Hub, users will be able to view the content.
</Warning>

## Preview the Card

<img src="https://mintcdn.com/komotechnologies/hyNEub_8vkzR1bhF/images/card-testing-preview-the-card-screenshot.webp?fit=max&auto=format&n=hyNEub_8vkzR1bhF&q=85&s=b818e5bbc3068e28b1244a53b1d488dd" alt="Card Testing: preview the Card" width="3344" height="2041" data-path="images/card-testing-preview-the-card-screenshot.webp" />

* (1) Clicking on **...** opens additional settings for the card. (2) Click on **Preview** to test the card.

<Note>
  <img src="https://mintcdn.com/komotechnologies/hyNEub_8vkzR1bhF/images/card-testing-preview-the-card-option-a.webp?fit=max&auto=format&n=hyNEub_8vkzR1bhF&q=85&s=e9959ccb522186a995603e38e7025c97" alt="Card Testing: option a — Preview the Card" width="688" height="420" data-path="images/card-testing-preview-the-card-option-a.webp" />

  * **(A)** Here you can play through the experience as a potential end user.
  * **(B) + (C)** You have the option to test the card in a mobile view or desktop.
</Note>

* **(3)** After you have finished testing your game, **archive the testing card** to avoid confusion with the original.

## Single Card View

<img src="https://mintcdn.com/komotechnologies/hyNEub_8vkzR1bhF/images/card-testing-single-card-view-screenshot.webp?fit=max&auto=format&n=hyNEub_8vkzR1bhF&q=85&s=f78f4558f500e7dac8afc67d93a84399" alt="Card Testing: single Card View" width="3344" height="2041" data-path="images/card-testing-single-card-view-screenshot.webp" />

* **(1)** Clicking on ... opens additional settings for the card.
* **(2)** Click on **View single card** to test the card.

<Note>
  <img src="https://mintcdn.com/komotechnologies/hyNEub_8vkzR1bhF/images/card-testing-single-card-view-option-a.webp?fit=max&auto=format&n=hyNEub_8vkzR1bhF&q=85&s=13909a4ae7e9f02deefa659d68c8c2a7" alt="Card Testing: option a — Single Card View" width="1672" height="1021" data-path="images/card-testing-single-card-view-option-a.webp" />

  * **(A)** When previewing a draft card, you will see the **draft banner** to make you aware the card is still in draft mode.
  * **(B)** Click on the card and **preview the experience**.
</Note>
