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:


  1. **Automatic Email Notification: **Sent when a product is back in stock. It is also used to
  2. ** Reminder Notification 1: **The first reminder to encourage customers to buy the product that is back in stock.
  3. **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?

Share your feedback

Cancel

Thank you!