> For the complete documentation index, see [llms.txt](https://docs.sprinthub.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sprinthub.com/en/topics/relate/email/email-marketing-layout-with-the-line-element.md).

# Email Marketing - Layout with the Line Element

## With SprintHub, you can use the row element in various ways, creating containers to group different types of content in a single block. It is possible to combine text and image, multiple texts, or even several images in the same row, providing flexibility and organization to the layout.&#x20;

### To create your Email, follow the steps below:

1. **Access the Email:** Through “Find Services”. Or just type the name, and the feature appears.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfUZZ0K2lroVjz_cfef6kKUTOw5xofI_hyKbMXPargb8OZgmvoWU6_mI9InVeN0_PKODpVjDjYGw9yBinrlPNO5GV0ReSTmYuCFpnM105gpLb9hUU6jNPC_bQq26RGMfhObulOl_HWvDpR2V53ZqFj7jApu?key=r9FG81EZvNcof06fjFGl4e8y" alt=""><figcaption></figcaption></figure>

2. In the “Emails” function, you can select an existing email or create a new one. To edit an already created email, click “Edit.” If you want to create a new email, just click “+ New.” Then click “Open builder.”

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXf63L_WVeFA8lyyZbzYxPbOEDMQEpsagUWoTO8xfIHWhxjExi1EoqJl9PBRhTVC8Vb-hJadyG38flSa-NKb21QZ05AktrjofzxWNGRj-K8ZBONS4Me4HGRdG3w8fWf3nW0QL2TiILqa0Q0Kdt5LofOTmQBz?key=r9FG81EZvNcof06fjFGl4e8y" alt=""><figcaption></figcaption></figure>

3. To add the row element to your email, simply click and drag it to the builder area;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdCwGgyqxD-Vs-vK6ACALlVTJcIvfW2VZ04-bn-X3jPeTk7zoC6Lt7n-_qPA7Ohx-xIXDHkCDZUJO_LGohfCXMVDVCsjF8bqyGhkadqFJvge91Mqto-t_vpb0cpbfS8oxMSqiu_bSgpWyeVffdu98hRAZ15?key=r9FG81EZvNcof06fjFGl4e8y" alt=""><figcaption></figcaption></figure>

4. Settings;&#x20;

{% embed url="<https://youtu.be/JwSgfpF2KwM>" %}

* **Class - Custom Attributes:** Class attributes in HTML play an important role in the design and behavior of forms, especially when using CSS and JavaScript to style and add functionality.
* **Meta Pixel Attributes:** If Meta Pixel is configured, add attributes in this component to send events to the conversions API when one of the actions is triggered. Example: By adding the ‘click’ attribute, an event will be sent when this element is clicked.

5. **Conclusion:**&#x20;

Using the row element in emails allows for a more efficient and attractive visual organization. It makes it easier to arrange different types of content in the same block, such as text, images, or a combination of both, improving the reader's experience. By structuring information in rows, it is possible to create a more harmonious and responsive layout, reinforcing the message and the email's visual identity.

To learn more about creating Emails, click the article below:&#x20;

{% content-ref url="/pages/ae9623ac99ba0de6964eb8075a58947b0c3ebe3f" %}
[Email Marketing](/en/topics/relate/email/email-marketing.md)
{% endcontent-ref %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.sprinthub.com/en/topics/relate/email/email-marketing-layout-with-the-line-element.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
