How to email attendees

  • Updated

All_plans_.png

An easy way to communicate with your attendees about the details of your event is via email. With the built-in Email feature on Hopin, you can send emails to all your attendees at once.

We have introduced a revamped version of the Email feature with a completely new email creation workflow and new functionalities for event organizers such as:

  • The ability to create and save more than one email.
  • The ability to see the status of an edited or sent email.
  • The ability to duplicate and reuse previously created emails.
  • A better-structured workflow with individual editing, previewing, testing and sending steps.
  • The ability to email different ticket groups (beta)

How to use the email feature

On the Email Attendees page, you will find one draft email ready to be customized. You can also create as many new emails as required with the Create email button.

image5.png

To note:

  • You can have more than one announcement email at the same time in the list view.
  • You can send different announcement emails to your attendees as and when required.

To edit an email simply hover onto it and you will see 4 buttons appear on the right.

image6.png

The buttons functionality is self-explanatory and, from left to right, is as follows:

  • Edit email
  • Preview + send
  • Duplicate email
  • Delete email

To get started with customization either click the Edit email button on an existing email or the Create email button at the bottom left of the page. 

Note: When using the Create email button at the bottom left of the page you will be opening the email editor page directly. 

Below is what the email editor page looks like.

how_to_send_emails_updated_screenshot.png

Here you can:

  1. Select who you would like to send your email to. You can choose to email specific ticket groups or those who have already attended (Beta)
  2. Customize the Email name and Subject and add a Pre-header.
  3. Use the toolbar to edit the email body.
  4. Edit the email body in this area.
  5. Use any of the available Personalisation tags.
  6. Click Show all to see the full list of available tags.
  7. Once the email is ready use the Save and preview button to proceed to the next step.
  8. Exit the editor by clicking the X at the top left if you want to finish editing another time.

Note: Any changes you make to the email will be autosaved. 

When you have finished customizing the email click the Save and preview button at the top right to be taken to the Preview page.

image8.png

Here you can:

1. Select an attendee you want to preview the email as.

The text will update with the selected user name.
image9.png

2. Send a test email.

Here you can select different attendees to receive test emails as they will look like to them. You can also specify a Send to email address of your choice. Once ready simply click on Send test email at the bottom right.

image10.png

3. Send the email.

This will send the finalized email to all registered attendees of the event. Make sure you have double-checked it and it is really ready to be sent. 

image11.png

4. Exit the preview page.
You can go back to the email list page by clicking the X button at the top left.

Once sent the email will update in the email list as shown below.

image12.png

You will be able to:

  • See that the email was Sent.
  • See the time and date the email was sent at.
  • Use the buttons to Review sent email, Duplicate email, and Delete email.

Note: The Review sent email button will simply show the email as it was sent to attendees.

image13.png

How to customize emails

In the Email Attendees workflow, we also support a template language - Liquid templates - to enable you to insert variables into your email templates. We recommend looking through their Documentation if you want to find out more.

Here is a list of supported tags:

  • {{user.name}} The recipient's full name
  • {{user.first_name}} The recipient's first name
  • {{user.last_name}} The recipient's last name
  • {{event.name}} The name of the event
  • {{event.link}} The link to the event's registration page or the recipient's magic link to the event
  • {{event.calendar_link}} A link to a downloadable calendar item containing the event link or the recipients magic link
  • {{ticket.label}} The name of the ticket which the recipient holds
  • {{registration.price}} The price, the recipient has paid for their ticket
  • {{event.currency}} The currency used for paid tickets
  • {{event.original_picture}} The URL of the original size event picture (use as image source)
  • {{event.medium_picture}} The URL of a 200*200 px version of the event picture (use as image source)
  • {{organiser.medium_picture}} The URL of the organization profile picture (use as image source)
  • {{event.todays_schedule}} List schedules for today
  • {{event.tomorrows_schedule}} List schedules for tomorrow
  • {{event.todays_speaker}} List speakers for today
  • {{event.tomorrows_speaker}} List speakers for tomorrow

