# Text Elements

In this article, you learn how to add text elements to a step. There are two kinds of text: **Headline** and **Paragraph** widgets.&#x20;

<figure><img src="/files/hdemQz1Olr6u42eYxjSF" alt=""><figcaption></figcaption></figure>

## Customizing text

Follow these instructions to add a **Headline** or **Paragraph** widget to the canvas.

1. Drag a widget to a canvas location.
2. Click one time inside the widget to display the text editor.

![Headline editor](/files/Thpj5wt3geLC13Vwdhpm)

3\. Enter text.

4\. Use the editor to style the text (font size, alignment, color, bold, etc.).

5\. Click Save changes.

6\. Click Preview.

{% hint style="success" %}
**Note**  You can quickly edit and style other elements on the canvas at the same time. Click the widget to open the settings panel and make changes.
{% endhint %}

### Adding custom settings

Click the widget one time to open the **Headline** settings on the left panel. This is where you can style your text (e.g. margins, background, color, etc.).

Click the **Style** tab to change the padding, spacing, add text shadow effects etc.

Click the **Data** tab to bind data to it. It gives you the power to design **any element as a product**, making your element more interactive.

Click the **Interaction** tab to give the headline an action when it's clicked, hovered over or on mouse leave)

<figure><img src="/files/RpKYroadytc5hNOUhxrd" alt=""><figcaption></figcaption></figure>


---

# 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.funnelish.com/start/funnel-builder/editor-text-elements.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.
