How to create custom email template using HTML

How to create custom email template using HTML

This feature will help you to create a custom email template using HTML. You can use this to create your beautiful email templates to match your brand theme.


In case you already have a design template that you use for your brand and you want to use this template within SurveySensum for your emails, then follow the steps below to create your own email template using HTML:

  1. Go to email share inside the share tab of the survey.

 

  1. Click on the HTML editor button to open the editor dialogue box.


  1. Paste your HTML source code within the dialogue box and click on save.


Make sure that:
  • There is a Survey Link present in your code.
~For applying the survey link in code, use {{@survey_link}} expression
in the href attribute of anchor tags or the "Insert" dropdown.

  • Your source code is either in the Inline CSS or Internal CSS format.




CSS structure


There are 3 types of CSS :-

  

a) Inline CSS :- This CSS can be applied directly to html elements by using style attribute.

In case of inline CSS, only write the html code of <body> tag of template (do not include <html>,<head>,<title>,<body> tags).
            Example:- <div style="color: red;">hello</div>

b) Internal CSS :- This CSS can be written in the same html file, by using classes or IDs inside a single <style></style> tag, and it can be applied on html elements ONLY in the form of classes or IDs.


In case of internal css, first write the complete css in only one <style></style> tag, and after that write the html code of <body> tag of template (do not include <html>,<head>,<title>,<body> tags).

Example:- <style>

                  .abc{

                     color: red;

                      }

                </style>

                <p class="abc">Hello</p>


c) External CSS :- It is used when CSS is in some other external file, and that file can be linked in an html file by using <link> tag in <head> tag.

                     Example :- <link rel="stylesheet" href="mystyle.css" type="text/css">


Our editor supports ONLY inline and internal CSS in email share and ONLY inline CSS in email notification.

Email us at support@surveysensum.com for any concerns or if you need assistance.





    • Related Articles

    • Share Survey Via Email

      After creating your survey, your survey is ready to be shared! Let us see how we can share the survey via email. Click on Send Email and you will direct to the Email Campaign. Enter the following details based on your requirements: From Name: Enter ...

    • Email campaign send was stopped

      If your email campaign send was stopped, there may be two possible reasons:   The imported contact list used has errors : this means that there are a lot of incorrect email addresses in your import file.   The campaign reports a high number of bounce ...

    • How to get a Survey Link in Salesforce via API call

      Use - Case: When you want to send surveys created on SurveySensum via Salesforce, you have to configure this integration. Flow of Integration - Event happens in Salesforce, like a ticket gets closed. Immediately a request is sent to SurveySensum, ...

    • Share Survey

      Now that you have created your survey, your survey is ready to be shared! Share your survey via Email, on Social Media, using an Anonymous Link, or by a QR Code. View the sharing options on the Share Survey page on your build or click the sharing ...

    • Email Notifications/Workflow

      What is Email notification? Creating and analyzing surveys is not enough to keep your customers loyal and engaged. Completing engagement with your consumers and closing the loop is key to a successful business. Identify gaps with your survey and take ...