Mailers

Transactional

Theme

Hound

Framework

Tailwind CSS

Mailers

Transactional

The Rails UI transactional offers a design for those user-specific situations that often require an action.

From:
To:
Date:
Subject:

andy@edenpark.com
saasquatch@railsui.com
February 06, 2026
A transactional template

Email preview

Hey Andy,

Thanks for subscribing to Rails UI. This email contains the receipt from your purchase.

The purchase will appear as RAILSUI on your credit card statement for the card ending in 1234. You may update your payment information at any time. Below you'll find the details of your order:

Order #2345

01/01/23

Description	Amount
Rails UI Renews annually. Next charge on 01/01/24.	$1,000,000.00

	Total: $1,000,000.00

If you have any questions about this receipt or Rails UI, please reply to this email or reach out to our support team for help. Someone will get back to you within a few hours.

View receipt

transactional.html.erb
transactional.haml.erb

<!-- app/views/some_mailer/transactional.html.erb -->
<p>Hey Andy,</p>

<p>Thanks for subscribing to Rails UI. This email contains the receipt from your purchase.</p>

<p>The purchase will appear as <code>RAILSUI</code> on your credit card statement for the card ending in <code>1234</code>. You may <%= link_to "update your payment information", "#" %> at any time. Below you'll find the details of your order:</p>

<%= spacer(16) %>

<table class="mb-0">
  <tbody>
    <tr>
      <td>
        Order #2345
      </td>
      <td align="right">
        01/01/23
      </td>
    </tr>
  </tbody>
</table>

<hr />

<table>
  <thead>
    <th align="left">Description</th>
    <th align="right">Amount</th>
  </thead>
  <tbody>
    <tr>
      <td>
        <%= link_to "Rails UI", "https://railsui.com", target: :_blank %>
        <p class="small mb-0">Renews annually. Next charge on 01/01/24.</p>
      </td>
      <td align="right">
        $1,000,000.00
      </td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td></td>
      <td align="right">
        <strong>Total: $1,000,000.00</strong>
      </td>
    </tr>
  </tbody>
</table>

<%= spacer(16) %>

<p>If you have any questions about this receipt or Rails UI, please reply to this email or reach out to our support team for help. Someone will get back to you within a few hours.</p>

<%= email_action("View receipt", "#", theme: "secondary") %>

/ app/views/some_mailer/transactional.haml.erb
%p Hey Andy,
%p Thanks for subscribing to Rails UI. This email contains the receipt from your purchase.
%p
  The purchase will appear as
  %code RAILSUI
  on your credit card statement for the card ending in
  = succeed "." do
    %code 1234
  = link_to "update your payment information", "#"
  at any time. Below you'll find the details of your order:
= spacer(16)
%table.mb-0
  %tbody
    %tr
      %td
        Order #2345
      %td{align: "right"}
        01/01/23
%hr/
%table
  %thead
    %th{align: "left"} Description
    %th{align: "right"} Amount
  %tbody
    %tr
      %td
        = link_to "Rails UI", "https://railsui.com", target: :_blank
        %p.small.mb-0 Renews annually. Next charge on 01/01/24.
      %td{align: "right"}
        $1,000,000.00
    %tr
      %td  
    %tr
      %td
      %td{align: "right"}
        %strong Total: $1,000,000.00
= spacer(16)
%p If you have any questions about this receipt or Rails UI, please reply to this email or reach out to our support team for help. Someone will get back to you within a few hours.
= email_action("View receipt", "#", theme: "secondary")

Promotion

Devise