Skip to content
Qivra Help Center

Customize Email Templates

Customize the appearance of notification emails to match your brand. This guide covers email template customization in Qivra Form Builder.

Overview

Section titled “Overview”

Email templates control how notification emails look when you receive form submissions. A well-designed template:

  • Reinforces your brand
  • Provides clear information
  • Looks professional
  • Is easy to read

Accessing Email Templates

Section titled “Accessing Email Templates”
  1. Go to Qivra Form Builder
  2. Click Settings in sidebar
  3. Go to Email Templates section

Template Components

Section titled “Template Components”

Email Header

Section titled “Email Header”

The top section of notification emails.

ElementDescription
LogoYour store logo
Header TextTitle or greeting
Background ColorHeader background

Email Body

Section titled “Email Body”

The main content area.

ElementDescription
Submission DataForm field values
FormattingHow data is displayed
ColorsText and background colors
Section titled “Email Footer”

The bottom section.

ElementDescription
Footer TextAdditional information
LinksStore link, contact info
UnsubscribeRequired for marketing

Customizing Your Template

Section titled “Customizing Your Template”
Section titled “Adding Your Logo”
  1. In Email Templates settings
  2. Click Upload Logo
  3. Select your logo image
  4. Adjust size if needed

Logo Guidelines:

SpecificationRecommendation
Width200-400px
FormatPNG or JPG
BackgroundTransparent or white
File sizeUnder 100KB

Brand Colors

Section titled “Brand Colors”

Customize colors to match your brand:

Color SettingWhat It Affects
Primary ColorHeaders, buttons, accents
Background ColorEmail background
Text ColorMain text
Link ColorHyperlinks

Typography

Section titled “Typography”

Control text appearance:

SettingOptions
Font FamilySystem fonts, web fonts
Font SizeSmall, Medium, Large
Line HeightSpacing between lines

Template Layout Options

Section titled “Template Layout Options”

Compact Layout

Section titled “Compact Layout”

Minimal styling, focuses on content:

+-------------------------+
| [Logo]                  |
+-------------------------+
| New Form Submission     |
|                         |
| Name: John Doe          |
| Email: john@email.com   |
| Message: Hello!         |
|                         |
+-------------------------+
| Sent from Your Store    |
+-------------------------+

Card Layout

Section titled “Card Layout”

Modern, boxed design:

+-------------------------+
| [Logo]                  |
+-------------------------+
| +---------------------+ |
| | New Form Submission | |
| |                     | |
| | Name: John Doe      | |
| | Email: john@...     | |
| | Message: Hello!     | |
| +---------------------+ |
+-------------------------+
| Sent from Your Store    |
+-------------------------+

Table Layout

Section titled “Table Layout”

Structured data display:

+-------------------------+
| [Logo]                  |
+-------------------------+
| New Form Submission     |
+-------------+-----------+
| Name        | John Doe  |
+-------------+-----------+
| Email       | john@...  |
+-------------+-----------+
| Message     | Hello!    |
+-------------+-----------+
| Sent from Your Store    |
+-------------------------+

Email Subject Lines

Section titled “Email Subject Lines”

Customizing Subject

Section titled “Customizing Subject”
  1. In Email Templates settings
  2. Find Subject Line field
  3. Enter your custom subject

Available Variables

Section titled “Available Variables”
VariableReplaced With
{form_name}Name of the submitted form
{shop_name}Your store name
{date}Submission date
{customer_name}Submitter’s name (if collected)

Example Subjects

Section titled “Example Subjects”
New submission from {form_name}
{customer_name} submitted {form_name}
[{shop_name}] New Contact Form Submission
Form Submission - {form_name} - {date}

Email Body Customization

Section titled “Email Body Customization”

Intro Text

Section titled “Intro Text”

Add text before submission data:

You have received a new submission from your contact form.
Please review the details below:

Outro Text

Section titled “Outro Text”

Add text after submission data:

Please respond to this inquiry within 24 hours.
View this submission in your dashboard: [Link]

Submission Data Format

Section titled “Submission Data Format”

Choose how field data is displayed:

FormatExample
Label: ValueName: John Doe
Bold LabelName: John Doe
List- Name: John Doe

Conditional Content

Section titled “Conditional Content”

Show/Hide Based on Form

Section titled “Show/Hide Based on Form”

Different templates for different forms:

  1. Go to form-specific settings
  2. Customize email for that form
  3. Override global template

Field-Based Content

Section titled “Field-Based Content”

Include specific fields only:

{if order_number}
Order Number: {order_number}
{endif}

Previewing Templates

Section titled “Previewing Templates”

Preview Button

Section titled “Preview Button”
  1. Click Preview in template editor
  2. See how email will look
  3. Test with sample data

Send Test Email

Section titled “Send Test Email”
  1. Click Send Test
  2. Enter your email address
  3. Check inbox for test email

Mobile Responsiveness

Section titled “Mobile Responsiveness”

Emails automatically adapt to mobile:

Mobile Considerations

Section titled “Mobile Considerations”
ElementMobile Behavior
LogoScaled down
TablesStacked or scrollable
FontReadable size
ButtonsFull width

Testing on Mobile

Section titled “Testing on Mobile”

Send test email and check on:

  • iPhone (Mail app)
  • Android (Gmail app)
  • Other mobile clients

Plain Text Version

Section titled “Plain Text Version”

Some recipients prefer plain text:

  1. Enable Include Plain Text Version
  2. Plain text is auto-generated
  3. Review and customize if needed

Template Variables Reference

Section titled “Template Variables Reference”

Shop Variables

Section titled “Shop Variables”
VariableDescription
{shop_name}Your store name
{shop_url}Your store URL
{shop_email}Store contact email

Submission Variables

Section titled “Submission Variables”
VariableDescription
{form_name}Name of the form
{submission_id}Unique ID
{submission_date}Date/time submitted
{submission_time}Time submitted
{customer_ip}Submitter’s IP address

Field Variables

Section titled “Field Variables”
VariableDescription
{field:email}Email field value
{field:name}Name field value
{field:*}Any field by name

Best Practices

Section titled “Best Practices”

Design Tips

Section titled “Design Tips”
DoDon’t
Keep it simpleOver-complicate design
Use brand colorsUse too many colors
Include logoUse large images
Test on mobileIgnore mobile users

Content Tips

Section titled “Content Tips”
DoDon’t
Clear subject lineVague subjects
Include key infoBury important data
Add reply linkMake replying hard
Set expectationsLeave responders guessing

Performance Tips

Section titled “Performance Tips”
DoDon’t
Optimize imagesUse large files
Test deliverabilitySkip testing
Check spam scoreIgnore spam filters

Troubleshooting

Section titled “Troubleshooting”

Images Not Showing

Section titled “Images Not Showing”
CauseSolution
Image too largeOptimize file size
Wrong formatUse PNG or JPG
Hosting issueEnsure image is accessible

Formatting Issues

Section titled “Formatting Issues”
CauseSolution
Email clientTest in multiple clients
CSS strippedUse inline styles
Mobile displayCheck responsive design

Deliverability Issues

Section titled “Deliverability Issues”
CauseSolution
Spam triggersReview content
No plain textEnable plain text version
Large imagesOptimize file sizes

Video Tutorial

Section titled “Video Tutorial”
Play
Section titled “Related Docs”