Articles on: Alerts

Customize email template using CSS

For those comfortable with coding, Stoq App lets you easily customize your email templates with CSS. With just a few tweaks, you can align the appearance of your emails exactly with your preferences, from adjusting text styles to changing backgrounds.

We offer three types of email alerts you can customize to fit your needs:

**Automatic Email Notification: **Sent when a product is back in stock. It is also used to
** Reminder Notification 1: **The first reminder to encourage customers to buy the product that is back in stock.
**Reminder Notification 2: **A second nudge to keep customers interested.

The CSS changes made will be specific to each template. You can add CSS when customizing the email template. Follow this guide to get started: https://stoqapp.crisp.help/en/article/customize-email-template-lbgh07/

Here's a list of selectors you can use to make changes to the custom HTML email templates:

Element name	CSS selector
Email body	`body .email-container`
Logo - container	`td.logo-container`
Logo - image	`td.logo-container .logo`
Header	`td .header`
Description	`td .description p`
Buy button - container	`td.button-container`
Buy button	`td.button-container .buy-button`
Product image	`td.product-container .product-image`
Footer text	`td .footer p`
Unsubscribe text	`td .unsubscribe a`

Updated on: 23/12/2024

Was this article helpful?

Thank you!