Edit an email

1. Template parameters

When you create an email from the gallery / edit an email coming from the gallery, this pop-in appears:

• Template name (required): This field allows you to name your email template. This name will not be displayed in the email sent to your participants, it is intended for Back Office users.

• Template description (optional): This field allows you to add information about the created email template. This description will not be displayed in the email sent to your participants, it is intended for Back Office users.

• Sender email adress (required): this field allows you to enter your email address as sender. This is the address that the recipient will see when receiving the email.

By default, the @inwink.events domain name is validated.
To guarantee the deliverability of your emails and send emails in white label from inwink, it is necessary to perform a "whitelabelling of your domain name".

🔗 To understand how to whitelabel your emails, click here.

• Reply email adress (optional): this field allows you to fill in the reply email address indicated in the email sent to the participants. Although optional, we recommend to fill in a valid contact email address to receive any questions from participants.

• Sender name (required): This field allows you to specify a sender name for your emails that will be displayed next to the sender's e-mail address in most couriers.

• Object of the email (required): this field allows you to enter the subject of the email.

• CC (optional) : this field is used to add the email addresses of secondary recipients.

• BCC (optional) : this field is used to add email addresses invisible to the recipients of the email.

• Add an ICS/Ical file in the email (optional) : this option is disabled by default. By activating it, a .ics / ical file will be associated with the sending of your email. This file is a "calendar" invitation that the participant can add to his calendar.

2. Edit an HTML template

If you already have an HTML template coming from another solution than inwink and want to use it in inwink, you can import it in HTML by selecting an HTML template in the email template gallery.

In the email template configuration pop-in that opens when you select this kind of template, click on DESIGN at the bottom right corner of the pop-in to open the email content editor:

In the left pannel, you will find a list of tags you can use in your email which will be replaced by the participant/order/partner/meeting/session information of the receiver when you send the email to a person.

On the right side of the editor, you can edit or paste HTML the HTML code of your email.

When your email template is ready, click on Save at the bottom right corner of the editor window.

3. Edit an inwink/basic template

When you select one of the templates suggested by inwink, or a basic template, and click on the DESIGN button at the bottom right corner of the email template configuration window, the inwink email template editor opens:

In the left pannel of the editor, you have two sections :

• Drag & Drop sections : the inwink email template editor lets you assemblate emails that are combining sections, which pile up on each other, a bit like blocks in the CMS of inwink. You can drag & drop the sections you want to use in your template, depending on the number of columns you want this section to contain.
• Drag & Drop blocks : within an inwink email template section, you can add blocks by dragging and dropping one of the items present in this section of the pannel to a section of the email template.

For instance, let's say you want to add two buttons on the same line in your email template:

1. Add a two-columned section in your email template by dragging and dropping it in the email template
2. Add a button in the left column, and another button in the right column of the two-columned section by dragging and dropping button items successively in the left column and the the right colum of the email template section

At the top of the editor, you can find 3 options :

• Choose your language: if your event is multilingual, pick the language in which you want to edit your template here. Whenever you edit the template in a language without editing it in the other languages of your event, a warning will be displayed to remind you that you also need to make changes in other languages.
• Background color: by default, the background color of your email is light-gray. You can change this color though here.
• Body color: every section in your email template has its own body color (white in this example). You can change it by selecting the section you want to edit and by clicking in the Body color circle.
  
  

Add conditions on sections

When you click in the background part of a section of your mail template, a button Add condition appears at the top of the section:

If you have several conditions on a section, you will organize them with 2 logical operators:

• AND – to add a new mandatory condition
  All conditions linked by an AND operator must be achieved
• OR – to add an alternative condition
  Only one of the two conditions linked by an OR operator must be achieved

Here an example of section conditions, using both logical operators:

• Show if Company is equal to «inwink»
• AND Show if Is invited is True
• OR Show if Registration date is after Jul 1, 2020 09:00 AM
  On the 1st of July (at 9:00 am), you have invited some people from the inwink company to come to your event. Some of them may already have registered by now!

You want to send an onboarding email to all your participants, with a special word for the inwink participant you’ve invited. The section under the above conditions will only be sent to the participants from the inwink company, if they have been invited or that they have registered to the event after the invitation.

Blocks

1. TEXT BLOCK

Text blocks let you add text within a section of your email template. To edit the content, double-click within the area where a text block has been added, and edit the text. When you edit the text, you have many options enabling you to add style to the your text : bold, italics, fonts, font-size, etc.

On the left pannel, you can click on the available tags in order to use them within the text you're editing.

When editing text, you will also have the list of dynamic fields available according to the category of your email template, in order to customize your email. 

Dynamic fields, are fields offered to customize your email. You can add them by clicking on the block (where you want to add this information), then editing the block, by clicking on the left section, to select these dynamic fields. You can add the first or last name, by clicking on it, it will display the first or last name of the person who will receive this email. Other elements are also proposed, like the email of the person or the name of the event, with the beginning or the end date. 

2. BUTTON

Button blocks let you add buttons in sections.

In order to edit the label of the button, double click on the button and edit the text.

On the left pannel, when you edit a button block, you can find the following options:

• URL: enter the URL of your button here. Make sure you specify the URL for every language of your email template.
  ⚠️ If you wish to add the email address of one of the organizing members behind your button ("Contact" button), configure your URL as follows: mailto:+youremailaddress
  
• Font: select the font of the button
• Font size: select the font size of the button.
• Text color: pick the color of the text of the button
• Bold, italics, underlined, strikethrough : select the options you want to use
• Button border: decide whether you want to add a border to your button, its style, its thickness and its color
• Button alignment: decide if you want to align the button in the center of the section, on the left or on the right
• Button color: pick the color of the button

3. PICTURE

Picture blocks let you display picture in your email template, especially header pictures.

On the left pannel, when you edit a picture block, you can find the following options:

• Picture: upload the picture file you want to use
• Picture alternative text: this text will be displayed if the picture is not loaded in the email reader of the receiver, or read when the receiver uses a text to speech voice reader.
• URL: your picture can redirect to a webpage/document/email address when a receiver clicks on it. Specify the URL here.
• Picture size: you can specify the max-width of your picture here.
• Turn into a picture header: activate this option if your picture must take the whole width of the email.
• Picture alignment: you can decide to align the picture on the left, on the right or at the center of the section in which it is included.
• Block background color: if the picture is smaller than the section, you can edit the color of the background that will appear around the picture here.

4. PARTICIPANT QR CODE

If your event is a physical event, you can send their unique QR codes to the participants thanks to this block. Add this block within a section of your email template.

On the left pannel, when you edit a Participant QR Code block, you can find the following options:

• QR code size: define the width of the QR code here.
• QR Code alignment: specify if you want the QR code to be aligned on the left, on the right or at the center of the section
• Block background color: specify the background color around the QR Code

5. SOCIAL NETWORKS

You can add social networks links in your email with this block.

On the left pannel, when you edit a Social networks block, you can find the following options:

• Add social networks and enter the URL of your event / company account
• Logos size: specify the width of the logos of social networks
• Block background color: specify the background color around the logos

6. DIVIDER

In order to add a separation in your email template, you can add a divider, which is a horizontal line wichh goest from the left side of your section to the right side.

On the left pannel, when you edit a Social networks block, you can find the following options:

• Divider color: pick the color of the divider
• Divider style : pick the style of the divider (solid, dashed, dotted)
• Divider thickness: specify the thickness of your divider

7. HTML

You can also add a custom HTML block within a section.

The editor is the same as the one you can find in the HTML email template editor.