> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

<AgentInstructions>

## Submitting Feedback

If you encounter incorrect, outdated, or confusing documentation on this page, submit feedback:

POST https://help.kajabi.com/feedback

```json
{
  "path": "/articles/website/pages/how-to-add-a-text-block-to-your-page",
  "feedback": "Description of the issue"
}
```

Only submit feedback when you have something specific and actionable to report.

</AgentInstructions>

# Add a text block to a page

> Learn to add a Text Block to your page to communicate with your visitors, market your content, and describe your value.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/rlp96u0sws" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<Note>
  **Note:**
  This guide covers the latest page editor for the Website Builder and Kajabi Pages. If you are using Premier Legacy Templates, refer to the [Premier Templates guide](/articles/website/pages/how-to-add-text-to-your-page-with-premier).
</Note>

<br />

## Adding a text block

* Open the **Website** tab from the Dashboard.
* Select the **Pages** tab.
* Open the page editor for your Page. [Learn more](../../website/pages/how-to-get-to-the-page-editor)
* Click the Section you want to edit or [create a new Section](../../website/pages/add-sections-to-your-pages).
* In the sidebar, click **Add Content**.
* From the list, select **Text**.
* Your newly created Text Block will generate at the bottom of the Section.
* Click **Save** to keep your changes:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/34ibews03u" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<br />

## Customizing your text block

In a Text Block, customize the:

* [Block Width](../../website/pages/how-to-customize-the-block-width)
* Text
* Block Settings

### Text editor

In the sidebar Text Editor, you have the ability to customize multiple features of your Text content.

#### Cofounder

Use **Cofounder** to help generate text content for your page. Click the **Cofounder icon** in the text editor sidebar to open Cofounder. [Learn more about Cofounder](/articles/cofounder/cofounder-overview).

#### Source code

Access your Text **source code** to manually modify the HTML code for your page:

<img src="https://mintcdn.com/kajabi-support/6TFaxWIe5VAJvaKV/articles/images/43a653d9_upload_6624089787392647309.png?fit=max&auto=format&n=6TFaxWIe5VAJvaKV&q=85&s=04d7151d3717861b4b853a689d6ab8c8" alt="Source Code in Editor.png" width="868" height="1462" data-path="articles/images/43a653d9_upload_6624089787392647309.png" />

<Warning>
  **Warning:**
  If you're not familiar with editing the source code, we advise avoiding this feature or reaching out to a professional developer to guide you through its functionality.
</Warning>

#### Text formats

Customize your Text appearance by adjusting the Format settings:

