Drag & drop email editor

Create engaging email content in minutes with the Pushwoosh Drag & drop email editor.

The Drag & drop email editor enables you to easily design emails without coding or design skills. It offers a wide range of content elements and layouts tailored to your specific requirements.

Prefer HTML? Use The Pushwoosh HTML code editor for more control. Learn more

Before you start creating email content, it's essential to properly set up your email within the email editor you choose. This involves configuring languages, specifying the subject line, providing sender information, and more. Learn how to do it.

The Drag & drop editor comprises four key tabs:


This tab allows you to build an email layout by inserting various content elements.


Create unique layouts using ready-made blocks. You can add as many as you need to your email for a personalized look.


In this tab, you manage the overall settings of your email, including the preheader, text, and link formatting.


This tab enables you to search for stock images or generate unique images using AI.

Customize email layout

First, go to the Blocks tab to provide a basic structure for your email.

The Drag & drop email editor offers the flexibility to adjust an email layout to your needs. You can add as many rows as you need, with different numbers of columns.

To build an email layout, drag and drop the blocks from the editor panel to the email body.

In the Blocks tab, you have the option to specify properties for both columns and rows.

For Columns, you can customize the following:

  • Background color

  • Padding

  • Border

For Rows, you can specify the following:

  • Background color

  • Content background color

  • Background image. You can either upload an image, select one from a stock photo library, or provide a custom image URL.

Create email content

After you’ve built the basic structure of your email, it's time to start adding content.

Within the Content tab, you can insert various content elements into your email, including:

  • Heading

  • Text

  • Image

  • Button

  • HTML

  • Divider

  • Menu

  • Unsubscribe link

To include these content elements in your email, just select an element from the menu and drag it into the email on the left.

Add a heading

To insert a heading, just drag the Heading element into the email body.

You can write your heading, or you can use our Smart Headings AI tool to help you generate effective headings. To do this, click on Get Suggestions and type a few words, and the tool will provide various heading options.

Additionally, you can select a desired tone of voice for your heading.

If you're not satisfied with the results or need more options of the heading to choose from, just hit the Refresh button.

When you click on the heading in the email body, a formatting toolbar appears, allowing you to pick formatting styles, add links, or add some emojis. You can also personalize your heading right from the toolbar. For this, simply choose Merge tags, and in the dropdown menu pick the tag you wish to incorporate into your heading.

From the right pane, you also have the flexibility to adjust various text settings, such as:

  • Heading level

  • Font family, weight, and size

  • Text color

  • Text alignment

  • Line height

  • Link styles

  • Padding

  • Responsive design, and more.

Add text

To include text in your email, drag the Text element into the email body and then type or paste your text. If you're pasting content, you can choose whether to retain or remove the formatting of your text.

When you click on the text, a toolbar will appear, providing options for formatting the text.

To personalize your text, click Merge tags in the toolbar and choose the tag you want to include from the drop-down menu.

To improve the quality of your writing with AI, select Smart Text in the toolbar and choose a specific way you'd like AI to assist you with your text.

Add images

To insert an image element in your email, drag the Image element to where you want it in your email.

You have several options for adding an image:

  • To upload an image, click Upload Image on the right pane.

  • Add a link to an image you wish to use in the Image URL field.

  • To select an image from stock photos, click More Images and then choose Stock Photos to find the desired photo.

  • You can also utilize the Magic Image AI tool to generate the unique images you need.

To add effects to your images, click on Apply Effects in the right pane. In the popup window, select the desired effect for the image and click on Save to apply it.

You can also review the history of changes you've made to the image and revert them by clicking on the History icon located at the top.

Add buttons

To include a button in your email, drag the Button element from the right pane of the editor.

You can either enter your custom button text or make use of the Smart Buttons AI tool to generate the text for you.

Next, specify the action type for the button when it's clicked, and provide a URL and a target tab.

Additionally, you have the option to configure the button options, spacing preferences, and responsive design settings.


You also have the option to incorporate HTML code into your email. To do this, drag the HTML element to the left and insert the code into the HTML field on the right pane.

Add menus

You can incorporate an interactive menu into your email to streamline navigation and increase click-through rates, offering recipients an organized and engaging method to explore your content. To do so, drag the Menu element into the email body and include menu items. Then specify the text for each menu item, insert the URL, and select the target tab.

You can also customize styles, adjust container padding, and decide whether to display the menu on mobile or desktop devices.

Add dividers

To make your email well-structured and emphasize the most important blocks, use Dividers. A divider is a line you can place between blocks of elements.

To add a divider, drag the Divider element from the right pane and customize its appearance.

Be sure to include an unsubscribe link in your email to provide recipients with an option to easily opt out of future communications, in compliance with regulations, and to respect their preferences regarding receiving emails.

For this, drag the Unsubscribe link element from the editor pane into the email body. Then, customize the appearance of the unsubscribe link as you would with any other content element in your email.

If you want to include the unsubscribe directly via HTML into your email, add the Unsubscribe link to your email as follows:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%> Unsubscribe </a>

The attribute value %%PW_EMAIL_UNSUBSCRIBE%% will be replaced with the Pushwoosh Unsubscribe link at the moment you send the email message. When recipients follow the link, they opt out from your emails and are accounted in unsubscribe rate for that particular email message in Message History.

To let you deliver important emails to your customers, we don't delete the unsubscribed users from your user base. For users who followed the Unsubscribed link from your emails, the Unsubscribed Emails default tag is set with the 'true' value.

Please consider creating a Segment for users who did not unsubscribe (the ones with the 'false' value of the Unsubscribed Emails tag) to continue messaging them. To avoid complaints, do not email users who unsubscribed from your messages.

You have the flexibility to create a custom unsubscribe link using any text within your email. This would direct users to a You are successfully unsubscribed page.

Here's how to create a custom unsubscribe link:

  1. Highlight the text you want to use as the unsubscribe link.

  2. Click the Link icon in the Formatting toolbar.

  3. In the pop-up window, select the Unsubscribe link option from the Action type dropdown menu.

Add a preheader

From the Body tab you have the option to include a preheader, which is a concise summary text that appears after the subject line when recipients view the email in their inbox.

Configure overall content settings

Additionally, within the Body tab, you can configure the overall settings for your email, including elements like text color, background color, content width, alignment, font family and weight, etc.

Access a vast library of images

In the Images tab, you have access to a vast library of images from Unsplash, Pexels, and Pixabay, all of which are licensed under Creative Commons Zero. You can also generate custom images using the Magic Images tool.

To incorporate an image into your email, just drag it to the desired location on the right.

Preview and save your email

When your email content is ready, you can see how it will look by clicking on the Preview icon located at the bottom of the editor. Here, you can see previews for desktop, tablet, and mobile devices, as well as check how your email will look in both Dark and Light modes.

After you have finished creating your email, click on the Save button located at the top of the editor.

In the pop-up window, give your email a clear name, which could be the same as your Subject line. Also, create a label to help you easily find your email in the list of email content. If you haven't set up the sender details yet, make sure to do that as well. Then, click Save.

Now that your email content is ready, it can be used in email campaigns. Learn more about how to use it

Last updated