How to test a Custom notification template [Classic]

You can test your Custom templates by creating a test booking and filling out a Booking form as if you were a Customer. You can perform several of these test bookings to test every template you have created in every relevant scenario.

In this article, you’ll learn how to test a Custom notification template.

<script id="snippet-prepend">
$(function(){

  /*disable in widget*/
  if($('.w-documentation-article').length === 0){

     var ToC =
  "&lt;nav role='navigation' class='table-of-contents toc-top'><h4>In this article:" + "<ul>";
     var el,     title, link, header;
      //Define the heading levels you want to use in ascending order. Can add extra or remove unneeded.
     $(".hg-article-body h1, .hg-article-body h2, .hg-article-body h3, .hg-article-body h4").each(function() &#123;
              el = $(this);
              title = el.text();
                 if(title != '')&#123;
                anchorTitle = el.text().replace(/([~!@#$%^&*()_+=`&#123;&#125;\[\]\|\\:;'&lt;>,.\/\? ])+/g, '-').toLowerCase();
                link = "#" + anchorTitle;
                //Set all headers to a 0-nesting level.
                header = 'header-nesting-0';
                //Adjust header-nesting layers so that they point to the correct html tag. header-nesting-1 should match the second .hg-article-body h# listed above; header-nesting-2 should match the third, etc.
                if($(this).is('h2'))&#123;
                    header = 'header-nesting-1';
                &#125;else if($(this).is('h3'))&#123;
                    header = 'header-nesting-2'
                &#125;
                el.html('<a id="'+anchorTitle+'" class="toc-anchor">' + el.html());
                newLine =
      "<li class='"+header+"'>" +
        "<a class='article-anchor' href='" + link + "'>" +
          title +
        "" +
      "";


                ToC += newLine;
              &#125;
              &#125;);
     ToC +=
   "" +
  "";
    $("#snippet-prepend").before(ToC);
  &#125;
&#125;);

&lt;/script>

<style>
/* CSS to style the TOC as it displays and the auto-created anchors
.toc-top styles the box for the TOC; adjust styles here to tweak look and feel */

.toc-top {
  background-color: #FAFAFA; /* set to #fff or delete entirely for no background */
  border: 1px solid #C8C8C8; /* adjust the color hex here to change border color */
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  margin-top: 24px;
  margin-bottom: 36px;
  min-height: 20px;
  padding: 13px 20px;
  max-width: 75%;
}
.toc-top h4 {
  font-size: 18px;
  line-height: 26px;
  margin: 0 0 8px;
  font-weight: 400;
}
.toc-top ul {
  padding: 0 0 0 15px !important;
  margin-bottom: 0;
}
.toc-top > ul {
  margin-bottom: 13px!important;
}
.toc-anchor {
  display: block;
  height: 90px;
  margin-top: -90px;
  visibility: hidden;
}

/* Set the indentation for the nesting levels. May need to be edited to match changes above. Increase or decrease the margin-left to get your desired level of indentation. */
.header-nesting-1 {
    margin-left: 14px;
}
.header-nesting-1:before {
  background-image: url(https://dyzz9obi78pm5.cloudfront.net/app/image/id/5d31bcc88e121c9b25ba22c4/n/bulletv2.svg)!important;
}
.header-nesting-2 {
    margin-left: 28px;
}
.header-nesting-2:before {
  background-image: url(https://dyzz9obi78pm5.cloudfront.net/app/image/id/5d31be536e121cf22b0cc6ae/n/bulletv3.svg)!important;
}
</style>

Testing the Custom notification template

1. In the Booking form section of your Event type, use from the Booking form drop-down menu to select a Booking form (Figure 1).
   Figure 1: Selecting a Booking form template

2. In the Customer notification section of your Event type, select a template for each Notification scenario you want to send notifications for (Figure 2).
   Figure 2: Choosing a Custom notification template for each Notification scenario

3. In the User notifications section of your Booking page, select a template for each Notification scenario you want to send notifications for (Figure 3).
   Figure 3: Choosing a Custom notification template for each Notification scenario

   NoteIf you want to receive User SMS notifications, you’ll need to enter a phone number in your Profile’s SMS notifications section.

4. In the Booking page Overview section of your Booking page, click on the public link in the Share & Publish section. Figure 4: Booking page public link

5. Schedule a meeting and fill out the Booking form that you created as if you were a Customer.

6. Click Done.

7. You can now check that you received a confirmation email and SMS.
   If you’re using Booking with approval mode, you can click Approve the booking request in your User email notification. Learn more about scheduling booking requests
   You can also check that the calendar event was added to your calendar. Learn more about calendar events

8. Finally, you can choose to cancel or reschedule the booking, or let the booking run its course and test the reminder and follow-up messages.

Testing checklist

During the testing, you should check the following:

• The text is written the way you want.
• The correct Dynamic fields were chosen.
• The spacing/formatting is correct.
• That you are sending emails and SMS notifications for the required booking notifications.