It's easy to copy the Personalisation tags, simply click on them.

emails_1.png

Once clicked, the tags are copied to the clipboard and can be pasted into the email body as required.
emails_3.png

There are two main ways to customize emails and they are detailed below. 

1. Customize emails in Hopin using plain text

Here’s a sample email you could copy and paste into the email box:

Hi {{user.first_name}},

Day 2 of {{event.name}} has begun!

You can join the event here: {{event.link}}

See you soon,

Organizer

Here’s what that looks like in the email editor:

Screenshot_2021-07-24_at_14.58.39.png

Here’s what the preview looks like:

Screenshot_2021-07-24_at_15.06.06.png

If you want to edit the email further, click the Back to edit button.

If you're satisfied with your email preview, to send your email to all registered attendees, click the Send email button at the top right.

Note: If you'd like to use hyperlinks, you can use Personalisation tags. To do that:

  • Highlight text that you'd like to hyperlink as the event link, attendee name, etc.
  • Click the link icon in the toolbar to edit the hyperlink.
    Screenshot_2021-07-24_at_15.13.18.png
  • In the URL box, type in the Personalisation tag you'd like to use. Change the Protocol to <other> if you are using the tag (e.g. {{event.link}}). If you're using a direct link, you can leave the protocol as http://.
    Screenshot_2021-07-24_at_15.17.31.png

2. Import HTML code from a third-party email builder

With this method, you can build your email in another email service provider, like MailChimp. Then, import your email campaign HTML code into Hopin.

A. Build your email campaign in MailChimp.

  • Add your event details and images to your campaign. Be sure to add in the liquid templates (e.g. {{user.name}} ) on MailChimp.
    Note: Insert placeholder hyperlinks in MailChimp that will later become unique Hopin hyperlinks. For example, if you create a button for Magic Links (pro users), enter a fake URL on MailChimp like https://mynmame.com. Then, when editing the email in Hopin, insert the appropriate liquid template e.g.: {{extra.redeem_link}}
  • Send yourself the email you created.
  • Save the email as a template.
  • Export the HTML code.

B. Add the HTML code into Hopin. See sample code here.

  • In Hopin, click the 'Source' button, then copy and paste in the HTML code you exported from MailChimp.
    Screenshot_2021-07-24_at_15.27.48.png
  • On your keyboard, press Ctrl/Cmd and F, then type in MC_PREVIEW to find that text in the code.
  • Highlight the below code, then press Delete. This removes any preview information carried over from MailChimp into your Hopin email.
    <!--|IF:MC_PREVIEW_TEXT|-->

    <!--[if !gte mso 9]><!----><span class="mcnPreviewText"

    style="display:none; font-size:0px; line-height:0px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; visibility:hidden; mso-hide:all;">|MC_PREVIEW_TEXT|</span>

    <!--<![endif]--> <!--*|END:IF|*-->
    Screenshot_2021-07-24_at_15.40.08.png
  • Click the Source button again. You should now see the content of your email, not the HTML code.
    Screenshot_2021-07-24_at_15.43.44.png
  • Preview and send a test email, when happy with it you can then send to all attendees.

How to add an image to a Hopin email

You can either use a third-party email builder like MailChimp for this or do it directly on Hopin. To do this on Hopin:

  • Customize your email and move the mouse cursor to where you’d like to upload the image in the body of your email.
  • Click on the Image button.
    Screenshot_2021-07-24_at_15.46.50.png
  • Click on Browse Server.
    image15.png
  • Click Upload.
    image16.png
  • Choose an image from your computer, upload it, then click on the image you just uploaded, in our example 'Picture.png'.
    image17.png
  • Then click OK at the bottom right and the image will be inserted in the email.
    image18.png

That's it you have now added an image to your custom Hopin email!

 

Feel free to reach out to us at support@hopin.com in case you have questions or need assistance.

Was this article helpful?