How To Use the Email Widget

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 or by creating HTML which allows you to add formatting, images, links, buttons, email signatures, or links to your social channels and website.

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

Search for the workflow you’d like to add the email widget to. Click your workflow’s name then click “Edit” in the top right corner.

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 two options to create your email:

  1. Create an email with HTML
  2. Create a Rich text 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.

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 full members as a variable (but not free members).

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.

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: You can only edit emails in the workflow editor.

FAQ’s

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?
Not at the moment, all emails are sent from the address above.

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?
No. The email sends from the [email protected] email address. This skips the need to select a mail client and sends the email through Process Street’s mail server.

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:


 

Was this article helpful?

Related Articles