Customize email template using CSS

For those comfortable with coding, Restock Rocket 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 four 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.
Reminder Notification 3: The final reminder to grab customers' attention.

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://restockrocket.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: 29/02/2024