* Select your chosen **Heading Size** to change the font size of your highlighted Text. Use this feature with the [Style Guide Font Sizes](../../website/pages/customize-your-page-font-and-style-with-the-style-guide#desktop-and-mobile-font-sizes) in your Page Settings.
* Select your **Inline** setting to change the Text Appearance (e.g., Bold, Italic, Underline, Strikethrough, Superscript, Subscript, and Code).
* Select your desired **Blocks** to adjust the appearance of your highlighted Text (e.g., Paragraph, Blockquote, Div, and Pre).
* Select your Text **Alignment** for your highlighted Text (e.g., Left, Center, Right, and Justify):

<img src="https://mintcdn.com/kajabi-support/ulOk3PjSKir43Xg0/articles/images/0a447648_upload_13596611402238887681.png?fit=max&auto=format&n=ulOk3PjSKir43Xg0&q=85&s=a56f8b3803a4c76213ab65a85667911e" alt="Formats in Editor.png" width="964" height="1534" data-path="articles/images/0a447648_upload_13596611402238887681.png" />

### Text appearance

Customize the appearance of your highlighted Text by making it **bold**, **italicized**, or **strikethrough**:

<img src="https://mintcdn.com/kajabi-support/eksT-QgQCtdu-eQT/articles/images/fe21fcb3_upload_4775657720789073023.png?fit=max&auto=format&n=eksT-QgQCtdu-eQT&q=85&s=65a377e4aff6ce4f32d329890242571f" alt="Appearance in Editor.png" width="964" height="1534" data-path="articles/images/fe21fcb3_upload_4775657720789073023.png" />

#### Text color

Highlight sections of your Text or your entire Text to customize its color:

<img src="https://mintcdn.com/kajabi-support/qzToDq-sR9DK0LoF/articles/images/74dec86a_upload_9042761964878318958.png?fit=max&auto=format&n=qzToDq-sR9DK0LoF&q=85&s=666f55421c1d82ac0dc6513682ca65a9" alt="Color in Editor.png" width="964" height="1534" data-path="articles/images/74dec86a_upload_9042761964878318958.png" />

[Learn how to customize your text editor color picker.](../../website/pages/how-to-edit-the-text-editor-color-picker-for-your-pages)

#### Horizontal line

Insert a horizontal line in your Text content to break up your Text:

<img src="https://mintcdn.com/kajabi-support/O5ZsKXCFiDIup7FH/articles/images/c1d82682_upload_20050241582998701.png?fit=max&auto=format&n=O5ZsKXCFiDIup7FH&q=85&s=32fabdf736c2157213bf6756caccd9e4" alt="Horizontal Line in Editor.png" width="844" height="1510" data-path="articles/images/c1d82682_upload_20050241582998701.png" />

#### Lists

Format your Text into an **ordered** or **unordered list**:

<img src="https://mintcdn.com/kajabi-support/qzToDq-sR9DK0LoF/articles/images/757a3b55_upload_12489827308718681815.png?fit=max&auto=format&n=qzToDq-sR9DK0LoF&q=85&s=91fe4d895276a1dfebd0d04b20186d21" alt="Lists in Editor.png" width="868" height="1462" data-path="articles/images/757a3b55_upload_12489827308718681815.png" />

#### Clear formatting

Highlight your Text and click the **Clear Formatting** button to remove all of the formatting that has been applied:

<img src="https://mintcdn.com/kajabi-support/km6s0kSe4aDFzY4R/articles/images/a0570837_upload_2374245615736690582.png?fit=max&auto=format&n=km6s0kSe4aDFzY4R&q=85&s=895065db328582ed499895875f3c66d8" alt="Clear Formatting in Editor.png" width="964" height="1534" data-path="articles/images/a0570837_upload_2374245615736690582.png" />

<Tip>
  **Tip:**
  Are you copying and pasting content from an external source, like a Word document? Use the Clear Formatting button to remove any unwanted formatting that was copied over with your Text.
</Tip>

#### Text indentation

Increase or decrease the **indentation** of your Text:

<img src="https://mintcdn.com/kajabi-support/KcN1Ave2wqokJV1G/articles/images/6102db67_upload_3815633398105628407.png?fit=max&auto=format&n=KcN1Ave2wqokJV1G&q=85&s=faec5b2c10826670c38b92b369471388" alt="Indentation in Editor.png" width="844" height="1438" data-path="articles/images/6102db67_upload_3815633398105628407.png" />

#### Hyperlink

Insert a clickable **URL** in your Text to link to a different web page or section:

<img src="https://mintcdn.com/kajabi-support/0dktLU6n0E_nSYxP/articles/images/88065475_upload_16417659223119827437.png?fit=max&auto=format&n=0dktLU6n0E_nSYxP&q=85&s=5a6b721b59ca3b8dc09eb85cceada880" alt="Hyperlink in Editor.png" width="964" height="1534" data-path="articles/images/88065475_upload_16417659223119827437.png" />

Creating hyperlinked Text prompts you to enter:

* full URL of the page you wish to link (example: [https://kajabi.com](https://kajabi.com))
* Text to display with the link formatting applied
* title of your link
* Target (New Window: open in a new browser window, or None: open in the current browser window)

#### Fullscreen mode

Click to **maximize** the size of the Text Editor to better view your edits, then click again to **minimize** the Text Editor back to the sidebar:

<img src="https://mintcdn.com/kajabi-support/p8xUcPoEbYtv-GgI/articles/images/a8f946a7_upload_8840270632826275391.png?fit=max&auto=format&n=p8xUcPoEbYtv-GgI&q=85&s=b903edb707e1fe9a8818975109d6289f" alt="Fullscreen in Editor.png" width="964" height="1534" data-path="articles/images/a8f946a7_upload_8840270632826275391.png" />

<br />

## Block settings

To adjust the look and feel of the Block, customize your Block Settings:

* Call to Action
* Typography
* [Background](../../website/pages/customizing-block-background-settings)
* [Desktop and Mobile Layout](../../website/pages/customizing-block-layout-settings)
* [Animations](../../website/pages/customizing-block-animations)
* [Time Reveal](../../website/pages/customizing-time-reveal-settings)

### Call to action

If you choose to include a **Call to Action** button in your Text Block, choose to:

* Go to a Landing Page
* Go to a Checkout Page
* Download a File
* Go to a URL
* Open a two step opt-in popup
* Go to a section on this page

Learn more about customizing your [Call to Action Settings](../../website/pages/how-to-add-a-call-to-action-block-to-your-website-page-and-landing-page#customize-your-call-to-action-block).

<Note>
  **Note:**
  When using the **Go to a URL** action, be sure to enter a full URL (example: [https://kajabi.com](https://kajabi.com)).
</Note>

### Typography

* **Enable Drop Cap**: Enabling Drop Cap enlarges the first letter of the first paragraph in the body of your Text.
* **Drop Cap Color**: Selecting a Drop Cap Color assigns a color to the enlarged first letter of the first paragraph.