Sections
Email template builder has a simple section architecture. It is quite easy to design the template by selecting these sections. Let's take a look!
Logo Section:
Select this section at the top of the template and start editing the logo you will use in your template from the area on the right.
Logo: Set the logo width and left, center or right alignment from this section.
Spacer Section:
This is the small area separating two sections. It can be located between one or more sections. You can set the background color and height of this section from the side panel.
Content Section:
This is the area where the message body is located. Set the message body in the Content section on the right panel. The following customer or store specific custom fields can be used.
{{ customer.first_name }}
{{ customer.last_name }}
{{ store.name }}
Font Styles: Set the font and family, text color, text size, line spacing, left-center-right alignments of the message body from the Font Styles section.
Second Content Section:
This is an extra content section below the comment. It is set up like other content sections. It is used for different text purposes. For example; Discover more by visiting our store.
Original Review Section:
Set the original review style from this section. Set the coupon text color with Review Font Color and the comment box border color with Review Border Color.
Confirm Review Button Section:
You can design a visit button with a store link in this section. Settings you can use in the design:
Button:
- Fill Color: Sets the background color of the button.
- Border Color: Sets the color of the button's borders.
- Shape: You can choose the shape of the button.
- Border Thickness: Sets the button's border thickness.
- Vertical Inner Padding: Sets the vertical space inside the button.
- Horizontal Inner Padding: Sets the horizontal space inside the button.
- Alignment: Provides left, center or right alignment for the button.
- Link: Specifies the link to go to when the button is clicked. {{ store.url }} is recommended and this specifies your store's link.
Text:
- Button Text: Indicates the text written on the button. For example; SHOP NOW
- Font Family: Sets the button's font family and type.
- Font Color: Sets the color of the button text.
- Font Size: Sets the button size.
- Letter Spacing: Set the spaces between the letters in the button text.
Footer Section:
This is the section at the bottom of the email template frame. This is the area where the address information and the membership cancellation link are located.
Set the text color here from the Font Color section, and the text size here from the Font Size section.
In the address field in the footer section, we use your address information in your store settings.