# Description

## Overview

The **"Description" section** is specifically designed to enable users to add detailed information about the product configuration. This allows you to include important specifications that help describe the product comprehensively. By providing thorough descriptions, you enhance the understanding of the product specifics for performers, facilitating effective task completion.

<figure><img src="https://2718719119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2iEmashkfYYrRZjhJnSk%2Fuploads%2FmsQeIT0FRxtYspAL5sAS%2Fimage.png?alt=media&#x26;token=7ff872e3-b08b-46d7-91c4-3fd4c64c7c37" alt=""><figcaption><p><strong>"Description" section</strong></p></figcaption></figure>

## Adding product description

1. Click on the "Details" field
2. Enter required text
3. Click "Save"

{% @arcade/embed flowId="vXGy9QAR2ijziY6bmHds" url="<https://app.arcade.software/share/vXGy9QAR2ijziY6bmHds>" %}

## Formating text

You can format text using the editor toolbar or keyboard shortcuts.

### The editor toolbar <a href="#the-editor-toolbar" id="the-editor-toolbar"></a>

The editor’s toolbar contains all the text formatting tools to format your text.

<figure><img src="https://2718719119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2iEmashkfYYrRZjhJnSk%2Fuploads%2FGaZZPBAqdpHzxj2l3Jme%2Fimage.png?alt=media&#x26;token=5afeadff-6a9e-4d09-ae09-747bad5eab41" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="201" align="center">Desired formating</th><th align="center">Toolbar option</th><th width="258" align="center">Keyboard shortcut (Windows)</th></tr></thead><tbody><tr><td align="center">Bold</td><td align="center">Highlight text + click "B"</td><td align="center">CTRL + B</td></tr><tr><td align="center">Italic</td><td align="center">Highlight text + click "I"</td><td align="center">CTRL + I</td></tr><tr><td align="center">Underline</td><td align="center">Highlight text + click "U"</td><td align="center">CTRL + U</td></tr><tr><td align="center">Unordered list</td><td align="center">Put coursor + click "Bullet list" icon</td><td align="center">"-" + space</td></tr><tr><td align="center">Ordered list</td><td align="center">Put coursor + click "Number list" icon</td><td align="center">"1." + space</td></tr><tr><td align="center">Insert link</td><td align="center">Put coursor + click "Link" icon</td><td align="center">CTRL + K</td></tr><tr><td align="center">Emoji</td><td align="center">Put coursor + click "Emoji" icon</td><td align="center"></td></tr></tbody></table>

## Web links

**Adding web links directly to the product page (PDP)** to connect external documents, tools, or references — without needing to upload files. This helps streamline your workflow and centralize important information in one place.

* Save time by linking Google Docs, spreadsheets, Figma files, etc.
* Avoid downloading and re-uploading static files.
* Keep product-related resources always up to date and accessible.

#### How It Works

#### **Add a Web Link**

1. Open the **Product Page (PDP)**.
2. Click the **“Add web link”** button.
3. In the pop-up, fill in:
   * **Link** (supports with or without `http`)
   * **Link name** (optional custom label)
4. Click **“Add”**.
5. The link appears on the product page:
   * Displaying the entered name or the URL
   * With a **🗑️ delete icon** next to it

> 📝 Adding or updating a link creates a **draft version** of the product.

{% @arcade/embed flowId="2pFtJ8Hd55OrJY6IAP6s" url="<https://app.arcade.software/share/2pFtJ8Hd55OrJY6IAP6s>" %}

#### **Delete a Link**

1. Hover over the link on the PDP.
2. Click the **delete (🗑️) icon**.
3. The link is immediately removed from the page.

#### **Open a Link**

* Click the link — it opens in a **new browser tab**.
