1. Hirebridge
  2. Hirebridge User Recruiter Guide
  3. Hirebridge Recruiter Guide

Interview Confirmation Email With Embedded Merge Fields

Crafting Interview Confirmation Emails

Interview confirmation emails provide candidates with all the necessary details about their upcoming interviews. The provided HTML template can be used to create a visually appealing and professional confirmation email that includes key information like the date, time, location, and interviewers. Here's a breakdown of how to use and customize this template:

Structure of the Template

  • Header Section: Includes the company logo (merge field {{CompanyLogo}}) and an introductory message welcoming the candidate.
  • Details Section: Lists specific information about the interview such as: 
    • Date: {{Date}}
    • Start Time and Timezone: {{Time}} {{Timezone}}
    • Job Title: {{JobTitle}}
    • Location: {{Location}}
    • Event Type: {{EventType}} (e.g., in-person, virtual)
    • Interviewers: {{Interviewers}}
    • Notes: {{Notes}} (e.g., additional instructions or reminders)
  • Agenda Section: Displays a detailed schedule of the interview process using the {{Agenda}} field.

How to Customize

  • Replace the merge fields (e.g., {{Date}}, {{Location}}) with dynamic data from your scheduling system.
  • Use descriptive and concise text in the {{Notes}} field to provide candidates with clear instructions.
  • Ensure all timezone details are accurate, particularly for remote or virtual interviews.

Design Considerations

  • The design uses a professional color scheme (black, white, and gray).
  • The layout is mobile-friendly and uses inline styles for email client compatibility.
  • The {{Agenda}} section is clearly labeled, ensuring candidates can easily locate and review the interview schedule.

Explanation of Merge Fields in the Template

{{CompanyLogo}}

    • Inserts the company’s logo at the top of the email for branding purposes.
    • This field can be replaced with the actual logo URL or an <img> tag with the logo source.

{{Date}}

    • Displays the scheduled interview date in a readable format.
    • Example: "November 25, 2024"

{{Time}}

    • Specifies the starting time of the interview.
    • Example: "10:00 AM"

{{Timezone}}

    • Adds clarity by showing the timezone of the interview.
    • Example: "EST" or "PST"

{{JobTitle}}

    • Highlights the position for which the candidate is interviewing.
    • Example: "Software Engineer"

{{Location}}

    • Provides the interview location or virtual meeting link.
    • Example:
      • For in-person: "123 Main Street, Office 202, New York, NY"
      • For virtual: "Zoom Link: [zoom link here]"

{{EventType}}

    • Specifies whether the interview is virtual, in-person, or hybrid.
    • Example: "Virtual"

{{Interviewers}}

    • Lists the names of interviewers participating in the session.
    • Example: "Jane Doe, John Smith"

{{Notes}}

    • Adds supplementary information such as parking instructions, dress code, or preparation materials.
    • Example: "Please bring a government-issued ID for check-in."

{{Agenda}}

    • Outlines the sequence of events during the interview.
    • Example:
      • 10:00 AM – Introduction and Overview
      • 10:30 AM – Technical Assessment
      • 11:00 AM – Q&A Session

Additional Information about the {{Notes}} Tag

The {{Notes}} tag in the interview confirmation email template serves multiple purposes. Along with providing text-based instructions and reminders, it also integrates calendaring options to make scheduling seamless for candidates.

1. Embedding an ICS File

  • The {{Notes}} tag includes an ICS (iCalendar) file attachment that candidates can use to add the interview details directly to their personal calendars (e.g., Google Calendar, Outlook, or Apple Calendar).
  • When a candidate clicks on the ICS file, it preloads:
    • Interview date and time
    • Location or virtual meeting link
    • Any relevant notes or agenda items
    • Reminders, if configured

2. Calendar Integration Options

  • The email includes clickable options or links (inserted via the {{Notes}} tag) that allow candidates to:
    • Add to Google Calendar: Opens a pre-filled Google Calendar event page with the interview details.
    • Add to Outlook: Downloads or opens the ICS file compatible with Microsoft Outlook.
    • Add to Apple Calendar: Automatically syncs with Apple Calendar when the ICS file is opened.

3. Benefits for Candidates

  • Convenience: Candidates can quickly save the interview details without manual entry, reducing the risk of errors or missed appointments.
  • Cross-Platform Compatibility: The ICS file and calendar links work with most modern calendaring applications.
  • Improved Organization: Automatically set reminders and block off time in the candidate's schedule for the interview.

Example of Candidate Workflow

  1. The candidate receives the confirmation email.
  2. They review the {{Notes}} section, which contains text instructions and links/buttons for calendar integration.
  3. They click the "Add to Calendar" link or open the ICS file attachment.
  4. The interview details are saved to their calendar with a single click, ensuring they are well-prepared and punctual.

By embedding calendaring functionality directly into the {{Notes}} tag, the email ensures candidates have an efficient and user-friendly way to organize their interview schedules.

