The email layout

The default email layout used when sending emails can be customized to use your own layout. In this email layout, you can customize elements like your logo.

To create your own email layout, you need to add it in HTML format. There are various online tools available to help you build an HTML layout without requiring technical knowledge.

Below is a brief guide on how to build such a layout in Stripo so you can later export it for use in Simplybooks.

Step 1: Open an account on Stripo.

Go to the Stripo website and create a new account. There is a free option available where you can build up to 2 layouts.

Step 2: Create a new template.

Click on "New template" or start from a "Basic template" to create a new template.

Add the elements you want to place in the layout. You can add your logo or include a standard message. Include a field with the value %content% so it can be replaced in EenvoudigFactureren with the provided message.

Step 3: Export layout

Once the layout is ready, you can export it. With a free Stripo account, you can export up to 4 times per month.

Click on "Export" at the top and select "HTML" as the export format.

Select the option "Download HTML file" and optionally check the box for "Minimize HTML."

Click on "Export" to download the file.

Step 4: Add it in Simplybooks.

After downloading the file, you can add it in EenvoudigFactureren. Open the file in a text editor (e.g., Notepad, but not in Word) and copy the entire contents.

In EenvoudigFactureren, go to "Settings" > "Email settings" and under "Email layout," select "Custom layout." Paste the contents of the file into the "Custom layout" field. Don't forget to save the customized settings using the "Update settings" button.

Super! If you have successfully completed these steps, the customized email layout will be used when sending emails on EenvoudigFactureren.

Variables

Variables that you can use in email texts can also be added to your custom HTML layout. This allows you to incorporate your customer's name, outstanding balance, or structured communication message into your layout.

An overview of the available variables can be found at: Variables.

To add a payment button

If you use a link with POM or Mollie, you can also add a payment button to your custom layout.

In the HTML layout, add a button and use the link variable %payment-link-url% as the href attribute. This variable will automatically be replaced with the correct payment link. Other variables like %total-remaining% (outstanding amount) can also be used.

To conditionally add the payment button only when there is an amount to be paid, surround the payment button with [payment-link] ... [/payment-link].

If you are using the POM integration, you can use the following payment button according to POM specifications:

[payment-link]

<p style="font-family: Arial, Helvetica, sans-serif;font-size: 16px;color: #757575;line-height: 23px;mso-line-height-rule: exactly;margin-top: 0;margin-bottom: 24px;">%pom-button-instructions%</p>
<table border="0" cellspacing="0" cellpadding="0" align="center" style="line-height: 16px !important;">
    <tr>
        <td>
            <table border="0" cellspacing="0" cellpadding="0">
                <tbody>
                    <tr>
                        <td style="border-radius: 5px;" align="center" bgcolor="#0066A1"><a style="width: 220px; font-size: 18px; font-family: Helvetica; color: #ffffff; text-decoration: none; border-radius: 5px; padding: 17px; border: 1px solid #0066A1; display: inline-block;" href="%payment-link-url%" target="_blank" rel="noopener"> ➜ %pay-now% </a></td>
                    </tr>
                </tbody>
            </table>
            <p style="text-align: left;">
                <span style="font-size: 13px; color: #202020; font-family: Helvetica; text-align: left;">powered by <a style="color: #2baf2b; font-weight: normal; text-decoration: none;" href="https://www.pom.be" target="_blank" rel="noopener">POM</a></span>
            </p>
        </td>
    </tr>
</table>

[/payment-link]