> ## Documentation Index
> Fetch the complete documentation index at: https://help.privy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Create and Manage Email Templates

> Learn how to use our drag-and-drop email editor & create templates like a pro.

Our drag-and-drop email editor allows you to quickly and easily create email templates for both Campaigns and Flows. Each email created with the editor will render a clean and responsive design on almost any email client and device type. 

<Note>
  While the drag-and-drop email editor is recommended for most users due to its ease of use, you can work with custom HTML if you already have a template or if you prefer to work directly with your code. If you'd like to build your email templates with HTML, [check out this guide](https://help.privy.com/docs/learn/content/use-html-email-template).
</Note>

## Create a new email

To access the drag-and-drop email editor, you first need to create a new email draft:

1. If you plan on building a new Flow, [head to Flows](https://dashboard.privy.com/flows) and click **Create Flow**.
2. If you plan on building a new campaign, [head to Campaigns](https://dashboard.privy.com/message-campaigns) and click **Send email**. Name your new email and select a template.

For an existing Campaign draft, [head to your Campaigns](https://dashboard.privy.com/message-campaigns) page and simply click on the email you'd like to edit.

## Choose a template

Privy offers a number of basic and stylized email templates that you can start with. To select a template, click **Template** at the top of your editor and select **Change template** from the dropdown menu.

Browse between Privy's Templates and your own saved Templates. Click on the template you'd like to use and confirm your decision.

<video autoPlay muted loop playsInline className="new-template" src="https://mintcdn.com/privy/1A627qkas3Zhv7OV/new-images/campaigns/change-template.mp4?fit=max&auto=format&n=1A627qkas3Zhv7OV&q=85&s=cec435614e38cb99276b3e328e0066bd" data-path="new-images/campaigns/change-template.mp4" />

## Edit the email's styles

To change the default styles of your email, select the **Body** tab from the sidebar. This page allows you to change the width and alignment of the email's content. Additionally, it allows you to update the default background color, font, and link styling options for content added to the template. *Content already included or added to the template will not change.* 

<img height="200" alt="Screenshot pointing out the Body tab in the Privy email editor" src="https://mintcdn.com/privy/1A627qkas3Zhv7OV/new-images/campaigns/email-body.png?fit=max&auto=format&n=1A627qkas3Zhv7OV&q=85&s=5e6f22c5dcaa8979415cc0e6eab5c6c0" data-path="new-images/campaigns/email-body.png" />

<Warning>
  **Note:** A content width larger than 600px is not recommended. 
</Warning>

## Edit the email's layout

### Add new blocks

To add a new section to your email, drag and drop the **Columns** block from the *Content* menu on the right.

<Tip>
  You can choose from Blank blocks (columns with no content), Privy blocks (pre-built content to help save you time), or your own Saved blocks.
</Tip>

<video autoPlay muted loop playsInline className="new-block" src="https://mintcdn.com/privy/BSVFctFi2nx1-1cM/new-images/campaigns/new-block.mp4?fit=max&auto=format&n=BSVFctFi2nx1-1cM&q=85&s=31836dad4fe6856164b1abb29cb55a55" data-path="new-images/campaigns/new-block.mp4" />

### Edit existing blocks

To edit existing blocks, hover over your email content. Click on the background just outside of your email content to select the entire block of content.

<video autoPlay muted loop playsInline className="edit-blocks" src="https://mintcdn.com/privy/1A627qkas3Zhv7OV/new-images/campaigns/edit-block.mp4?fit=max&auto=format&n=1A627qkas3Zhv7OV&q=85&s=16de27c7dd8e5322e0799342a42c49b7" data-path="new-images/campaigns/edit-block.mp4" />

<Icon icon="circle-plus" /> **Add columns:** On the left, you can edit the layout by adding or removing columns to your content.

<Icon icon="circle-minus" /> **Removing blocks:** If you want to remove the entire block of columns, select the 'delete' icon on the right side of the block.

<Icon icon="copy" /> **Duplicate blocks:** If you want to duplicate an entire section in your email, select the 'duplicate' icon on the right side of the block.

<Icon icon="arrows-up-down-left-right" /> **Move blocks:** To move sections of your email, click and drag the blue 'move' icon to the right side of the block. You can snap the block to sit in a different location in your email's body.

<Icon icon="fill-drip" /> **Change color and padding:** When a block is selected, you can edit its settings (such as it's background color and padding) on the left side.

### Save blocks

You can save custom blocks in Privy to make it quick and easy to reuse chunks of content in future email templates without needing to rebuild them each time.

To save a block:

* Click just outside the email content to highlight the entire block you'd like to save.
* Select the **Save** icon.
* Name your new block and click **Save**.

<video autoPlay muted loop playsInline className="new-block" src="https://mintcdn.com/privy/BSVFctFi2nx1-1cM/new-images/campaigns/save-block.mp4?fit=max&auto=format&n=BSVFctFi2nx1-1cM&q=85&s=272fe247fdcf454be66b973d2986645f" data-path="new-images/campaigns/save-block.mp4" />

Your saved blocks can be accessed via the **Blocks** tab on the right side of the email editor:

<img height="200" alt="Screenshot of Privy's email editor pointing out where to find saved blocks" src="https://mintcdn.com/privy/BSVFctFi2nx1-1cM/new-images/campaigns/saved-block-image.png?fit=max&auto=format&n=BSVFctFi2nx1-1cM&q=85&s=f1c7007bc1adcc60b7acbdbdd85b78ee" data-path="new-images/campaigns/saved-block-image.png" />

## Edit the email's content

To add content to your email, you can drag any of the elements from the right side and drop them in your email's body. Explore the different content options available below:

<video autoPlay muted loop playsInline className="new-content" src="https://mintcdn.com/privy/1A627qkas3Zhv7OV/new-images/campaigns/add-content.mp4?fit=max&auto=format&n=1A627qkas3Zhv7OV&q=85&s=65573c23a3661d352997c303c9639830" data-path="new-images/campaigns/add-content.mp4" />

<AccordionGroup>
  <Accordion title="Product" defaultOpen="false" icon="tag">
    Shopify and Shopify Plus users can drag a product element into their email by dragging it into a column and selecting the desired product from the dropdown menu. [Learn more.](https://help.privy.com/docs/learn/content/product-blocks)
  </Accordion>

  <Accordion title="Button" defaultOpen="false" icon="arrow-pointer">
    Add a Call-To-Action to your content. Edit the button's text by clicking directly on the button. Customize the color, font, shape, and add your URL on the left side.
  </Accordion>

  <Accordion title="Divider" defaultOpen="false" icon="grid-dividers">
    Break up your content with a divider element; edit its color, style, and padding on the left.
  </Accordion>

  <Accordion title="Heading & Text" defaultOpen="false" icon="font">
    Drag in a heading and/or a text box element. Edit the text's font style, size, color, and weight on the left.
  </Accordion>

  <Accordion title="Image" defaultOpen="false" icon="image">
    Upload a new image or select an existing image in your photo manager. Shopify and Shopify Plus users can also select a Shopify Product to automatically pull in a product's photo from their store. [Learn more about using and editing images.](https://help.privy.com/docs/learn/content/adding-images-to-emails)
  </Accordion>

  <Accordion title="Coupon" defaultOpen="false" icon="percent">
    Drag in a coupon element to display a coupon code in your email's content. You can edit this element's color, outline, and appearance on the left. [Learn more about ways to insert and attach coupons in your email content.](https://help.privy.com/docs/learn/content/coupon-codes#email-campaigns)
  </Accordion>

  <Accordion title="Video" defaultOpen="false" icon="film">
    Embed a video into your email. The video must be hosted on either Youtube or Vimeo. By pasting your video's URL, the editor will automatically generate a preview image of your video. The image will link to the provided URL.
  </Accordion>

  <Accordion title="Social" defaultOpen="false" icon="user-group">
    Add social media icons and links into your email. You can add and manage your default social media links in your [Business Settings](https://dashboard.privy.com/settings/business-info) so that you don't need to manually add them each time! Edit the icon's style, color, and padding on the left side.
  </Accordion>

  <Accordion title="Menu" defaultOpen="false" icon="list">
    A menu is a great way to add helpful links in your email, such as "Home", "About", and "Sale" pages from your site. Drag the element into your email body, then edit the appearance and insert your URLs on the left.
  </Accordion>

  <Accordion title="HTML" defaultOpen="false" icon="code">
    If you want to add an HTML code section into your email, you can drag the element from the left. [Check out this guide](https://help.privy.com/docs/learn/content/use-html-email-template) for more information on using HTML in your email templates.
  </Accordion>

  <Accordion title="Timer" defaultOpen="false" icon="timer">
    Add a countdown timer into your emails to drive urgency around limited-time sales or upcoming announcements. Drag in your Timer, then specify your end date & time and customize its appearance on the left. [Learn more about using countdown timers in emails.](https://help.privy.com/docs/learn/content/countdown-timers)
  </Accordion>
</AccordionGroup>

To edit, duplicate, or remove existing content, click directly on the element you're looking to edit. Once the content is selected, its settings will appear on the right. You can delete or duplicate using the icons below the content itself.

### Personalize your content

Privy offers many different personalization tags that you can insert into your email content to connect with your contacts on an individual level — learn more about inserting personalized content [with this guide](https://help.privy.com/docs/learn/content/personalization-tags#personalizing-emails).

### Insert images from Unsplash

If you're looking for high quality, professional-looking images to give your email an elevated look, you can insert licensed images from providers such as Unsplash, Pexels, and Pixabay straight from the editor.

Head to the **Images** tab on the sidebar. You can browse trending images or search for specific keywords. To add the image to your content, simply click and drag it into your email.

<video autoPlay muted loop playsInline className="stock-images" src="https://mintcdn.com/privy/smjORMs3CKne3DES/new-images/campaigns/stock-image.mp4?fit=max&auto=format&n=smjORMs3CKne3DES&q=85&s=50a47a26da7bdb8f1a5f8c385c1cddd0" data-path="new-images/campaigns/stock-image.mp4" />

## Preview and Test

Use the desktop and mobile icons at the top of your email editor in order to preview and/or edit your message for each device type.

Select **Test** at the top of your screen to send a test email to up to 5 Privy users at a time.

<video autoPlay muted loop playsInline className="stock-images" src="https://mintcdn.com/privy/1A627qkas3Zhv7OV/new-images/campaigns/send-test-email.mp4?fit=max&auto=format&n=1A627qkas3Zhv7OV&q=85&s=154389ceb014f17f0150660b455e7f1e" data-path="new-images/campaigns/send-test-email.mp4" />

## Save your template

To save your email as a new template, click on **Template** at the top of your screen and select **Save as a new template** from the dropdown menu. Name your template and **Save.**

Your new email template will appear in your **My Templates** folder moving forward. Next time you create an email, you can save time by starting with this template and customizing it to fit your needs.

<img height="200" alt="Screenshot of the Saved Templates page" src="https://mintcdn.com/privy/1A627qkas3Zhv7OV/new-images/campaigns/saved-templates.png?fit=max&auto=format&n=1A627qkas3Zhv7OV&q=85&s=0a94e8bd72d492de1e56788a6391eca0" data-path="new-images/campaigns/saved-templates.png" />
