Spice up Your Email Campaigns with Autoresponders

September 15, 2021

Did you know you can also use Jotform as a simple email campaign solution? Suppose you have this setup where you get your users’ email address and you wanted to:

  • Send an automated reply to them right after submitting the form. This serves as a confirmation that you received their submission.
  • After 7 days, you wanted to send a followup email campaign.
  • Then, one more email after 14 days.

On top of that, did you also know that you can create email template designs using HTML/CSS? If not, then this guide will discuss these two ideas:

How to Schedule Your Autoresponders

First, you should decide on how you want to send your email campaigns. If you’re planning to send 2 emails within a week interval, you would need 2 Autoresponders – the first one will be sent right away and the other sent 7 days later.

To set up the schedule, click Settings at the top > Emails on the left > place your mouse over the Autoresponder then click the pencil icon.

Edit Autoresponder

Edit Autoresponder

Afterwards, go to the Advanced tab > look for the Send Emails Later option > set your desired schedule > and don’t forget to hit the Save button.

Send Emails Later

Send Emails Later

As an example, if you will be sending an email right after submission, another email in 7 days, and then another in 14 days, you would need a total of 3 separate Autoresponders with 3 different Send Emails Later selection:

  • Right away (email will be sent after submission)
  • 7 days (email will be sent a week later)
  • 14 days (email will be sent 2 weeks later)
Send Emails Later options

Of course, you have other options (as shown above). And if none of them will fit your requirement, you can send it on a specific later date:

Send Email Later - On a later date

If you would like your form’s respondents to select the date they would like to receive the email, you can select a date field from the drop-down list. That way, the email will be sent on the date that is on the chosen date field.

Create Email Templates

Now, we’ll discuss how to enhance your Autoresponder emails by using the built-in Source code editor of the email template. First, you need to be familiar with editing your Autoresponder’s Email Content, and then a bit of knowledge in HTML/CSS. If you haven’t done this before, we suggest you have a look at the How to Edit the Email Template for Notifications and Autoresponders guide before proceeding.

Now, this, is where the magic happens:


Source Code Button

Once you click the Source code button, it will open a modal popup window where you can design your template using HTML/CSS. If you’re not well-versed in designing emails, you should probably leave this part to your developer or designer. But, what if you don’t have one? Well, we would recommend you stick with the Edit Toolbar shown above. Even without coding knowledge, you can still edit your template with basic formatting options.

To sum it up, your options for customization are as follows:

  • Use the Edit Toolbar for basic formatting options if you don’t have a developer or designer and you don’t know HTML/CSS.
  • If you have a developer or designer or you know how to design pages, use the Source code button and build the template from scratch using HTML/CSS.
  • Or, use readily available email templates online.

For the last option above, here are some online resources where you can grab open source email templates. They usually come in HTML format but some are not using inline CSS, which our Source code editor only accepts. So, you would need to use an online CSS inliner service that automatically converts HTML files with declarations and convert them into inline CSS.

Basically, the idea is to:

  1. Look for an existing email template that is in HTML format. It can’t contain any sort of script and should be in plain HTML.
  2. If the email template you have uses inline CSS, you’re all good and you may skip step 3.
  3. If not, use an online CSS inliner and dump the entire HTML codes there. Copy the converted codes afterwards.
  4. Paste it on your email template’s source code, save your changes, and that’s basically it.

Additionally, you may need to update some resources on the template you would use, like images, links and URLs pointing to your website, add form field values, and so on.

Feel free to look for other online resources that will fit your needs. For demo purposes, here’s a form with 3 different Autoresponders using open source email templates.

Just enter your email on the form above to receive the template you wanted to check out.

Comments and suggestions are welcome below. If you have a question, post it in our Support Forum so we can assist you.

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.