Help center      Workflows  
How To Use the Email Widget

How To Use the Email Widget

Updated March 7, 2024

The email widget lets you add pre-written, formatted emails into your workflow runs, which enables users to send a pre-made email from Process Street at the click of a button.

It also allows you to use data collected in form fields from within that workflow run, to pre-populate the email. This means that you don’t end up double-typing names, email addresses, dates, or the name of whoever is sending the email.

You can create emails using the rich text editor, by creating HTML which allows you to add formatting, images, links, buttons, email signatures, or links to your social channels and website. You can also choose plain text mode.

Users: In order to add or manage email widgets in your workflows, you must be an Administrator or a Member who has been given ‘edit’ access by your Administrator.

Search for the workflow to which you want to add the email widget. Click your workflow’s name then click “Edit” in the top center of your screen.

Once there, click on a task where you would like to add the widget. From the right side of your screen, you can drag and drop the “Send Email” widget into place in the center of your screen, or click on it to add it.

Once it’s in the center of your screen you can drag and drop it into position or use the up and down arrows on the left side of the widget to position it.

Now you’ll have four options to create your email:

  1. Generate emails using AI
  2. Create an email with HTML
  3. Create a rich text email
  4. Use plain text mode

How to generate emails using AI

In the workflow editor, add a new task and ensure to name it according to your process. If you have an existing task, you can use that too.

Drag and drop the Send Email widget in your task and fill in the To, From, and Subject fields. Then click the AI icon > Generate with AI and watch your email being generated, including variables.

Generate email with AI

Note: The task name and subject field act as prompts for AI to generate your email.

How to create an email with HTML

Create emails with formatting, images, links, buttons, email signatures, or links to your social channels and website with HTML Code.

Here are some free HTML formatting tools that you can use to build your emails, before pasting the code into the email widget.

If you add HTML Code you can preview it, but you won’t be able to view it in the rich text tab. Stay in the HTML tab and click “Preview” before saving changes to your workflow.

Test your email by using the “Send Test” button at the bottom of the widget. Remember that this will send a preview of your email to your email address. Only when you have run the workflow will the email be sent to the person you defined in the “To” field.

Pro tip: How to add an image from your Google Drive into HTML Code. e.g. Original URL: https://drive.google.com/file/d/0B6wwyazyzml-OGQ3VUo0Z2thdmc/view.

Copy the ID from the original URL (the characters in bold) and use it in this URL: https://drive.google.com/uc?export=view&id=0B6wwyazyzml-OGQ3VUo0Z2thdmc.

Pro tip: If you’re unable to embed a gif or image into your HTML code, try downloading the gif/image and uploading it into the HTML editor as an image.

How to create a rich text email

You can choose to use the rich text editor instead of HTML.

Note: You cannot switch from HTML back into the rich text editor.

In the editor, you can fill in any static information you’d like to always appear in your email by using the appropriate fields, like the subject line and the body of the email (shown in the example above).

Use the magic wand tool to add {{variable fields}} like the person’s email address, first name, or the current user’s name.

If you use the File Upload form field as a variable in the email widget, make sure to avoid symbols like &,*,#, etc. in the file name as characters are not supported as of now.

Pro Tip: If you’d like to share a workflow run with someone via your email, you can use the variable {{run.url}} and hyperlink it. That way when you run the workflow, you can turn on the workflow run share link, and send your email.

Note: If you are using a members form field in your workflow, you will only be able to assign the email addresses of admins and Members as a variable (but not Guests (Internal)).

Add formatting and hyperlinks

Select the text you’d like to format and use the tool menu that appears to choose font size, color, bold, underline, strikethrough, background color, and add hyperlinks.

Test your email widget by clicking the “Send Test” button at the bottom of the widget. Remember that this will send a preview of your email to your email address. Only when you have run the workflow will the email be sent to the person you defined in the “To” field.

Using plain text mode

Note: You can use the “Settings Cog” to choose between creating your email in rich text or HTML (which sends the email from our domain) or creating it in plain text (which sends the email from your preferred mail client). You can also choose to allow the workflow runner to edit the email before sending it if you’ve created it in rich text or HTML.

Whether you create your email in rich text or HTML, you can add an attachment to the email as shown below.

Sending emails from a workflow run

Run your workflow and head to the task with the email widget in. Fill out any form fields that you’re using as variables in your email.

Click “Send” to send your email directly to the recipients you specified.

You’ll see a date and time stamp and the name of the person who sent the email. The details of the email being sent can be viewed in the workflow run activity log and the user’s activity log.

Note: When testing your emails, if you don’t select a “To” address this will automatically default to send you the test email.

Auto-Send emails on task completion

Once you have created your email, you can configure it to go out automatically when its associated task is completed.

Custom Sender Domain

You can send emails from your company’s domain when you use the send email widget using our Custom Sender Domain feature.

However, you can set up this feature using only one email address to send your emails from.

This feature is available on our Enterprise plan. If you’re interested in accessing this feature, contact your account manager or our support team.

FAQ

What email address is the email sent from?
Emails are sent from: [email protected]

What happens when someone replies to the email?
When the person you sent the email to replies to your email, it will reply to the user who sent the email from the workflow run.

Can I specify the domain that emails are sent from?
Yes, you can click on the Settings Cog and select Plain Text to send emails from your preferred mail client.

Why is my HTML preview blank?
There’s likely something wrong with your HTML code. Try editing your HTML and preview again.

Do I need to specify my mail client of choice?
If you’re creating your email using rich text or HTML then, you don’t need to specify your mail client. However, if you use plain text mode, you need to specify your mail client.

Did my emails get sent right away? 
If you have more than 10 recipients or are sending a lot more emails than normal, there may be a small delay in sending, it could take around 1 hour.
The sent at date/timestamp means the date the email was sent.

I was using the legacy email widget, can I still send emails in draft mode?
For customers using the legacy version of the email widget, you can continue using it in existing workflow runs, but for all new workflows and runs, you’ll see the new version. We will be deprecating the legacy email widget in the future.

Learn more about how the other widgets work:

Discover Process Street

Use Process Street to make your team processes fun, fast and faultless. We'll help you transform your team's static checklists into powerful interactive workflows!

Learn more about Process Street

YouTube videos
Deep dive into Process Street with our YouTube video series.
Join a webinar
Effectively record, replicate, and replace your workflow!
See latest releases
Catch up on the latest releases and enhancements.
Join the community
Share with others about how you are using the app day to day.

Take control of your workflows today.