Albato
  • Language
    En
    English
    Portuguese
    Spanish
  • Welcome to Albato Help

    Useful Tips and Codes to Configure HTML Emails in Albato


    IN THIS ARTICLE

    If you send emails through Albato using the Email (SMTP and IMAP) connection, small formatting decisions — the preview text, font size, spacing — can affect how your messages look and perform. Getting these details right matters for open rates and how your brand comes across.

    Albato handles this for you. The moment you configure the Send Email action, you can set up the full HTML layout directly in the automation builder — no separate tool needed.

    This guide covers the most common HTML customizations: email preview, font color and size, font type, and margins. Use whichever options fit your setup.

    For this, we'll use the Email (SMTP and IMAP) app connection. If you haven't created this connection yet, check out the step-by-step guide.

     

    Setting up the Action in Your Automation

    In this case, it doesn't matter which trigger you're using, the idea is to configure the Send Email action.

    As an example, let's imagine a scenario where an email is sent to a lead marked as an opportunity in RD Station.

    You can follow the instructions below regardless of which trigger you use. Just pay attention to the adjustments in the Send Email action that we'll configure next.

    In your automation, click to add a new action:

    Select the Email app and then the Send email via SMTP action:

    Next, fill in the required fields such as sender, recipient, and subject. In these fields, you can use values received from the trigger or fixed values entered manually.

    Also, make sure to enable the option indicating that the email body is in HTML.

    Please, note: To ensure proper functionality, the entire email content must also be formatted in HTML.

    Other fields such as CC, BCC, and similar are optional.

    Now, let's customize the Text field using some HTML codes. Below you'll find a few options — use the ones that best fit your strategy.

     

    Email Preview

    The email preview is a short phrase that appears in some email clients right after the subject line when a new email is received:

    By default, this information is usually the first line of your email.

    However, if you'd like to customize it, add the following code before the actual text of your email in Albato (right at the first line):

    preview text

    Replace preview text with the sentence you want to appear as the email preview.

    In Albato, it would look like this:

    This way, your email preview will be correctly configured.

     

    Font Color and Size

    To configure these details, you can also use HTML.

    To change the font size and color, use the following code:

    Text to be modified

    Copy and paste this code, modifying the values as needed.

    Adjust the font size (font-size), color (color), and text where you want the new style to apply.

    For color, you'll need to use a standard code known as RGB.

     

    Font Type

    To change the font of your text, use the following code.

    As in the previous example, modify the values and add the line to your email:

    Text to be modified

    This example uses a font that is generally recommended for most email clients.

    • font-family: Arial, sans-serif — universal and compatible.
    • line-height: 1.5 or 22px — improves readability.

    These adjustments are suggestions — you can choose any font family, alignment, color, or spacing you prefer.

     

    Margins and Spacing

    To adjust spacing, use the following code:

    Text inside the margin to be modified

    Modify the padding (inner spacing) and the following values (outer spacing) as needed.

    If you want to separate content blocks, you can also use this code:

    All values are examples — modify them as needed.

     

    Reviewing the Email Before Saving This Step

    You can continue customizing your email using other codes or settings in this text field.

    The important thing is that after finishing the email, check that all tags and adjustments are correctly inserted and follow proper HTML syntax.

    Example of a configured email:

    If you're unsure whether everything is correct, save the step, activate the automation, and run a real test — trigger it and check how the email looks directly in your inbox.

    If you find any errors or undesired formatting, go back and edit the HTML code in the text field.

    Now you can send well-formatted HTML emails through your Albato automations. If you have any questions, contact our support via chat.

    Did this answer your question?