Tips for Effective Emails

  • Test the Template: Send test emails to verify rendering across different devices and email clients.
  • Use Descriptive Notes: Help candidates prepare by providing clear instructions in {{Notes}}.
  • Check Merge Fields: Ensure all fields dynamically populate correctly with candidate-specific data.

How to Copy and Paste HTML into an HTML Email Template Editor

Here’s how you can use the HTML template provided below to create and customize your own interview confirmation email.

Open the Email Template Editor:
Navigate to the email editor and locate the HTML or Code tab.

Select The Interview Confirmation From The Template Type Dropdown:
This will open the dedicated email template slot for interview confirmations. Add in your Template Name and Subject Line.

Switch to the HTML Tab:
Click on the HTML tab to access the raw code editor.

Clear Existing Code (if necessary):
Highlight and delete any pre-existing HTML code to avoid conflicts.

Copy Your HTML Code:
Open the source of your HTML file, select the entire code, and press Ctrl+C (Windows) or Cmd+C (Mac) to copy.

Paste the Code into the Editor:
Place your cursor in the HTML editor and press Ctrl+V (Windows) or Cmd+V (Mac) to paste your HTML.

Save or Preview:
Save the changes or switch to the Preview tab to ensure the email displays correctly.

Make Edits (Optional):
Adjust the HTML as needed directly in the editor.

<!--[if mso]>
<table width="700" bgcolor="#3a3f51" align="center">
<tr>
<td>
<![endif]-->
<style type="text/css">
body {
padding-top: 0px;
}
</style>
<div style="background-color: #000; border-radius :8px; padding: 15px; max-width: 700px; margin: 0 auto;" width="700" class="back">
<div style="margin: 0; padding: 0; margin-bottom: 0; font-size:1px;color:#3a3f51;">&nbsp;</div>
<!--[if mso]>
<table width="580" bgcolor="#fff" align="center">
<tr>
<td>
<![endif]-->
<table class="wrapper" width="100%" cellpadding="0" cellspacing="0" align="center" style="width:100%; margin:0 auto;">
<tbody>
<tr>
<td style="padding: 38px 7.5% 30px;background-color:#FFF;" class="inner">
<table cellpadding="0" cellspacing="0" style="width: 100%; font-family: 'Segoe UI', 'Lucida Grande', 'Helvetica Neue', 'Arial', sans-serif; font-size: 14px; line-height: 1.4em; color: #343535;">
<tbody>
<tr>
<td>
{{CompanyLogo}}
</td>
</tr>
<tr>
<td style="padding: 15px 0px;">
<p>
<span style="font-size: 16pt; font-weight: bold;">Appointment Confirmation</span></p>
<p>We are excited to meet you!</p>
<p>Please use the available guest parking when you arrive at the building. Please note that the front desk is currently unstaffed, and the lobby doors will be locked. When you arrive at the lower lobby, please email Agustin.Bossi.c@GreenwayHealth.com or call Christina at 813.202.5358 to let us know that you have arrived. Please proceed to the office.&nbsp;</p>
</td>
</tr>
<tr>
<td>
<table cellspacing="2" cellpadding="2" style="width: 100%; font-size: inherit;">
<tbody>
<tr>
<td style="width: 75px;">Date:</td>
<td><strong>{{Date}}</strong></td>
</tr>
<tr>
<td style="width: 75px;">Start Time:</td>
<td><strong>{{Time}} {{Timezone}}</strong></td>
</tr>
<!-- JobTitle -->
<tr>
<td valign="top" style="width: 100px;">Job Title:</td>
<td valign="top"><strong>{{JobTitle}}</strong></td>
</tr>
<!-- End JobTitle -->
<!-- Location -->
<tr>
<td style="width: 75px;">Location:</td>
<td><strong style="white-space: pre-line;">{{Location}}</strong></td>
</tr>
<!-- End Location -->
<tr>
<td valign="top" style="width: 100px;"> Type:</td>
<td valign="top"><strong>{{EventType}}</strong></td>
</tr>
<!-- Interviewers -->
<tr>
<td valign="top" style="width: 100px;">Interviewer(s):</td>
<td valign="top"><strong>{{Interviewers}}</strong></td>
</tr>
<!-- End Interviewers -->
<!-- Notes -->
<tr>
<td valign="top" style="width: 75px;">Notes:</td>
<td valign="top"><strong style="white-space: pre-line;">{{Notes}}</strong></td>
</tr>
<!-- End Notes -->
<!-- Agenda -->
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td valign="top" style="padding: 5px 0; text-align: center; background-color: #eee; border-radius: 8px;" colspan="2"><strong>Interview Schedule</strong></td>
</tr>
<tr>
<td valign="top" colspan="2">{{Agenda}}</td>
</tr>
<!-- End Agenda -->
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</div>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
Was this article helpful?
0 out of 0 found this helpful