Mailers

Promotion

Theme

Hound

Framework

Tailwind CSS

Mailers

Promotion

The Rails UI promotional template gives you a good starting point for a sales-based email template. Using a short and sweet heading, callouts, and larger buttons incentivizes users to take more action.

From:
To:
Date:
Subject:

andy@edenpark.com
saasquatch@railsui.com
December 08, 2025
A promotional template

Email preview

Limited time offer!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi nulla rem ipsam, praesentium quisquam quidem laboriosam nihil cumque, molestias vero enim corrupti corporis quibusdam mollitia! Dolores ipsum eos animi facere.

For a limited time use the coupon code 50OFF for 50% off your first purchase.

Start shopping

promotion.html.erb
promotion.haml.erb

<!-- app/views/some_mailer/promotion.html.erb -->

<!-- Add width and height attributes to all images for maximum cross email client support -->
<%= image_tag "promotion-image.jpg", alt: "Promotional image example", width: "1200px", height: "600px" %>

<%= spacer(16) %>

<h1>Limited time offer!</h1>

<%= spacer(16) %>

<p>Lorem ipsum dolor...</p>

<%= spacer(16) %>

<%= email_callout do %>
  <p>For a limited time use the coupon code <strong>50OFF</strong> for 50% off your first purchase.</p>
<% end %>

<%= spacer(16) %>

<p>Lorem ipsum dolor...</p>

<%= spacer(16) %>

<%= email_action "Start shopping", "#", align: "center", fullwidth: true %>

/ app/views/some_mailer/promotion.haml.erb
/ Add width and height attributes to all images for maximum cross-email client support
= image_tag "your/promotion/image.jpg", alt: "Promotional image example", width: "1200px", height: "600px"
= spacer(16)
%h1 Limited time offer!
= spacer(16)
%p Lorem ipsum dolor...
= spacer(16)
= email_callout do
  %p
    For a limited time use the coupon code
    %strong 50OFF
    for 50% off your first purchase.
= spacer(16)
%p Lorem ipsum dolor...
= spacer(16)
= email_action "Start shopping", "#", align: "center", fullwidth: true

Minimal

Transactional