# Simple block

The **Simple block** carries a text that is neither a heading nor a paragraph, with all the style and animation settings. This page describes when to choose it, how to type into it, make it clickable and have it activate other blocks.

## Choose the Simple block

A heading introduces a section and a paragraph carries a sentence of the content. Screen readers and search engines use them to understand the page. A “New” label, a key figure, a small mention or a badge is neither. The **Simple block** carries them without giving them a role and offers all the style and animation settings.

| Your text | Block to choose |
| --- | --- |
| Opens a section of the page | [Heading](https://lovelyrender.com/documentation/heading-block/) |
| Is a sentence of the content | Paragraph, see [Text](https://lovelyrender.com/documentation/text-block/) |
| Is neither a heading nor a sentence: label, badge, key figure or mention | **Simple block** |

## Add a Simple block

1. In the editor, open the inserter and search for **Simple block**, or type `div`. [Add a block](https://lovelyrender.com/documentation/add-block/) details the ways to insert a block.
2. Click in the block and type your text. As long as it is empty, the block shows **Your text**, which is never published.
3. Format words with the toolbar, as in a paragraph: bold, italic or link.

| Key | Effect |
| --- | --- |
| `Enter` | Ends the block and creates a paragraph below. |
| `Shift+Enter` | Inserts a line break in the block. |

**Tip:** A two-line hook, “Free delivery” then “from €50”, fits in a single Simple block with `Shift+Enter`. The two lines share the same background, border and animation.

## Settings tab

### Link panel

The **Link** panel makes the whole block a clickable area. Its settings are those of all blocks that carry a link; [Container](https://lovelyrender.com/documentation/container-block/) details the targets and the six openings.

| Setting | Effect | Default value |
| --- | --- | --- |
| Field **Search or paste a URL…** | The target: a page, a post, a composition, a file, the home page, an archive or a typed address (`https://`, `mailto:`, `tel:`, `#anchor`). | Empty |
| **Hide the link from search engines** | Removes the plain address from the published page. The block stays clickable with the mouse and the keyboard. | Off |
| **Link opening** | A classic opening, in a modal or in a side panel. | **Classic (in the browser tab)** |
| **Accessible name** | The name announced by screen readers in place of the block’s text. | Empty |
| **Nofollow** | Asks search engines not to follow the link. | Off |
| **Open in a new tab** | Opens the target in a new tab, with the classic opening only. | Off |

![A block’s Link panel: the badge of the address https://www.vinsdeloire.fr/ with its Edit and Remove link buttons, then Hide the link from search engines, Link opening set to Classic, the Accessible name field and its help, Nofollow and Open in a new tab.](https://static.lovelyrender.com/uploads/2026/10/877-doc-blocs-lien.png)

The block’s text is the link’s name. A “See the catalog” block is announced “See the catalog” by a screen reader. Fill in **Accessible name** only if this text does not say where the link leads. Then make it start with the visible text.

### Advanced panel

The collapsed **Advanced** panel contains the **HTML anchor** field. An identifier such as `pricing` lets an address ending in `#pricing` bring the visitor to this block. Spaces become dashes and the `#` is removed. The anchor lets another block target this one in its **Interactions** section.

## Styles tab

The Simple block is set in the **Default**, **Hover** and **Active** states. It receives the registered styles: the **Signature** style, shipped with the product, puts it in the site’s handwriting font.

| Panel | Guide |
| --- | --- |
| **Colors** | [Color a block](https://lovelyrender.com/documentation/color-block/) |
| **Typography** | [Format a text](https://lovelyrender.com/documentation/format-text/). The **Text alignment** setting there places the text left, center, right or justified. |
| **Size & Spacing** | [Set size, borders and effects](https://lovelyrender.com/documentation/size-borders-effects/). This panel does not change on hover. |
| **Borders**, **Effects**, **Transitions** | [Set size, borders and effects](https://lovelyrender.com/documentation/size-borders-effects/) |

## Animations tab

The **Add animation** button gives the block an effect. Its **Trigger** is **When visible**, **On hover**, **When activated** or **On scroll**. The **Interactions** section does the opposite: a click, a hover or the activation of the Simple block activates another block. That block is designated by its HTML anchor, with **Add target block**. [Animate a block](https://lovelyrender.com/documentation/animate-block/) details both.

**Tip:** Place a “See details” label above a Container that only appears in the **Active** state. In the label’s **Interactions**, set **Source event** to **Click** and **Action** to **Toggle**. Each click opens then closes the container.

## Place the Simple block in a layout

The Simple block does not receive other blocks. To place several items side by side or in a grid, put them in a [Container](https://lovelyrender.com/documentation/container-block/). The block’s place in a row or a grid is set in the **Children** section of that container. There you set its **Order**, **Align self**, **Justify self** and, in a grid, its columns and rows.

## Accessibility

- Without a link, the block is a text with no role: it is read in turn, without being announced as a heading or a paragraph.
- With a link, it receives focus with the `Tab` key and is activated with `Enter`.
- When **Open in a new tab** is checked, screen readers announce “opens in a new tab”. Do not write this mention in the text: it would be read twice.

## Limits

- The block carries a single text. For several paragraphs, stack several blocks in a Container.
- It accepts neither an image nor a button. For a clickable card that gathers an image, a text and a button, use a linked Container.

## See also

- [Heading](https://lovelyrender.com/documentation/heading-block/)
- [Text](https://lovelyrender.com/documentation/text-block/)
- [Container](https://lovelyrender.com/documentation/container-block/)
- [Animate a block](https://lovelyrender.com/documentation/animate-block/)