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

To access the email feature, go to your event dashboard and click on the Email tab on the left side.

At Hopin, we support a template language - Liquid templates - to enable you to insert variables into your email templates. We recommend looking through their Documentation.

Here are a list of supported tags:

  • {{event.name}} The name of the event
  • {{event.link}} The name of the link
  • {{event.calendar_link}} The name of the calendar_link
  • {{registration.price}} The price of the registration
  • {{user.name}} The full name of the user
  • {{user.first_name}} The first name of the user
  • {{user.last_name}} The last name of the user
  • {{event.sponsors}} (see liquid documentation above on how to iterate, sponsors properties are: website, name, logo - a link to the logo)
  • {{ticket.label}} The label of the ticket to which the user is registered to
  • {{extra.redeem_link}} A link for the magic link invitation (pro only)
  • {{extra.delete_link}} A link to destroy the data

Method 1: Create 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

You can also change the subject of the email.

Here’s what the preview looks like:

To send your email:

  • Click the preview button to preview your email
  • Under the User section, select the user you’d like to send the preview email to, and click Test. The user has to be registered for the event in order to receive the test email.
  • If you want to edit the email further, click the yellow Back to editing button. If you're satisfied with your email preview, click the blue Send button to send the email to all your registrants or Save for later.

Note: If you'd like to use hyperlinks, you can use Hopin’s "liquid template" tags. To do that:

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

Method 2: Import HTML Code from 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.

1. Build your email "campaign" in MailChimp

  • Add your event details and images into 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.

2. 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.
  • 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|*-->

  • Click the Source button again. You should now see the content of your email, not the HTML code.
  • Preview and send a test email.

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:

  1. Ensure the graphic you want to include in your email is hosted publicly (e.g.: on a website. For example https://hopin.to/images/[email protected])
  2. Open the image in a new tab. Copy the URL, which should end in .jpg, .jpeg, .png, .gif, or .svg.
  3. Back in Hopin, customize your email and move your cursor to where you’d like to upload the image in your email. Click the “Image” icon:

4. In the “URL” field, paste the URL of your image that you copied a few moments ago. In the “Alternative Text” field, type in what you’d like a screen reader to pick up when reading your uploaded image. You can also adjust the properties of the image such as the width and height.

If the image you are looking to include in your email is not hosted publicly, you can also consider hosting it on a 3rd party image hosting platform (I.e. https://imgbb.com/).

Once uploaded to the 3rd party image hosting platform, please grab the URL of the image when looking at the Full HTML coding.

Example: <a href="https://ibb.co/xDPYfFB"><img src="https://i.ibb.co/56tknKS/Screen-Shot-2020-09-14-at-2-36-25-PM.png" alt="Screen-Shot-2020-09-14-at-2-36-25-PM" border="0"></a><br /><a target='_blank' href='https://imgbb.com/'>gif upload</a><br />

Feel free to reach out to us at [email protected] in case you have questions or need assistance.

Did this answer your question?