Email templates ✉️

Gleap provides the flexibility to fully customize your email templates by editing the underlying HTML. This enables you to design emails that align with your brand and messaging, while also ensuring important user information is included through dynamic placeholders.

Steps for Editing an Email Template

1. HTML Structure
   Gleap email templates are written in standard HTML code. You can modify the template to include your own styles, such as fonts, colors, and layout. Remember to structure your content within HTML elements like <div>, <p>, and <table>, just as you would for any HTML-based email.

2. Using the {{{htmlContent}}} Variable
   The {{{htmlContent}}} variable is used as a placeholder for the user’s message. This content must always be wrapped inside a <table> element to ensure proper formatting in the email.

   Example:

   <table>
      {{{htmlContent}}}
   </table>

3. Managing Top Spacing
   By default, {{{htmlContent}}} has a top spacing to prevent it from sticking to the top of the email. If you want to remove this spacing for specific designs, you can do so with the following CSS code:

   #gleap-content-top-space { 
      height: 0px !important; 
   }

4. Auto-Reply Variables
   When creating or editing auto-reply templates, Gleap provides several dynamic variables that you can include to personalize the email:

   • {{feedbackId}}: Inserts the unique ID of the feedback or ticket.

   • {{{formData}}}: Adds details from the submitted form.

   • {{{screenshot}}}: Includes a screenshot if one was attached.

   • {{feedbackUrl}}: Provides a link to view the feedback.

   • {{receiverName}}: Personalizes the email with the recipient’s name.

   • {{companyName}}: Inserts the name of your company.