> For the complete documentation index, see [llms.txt](https://docs.satisfilabs.com/resource-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.satisfilabs.com/resource-center/ai-agent-engine/manage-your-content/best-practices/content-formatting.md).

# Content Formatting

## General Formatting

With any formatting need (paragraph breaks, bold, etc.) use `#MARKDOWN` for the best presentation. To format content, you will need to work in code view. Always review your updates once published to your chat.

{% tabs %}
{% tab title="Font Size" %}
If you'd like to adjust the font size in all or a portion of a specific response, apply the following in code view:

{% code overflow="wrap" %}

```
<span style="font-size: 12px;">YOUR TEXT</span>
```

{% endcode %}
{% endtab %}

{% tab title="Example" %}

<figure><img src="/files/qbO148AO6PXiBb5PIjpp" alt="" width="563"><figcaption><p>Code View</p></figcaption></figure>

<figure><img src="/files/SL6ObpXlQiJnO6lULmIN" alt="" width="370"><figcaption><p>Response View</p></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Line Breaks" %}
Add spacing by using the <mark style="background-color:blue;">`enter`</mark> key.&#x20;
{% endtab %}

{% tab title="Example" %}

<figure><img src="/files/UGNS1XVafUaF0PXtwly4" alt="" width="556"><figcaption><p>Code View</p></figcaption></figure>

<figure><img src="/files/0MXWYoPIymYOff5Y9rIt" alt="" width="484"><figcaption><p>Response View</p></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Center Text" %}
Add the following within a response to center your text:

```
<div align="center">
YOUR TEXT
</div>
```

{% endtab %}

{% tab title="Example" %}

<figure><img src="/files/humWbbkP0rdiCn7lg5ZT" alt=""><figcaption><p>Code View</p></figcaption></figure>

<figure><img src="/files/Y6KmSCBFew1685ZvnxOC" alt="" width="375"><figcaption><p>Response View</p></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Length" %}
Limit responses to **3-4 sentences** so that the user can easily read the chat's responses.
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Character Limits" %}
There is no strict character limit; however, we recommend staying around **300** to eliminate excess scroll for the end user.
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Header" %}
Add the following within a response to create a response header:

```
<H2>HEADER TEXT</H2>
```

{% endtab %}

{% tab title="Example" %}

<figure><img src="/files/yKLt676tCBNsKoYR6sqw" alt="" width="563"><figcaption><p>Code View</p></figcaption></figure>

<figure><img src="/files/eqVB0OVzHCbhVfJRlkeQ" alt="" width="467"><figcaption><p>Resposne View</p></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Bold" %}
Add `**`around the part of the sentence.&#x20;
{% endtab %}

{% tab title="Example" %}

<figure><img src="/files/6pg1czXhx7p9Pid11hcf" alt="" width="563"><figcaption><p>Code View</p></figcaption></figure>

<figure><img src="/files/hUF9VMCK9hqZCOABADbK" alt="" width="484"><figcaption><p>Response View</p></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Italics" %}
Add \_ to the beginning of the text and to the end.
{% endtab %}

{% tab title="Example" %}

<figure><img src="/files/OrY2r2tOrpCps7xG9GnM" alt="" width="554"><figcaption><p>Code View</p></figcaption></figure>

<figure><img src="/files/aWdqy89fAl25rqu4nw6I" alt="" width="494"><figcaption><p>Response View</p></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Bold + Italics" %}
Add `***` around the part of the sentence.
{% endtab %}

{% tab title="Example" %}

<figure><img src="/files/WPH64QAw98yhl8njEaGI" alt="" width="548"><figcaption><p>Code View</p></figcaption></figure>

<figure><img src="/files/7B7aSTeNiw772Jn1w5In" alt="" width="488"><figcaption><p>Response View</p></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Hyperlinks" %}
Ensure your content type is set to "MARKDOWN" and not "TEXT" or "HTML. Add the following formatting to your link \[Visit Google]\(<https://google.com>)

{% hint style="warning" %}
It is important to include the full link with "https\://" unless adding an app deep link.
{% endhint %}
{% endtab %}

{% tab title="Example" %}

<figure><img src="/files/QXXUkCNkImpt7bhYNs9E" alt=""><figcaption><p>Code View</p></figcaption></figure>

<figure><img src="/files/ieEkf85obl4ixmIHBysC" alt="" width="523"><figcaption><p>Response View</p></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Phone Numbers" %}
Within the response copy's code view, you’ll format the contact information as follows:

```
[555-123-4567](tel:555-123-4567) 
[555-123-4567, option 2](tel:5551234567,2)
```

{% endtab %}

{% tab title="Example" %}

<figure><img src="/files/lNIu95jPaBTRdULvD3vg" alt="" width="563"><figcaption><p>Code View</p></figcaption></figure>

<figure><img src="/files/TtAKnxWUhFtWp185xHMS" alt="" width="483"><figcaption><p>Response View</p></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Emails" %}
Within the response copy's code view, you’ll format the contact information as follows:

```
[MyDragonisonFire@gmail.com](mailto:MyDragonisonFire@gmail.com)
```

{% endtab %}

{% tab title="Examples" %}

<figure><img src="/files/QdX0WUnIBqUC0KL4EpnH" alt=""><figcaption><p>Code View</p></figcaption></figure>

<figure><img src="/files/A4V2S1Faai112ontYq4O" alt="" width="486"><figcaption><p>Response View</p></figcaption></figure>
{% endtab %}
{% endtabs %}

## **Facebook Messenger Formatting Requirements**

* The response copy must not exceed 600 characters.&#x20;
* A button name cannot be longer than 20 characters.&#x20;
* Facebook will only support up to 3 buttons in a single response.
* A quick reply name cannot be longer than 20 characters.
* Facebook will only support 10 quick replies in a single response.