<h1 class="PlaygroundEditorTheme__h1" dir="ltr">Understanding the card editor: what each tool does</h1> The card editor has a live editable double page spread in the center, and 5 content tools available from the right side floating toolbar (desktop) or the bottom bar (mobile).<img src="https://files.clickconnector.app/c12370_add-content-fap.1790051236794.jpg" alt="" width="inherit" height="inherit">Text MessageAdd a typed message to the card. You can adjust the font, size, color, and alignment. Messages can be moved and resized on the card canvas. <img src="https://files.clickconnector.app/c12370_edit-message-closeup.1790048362292.jpg" alt="" width="inherit" height="inherit"> PhotoUpload an image from your device to place on the card. Supported formats are PNG, JPG, JPEG, and WEBP. Use PNG with a transparent background for logos or graphics that should blend into the card design. GIFOpen the GIF picker to search for and add an animated GIF to your message. Search by keyword or use the occasion-based suggestion shown by default. EmojiAdd an emoji as a sticker element on the card. Choose from the emoji picker and it will be placed as a resizable element on the canvas. VideoUpload a an small video message on the card. Page controls <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Add Page: Adds a new blank spread (two pages) to the end of the card.</li><li value="2" class="PlaygroundEditorTheme__listItem">Remove Page: Removes the current spread if it is empty.</li></ul> Done SigningFinishes your session and saves your contributions. After clicking Done Signing, the card locks your content and returns you to the signing confirmation screen.

# Understanding the card editor: what each tool does

The card editor has a live editable double page spread in the center, and 5 content tools available from the right side floating toolbar (desktop) or the bottom bar (mobile).

![](https://files.clickconnector.app/c12370_add-content-fap.1790051236794.jpg)

****Text Message****

Add a typed message to the card. You can adjust the font, size, color, and alignment. Messages can be moved and resized on the card canvas.

![](https://files.clickconnector.app/c12370_edit-message-closeup.1790048362292.jpg)

****Photo****

Upload an image from your device to place on the card. Supported formats are PNG, JPG, JPEG, and WEBP. Use PNG with a transparent background for logos or graphics that should blend into the card design.

****GIF****

Open the GIF picker to search for and add an animated GIF to your message. Search by keyword or use the occasion-based suggestion shown by default.

****Emoji****

Add an emoji as a sticker element on the card. Choose from the emoji picker and it will be placed as a resizable element on the canvas.

****Video****

Upload a an small video message on the card.

****Page controls****

* ****Add Page****: Adds a new blank spread (two pages) to the end of the card.
* ****Remove Page****: Removes the current spread if it is empty.

****Done Signing****

Finishes your session and saves your contributions. After clicking Done Signing, the card locks your content and returns you to the signing confirmation screen.

<h1 class="PlaygroundEditorTheme__h1" dir="ltr">Understanding the card editor: what each tool does</h1>The card editor has four content tools available from the toolbar (desktop) or the bottom bar (mobile).Text MessageAdd a typed message to the card. You can adjust the font, size, color, and alignment. Messages can be moved and resized on the card canvas.PhotoUpload an image from your device to place on the card. Supported formats are PNG, JPG, JPEG, and WEBP. Use PNG with a transparent background for logos or graphics that should blend into the card design.GIFOpen the GIF picker to search for and add an animated GIF to your message. Search by keyword or use the occasion-based suggestion shown by default.EmojiAdd an emoji as a sticker element on the card. Choose from the emoji picker and it will be placed as a resizable element on the canvas.Page controls (card organizer only)<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Add Page: Adds a new blank spread (two pages) to the end of the card.</li><li value="2" class="PlaygroundEditorTheme__listItem">Remove Page: Removes the current spread if it is empty.</li></ul>Done SigningFinishes your session and saves your contributions. After clicking Done Signing, the card locks your content and returns you to the signing confirmation screen.

Understanding the card editor: what each tool does

Guides on basics of creating, signing and sharing the group card

Was this article helpful?