Skip to main content
The Email Designer lets you customize the transactional emails that OrderProtection.com sends to your customers during the claims process. You can tailor logos, typography, colors, button styles, and more to match your brand.

Setting Up Your Sender Signature

Before customizing your email templates, set up a verified sender signature so emails are delivered reliably and appear from your domain.
1

Click Set Sender Signature

In the Email Designer editor, click the Set Sender Signature button in the top-right header.
2

Enter your sender details

In the modal that appears, fill in the following fields:
  • Sender ‘From’ Email: The email address customers will see as the sender (e.g., support@yourdomain.com). You’ll receive a confirmation email if this address hasn’t been verified before.
  • ‘From’ Name: The display name associated with the “From” email (e.g., “Your Brand Support”).
  • Sender ‘Reply To’ Email (optional): The email used if a customer replies to a claim email. If not set, replies go to a masked Order Protection address via Postmark.
Click Add Signature to save.
Add sender signature modal
1

Configure DNS records

After adding your signature, you’ll receive an email from Postmark with the DNS records needed to verify your domain. Two records are required:
  • DKIM — A TXT record that authenticates your emails.
  • Return-Path — A CNAME record that ensures proper bounce handling.
Add both records to your domain’s DNS settings. They may take up to 48 hours to propagate.
Postmark email with DKIM and Return-Path DNS records
1

Verify your domain

Once DNS records are in place, click the Verify button next to each record in the Email Designer header. The status indicators will show green “Verified” badges once verification is complete.
DKIM and Return-Path verification status
You can check back on the verification status at any time. The Email Designer header always shows the current state of your Sender Signature, DKIM, and Return-Path.

Using the Email Designer

The editor uses a split-screen layout: the customization sidebar is on the left, and a live email preview is on the right. Changes you make in the sidebar are reflected in the preview in real time. Email Designer editor with sidebar and live preview You can toggle between Desktop and Mobile preview modes to see how your email looks on different devices. Use the template selector dropdown at the top right to switch between available email templates (e.g., Approved, Denied, etc.). Each template can be customized independently. Upload your brand logo to appear at the top of your emails.
  • Recommended: Use a high-quality PNG with a transparent background.
  • Desktop Logo Width: Set the display width for desktop email clients (in pixels).
  • Mobile Logo Width: Set a separate width for mobile devices to maintain clarity.

2. Custom Icons

Upload custom PNG or SVG icons (recommended size: 48x48 px) to replace the default icons used throughout the email template. For example, you can upload a custom “Approved” icon that matches your brand.

3. Customize Headlines

Control the typography for all headline text in your emails:
  • Font Family: Select from available fonts.
  • Font Weight: Bold or Regular.
  • Font Color: Choose any color via the color picker.
  • Font Style: None, Uppercase, or Title Case.
  • Desktop: Set Font Size, Line Height, and Letter Spacing.
  • Mobile: Set separate Font Size, Line Height, and Letter Spacing for mobile devices.

4. Customize Sub-text

Same options as Headlines, applied to all paragraph/body text:
  • Font Family, Font Weight, Font Color, Font Style
  • Desktop: Font Size, Line Height, Letter Spacing
  • Mobile: Font Size, Line Height, Letter Spacing
Sub-text typography and button styling options

5. Button Styling

Customize the call-to-action buttons in your emails:
  • Border Radius: Control button corner rounding (in pixels).
  • Background Color: Choose a button background color.
  • Font Color: Set the button text color.
Add custom footer content to the bottom of your emails. This field supports HTML formatting for links, disclaimers, or additional brand messaging.

7. Advanced Configuration

Switch to the Advanced Config tab for a code editor where you can provide a fully custom HTML template that overrides the generated email layout. Advanced Config tab with custom HTML editor
Custom HTML templates override all other visual customizations. Only use this if you’re comfortable writing email-compatible HTML.

Publishing Your Email Template

1

Review your changes

Use the live preview to confirm your customizations look correct on both Desktop and Mobile views.
2

Publish

Click Publish in the top-right header. A confirmation modal will appear — confirm to push your changes live.
If you’re not ready to publish, your changes are preserved in the editor. Come back anytime to continue editing.