> For the complete documentation index, see [llms.txt](https://cogneed.gitbook.io/cogneed-centre-daide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cogneed.gitbook.io/cogneed-centre-daide/cogneed-help-center/dashboard/content-management/project/content-cards/create-edit-a-content-card.md).

# Create/edit a content card

{% hint style="success" %} <mark style="color:$success;">**Tip**</mark>: The "Preview" button located at the top right of the screen allows you to see your changes and what they look like from the user's perspective in the Live Application at any time. ![](https://160715368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFCbypPSQCx2ezWjFUPY%2Fuploads%2FPF2dPGZAHEXBvheu5ycG%2Fimage.png?alt=media\&token=a3f74990-9609-40de-b63c-f9f568bf86d6)
{% endhint %}

## Create a content card

1. Click the "**Create a card**" button: ![](https://160715368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFCbypPSQCx2ezWjFUPY%2Fuploads%2FuyP6PeMYKEmVdU8pAKMp%2Fimage.png?alt=media\&token=c76308ab-1be5-46f0-bd0f-a720c16be23b)
2. Enter the title of the content card: ideally, it should be concise, precise, and neither too long nor too short. The idea is that your users can get an idea of its content at a glance.
3. If you want to make this card temporary, check the option. For more information on this feature, see the article [temporary cards](/cogneed-centre-daide/cogneed-help-center/dashboard/content-management/project/content-cards/temporary-cards.md).
4. Click the "**Confirm**" button.

![](https://160715368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFCbypPSQCx2ezWjFUPY%2Fuploads%2FkhdfbngqgRpJM6Ypj9Ri%2Fimage.png?alt=media\&token=0fce3980-e6c0-4e64-9bf5-050d58ae3cd9)

{% hint style="success" %} <mark style="color:$success;">**Congratulations**</mark>! You have created a content card, which is currently empty of content.
{% endhint %}

## Add content

1. Click the "**Create a tab**" button.

![](https://160715368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFCbypPSQCx2ezWjFUPY%2Fuploads%2Fzn8MbSMq0MVMJzULV0bf%2Fimage.png?alt=media\&token=16d8a5fa-4288-4378-8b61-59e342cd1751)

1. Enter the tab title: ideally, it should be concise, precise, and neither too long nor too short. The idea is that at a glance, your users can get an idea of its content.
2. Use the content editor to add relevant information.

{% hint style="success" %}
Content is <mark style="color:$success;">**automatically saved**</mark> as you make changes.
{% endhint %}

## Content Editor Options

![](https://160715368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFCbypPSQCx2ezWjFUPY%2Fuploads%2F0qQPvSaRLigFdT3HBNUn%2Fimage.png?alt=media\&token=4c287c83-3dda-46d3-8551-cc29dc996911)

1. Bold, italics, underline;
2. Bullets, numbers, tabs;
3. Text alignment;
4. Adding links, images, tables, emojis
   * Emojis are used directly in the content editor by typing "**:**", then writing the word corresponding to the emoji you're looking for. For example, to get a ❤️, write "**:heart**".
5. Text and background colour
6. CogNeed features:
   * Collapsed content: Within a card, content initially presented by its title only, but which can be expanded by the user with one click. This collapsed content, by being condensed, improves the readability of cards for users.
   * Link to a decision tree: inserts, within the text, a clickable link to an existing decision tree, displayed as a coloured button. See the "Insert a link to a decision tree" section below.
   * Link to a content card: inserts, within the text, a clickable link to another content card (the whole card or a specific tab), displayed as a coloured button. See the "Insert a link to a content card" section below.
   * Add a document (PDF, Excel, Word, etc.)
7. Feature allowing the addition of a calculator within content cards: requires specific CogNeed development. To benefit from this feature, contact your dedicated CogNeed CSM.

{% hint style="warning" %} <mark style="color:$warning;">**Any change**</mark> to an active content card is **immediate** for users.
{% endhint %}

## Organise a content card

Domino icons ![](https://160715368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFCbypPSQCx2ezWjFUPY%2Fuploads%2Fxe7rPyarqQPXwvNLeI65%2Fimage.png?alt=media\&token=0ec9986f-1217-461e-9928-982d2aec1248) allow you to order your content within the card in click-and-drag mode.

![](https://160715368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFCbypPSQCx2ezWjFUPY%2Fuploads%2FNSmY6cX3hqbpzvGkbxDa%2Fimage.png?alt=media\&token=8bfd02cb-2073-43e6-ba3e-f2fa2c0e0083)

## Insert a link to a decision tree

From the content editor, click the decision-tree link icon in the toolbar : ![](https://160715368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFCbypPSQCx2ezWjFUPY%2Fuploads%2FOeHks9eIZUkgcgKUNqW3%2FFR1%20-%20Lien%20arbre%20de%20d%C3%A9cision.png?alt=media\&token=ee4d52e8-88a6-41a1-b2df-0a16158d036a)

Then choose the target decision tree from the list.

<figure><img src="https://160715368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFCbypPSQCx2ezWjFUPY%2Fuploads%2F4eGFi0JTq89khDiwYznI%2Fimage-1788181939953.png?alt=media&amp;token=431f544d-1e40-4bc3-8de4-6f6a8b39cb9d" alt="" width="333"><figcaption></figcaption></figure>

A clickable coloured button linking to the chosen decision tree is inserted.

<figure><img src="https://160715368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFCbypPSQCx2ezWjFUPY%2Fuploads%2FG7d9QqcF39wVr7HD3ysd%2Fimage-1788181943709.png?alt=media&amp;token=11349d16-5e79-49f2-8b49-58185ec71e87" alt="" width="563"><figcaption></figcaption></figure>

## Insert a link to a content card

From the content editor, click the content-card link icon in the toolbar : ![](https://160715368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFCbypPSQCx2ezWjFUPY%2Fuploads%2FrXolI1J6EAqQvipq3cM5%2FFR1%20-%20Lien%20fiche%20de%20contenu.png?alt=media\&token=89fa7fec-ff83-4794-b3cd-2cec9186db26)

Search for the target content card, then choose to link the whole card or a specific tab of it.

<figure><img src="https://160715368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFCbypPSQCx2ezWjFUPY%2Fuploads%2FuBvB9GCM1VFc5uU545ux%2Fimage-1788182044885.png?alt=media&amp;token=a7d88230-d0a1-4306-aea5-12b2ce376216" alt="" width="333"><figcaption></figcaption></figure>

A clickable coloured button linking to the chosen card (or tab) is inserted.

<figure><img src="https://160715368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFCbypPSQCx2ezWjFUPY%2Fuploads%2Fqi1wKlAUy2U12ACnX1UM%2Fimage-1788182049769.png?alt=media&amp;token=07d4c05c-89bc-49c7-a50f-3b79ad6b56dd" alt="" width="563"><figcaption></figcaption></figure>

## Link a content card

A content card can be automatically linked to other content cards, so your users can switch between them with a single click, without having to say a vocal trigger.

To do this, in the "**Linked Cards**" section, select the content cards you want to link.

![](https://160715368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFCbypPSQCx2ezWjFUPY%2Fuploads%2FGyVWAtlCvWRBVPYZ0J4w%2Fimage.png?alt=media\&token=2a9c6088-5684-4058-8e05-dcf9fe424734)

Preview in Live Application:

![](https://160715368-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFCbypPSQCx2ezWjFUPY%2Fuploads%2Ftx0U4AMBmo0JmzUJD5AW%2Fimage.png?alt=media\&token=697b56ae-fd85-4098-88f4-f4a4abfb94b5)
