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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.satisfilabs.com/resource-center/ai-agent-engine/manage-your-content/best-practices/content-formatting.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
