Booking pages: Location settings [Classic]

In the Conferencing / Location section of your Booking page, you can decide whether or not to use a meeting channel.

In this article, you’ll learn about setting up the Conferencing / Location section.

&lt;iframe width="640" height="360" src="https://www.youtube.com/embed/yseG7v5H-DQ?&amp;wmode=opaque&amp;rel=0" frameborder="0" allowfullscreen="" class="fr-draggable">&lt;/iframe>

&lt;script id="snippet-prepend">
$(function()&#123;

  /*disable in widget*/
  if($('.w-documentation-article').length === 0)&#123;

     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>

&lt;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 &#123;
  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%;
&#125;
.toc-top h4 &#123;
  font-size: 18px;
  line-height: 26px;
  margin: 0 0 8px;
  font-weight: 400;
&#125;
.toc-top ul &#123;
  padding: 0 0 0 15px !important;
  margin-bottom: 0;
&#125;
.toc-top > ul &#123;
  margin-bottom: 13px!important;
&#125;
.toc-anchor &#123;
  display: block;
  height: 90px;
  margin-top: -90px;
  visibility: hidden;
&#125;

/* 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 &#123;
    margin-left: 14px;
&#125;
.header-nesting-1:before &#123;
  background-image: url(https://dyzz9obi78pm5.cloudfront.net/app/image/id/5d31bcc88e121c9b25ba22c4/n/bulletv2.svg)!important;
&#125;
.header-nesting-2 &#123;
    margin-left: 28px;
&#125;
.header-nesting-2:before &#123;
  background-image: url(https://dyzz9obi78pm5.cloudfront.net/app/image/id/5d31be536e121cf22b0cc6ae/n/bulletv3.svg)!important;
&#125;
&lt;/style>

Accessing the Conferencing / Location section

To access this section, go to Booking pages in the bar on the left. Select the relevant Booking page -> Conferencing / Location (Figure 1).

Figure 1: Location settings section Figure 1: Conferencing / Location section

Conferencing / Location options

If you decide to set a meeting channel, the Booking page Conferencing / Location settings allow you to specify four types of locations for the meeting. The four different options are explained in the sections below.

Virtual location provided by you

In this case, the meeting is virtual and conducted over the phone or via audio or video conferencing. In the Edit conferencing information step, you should enter the details that the Customer needs in order to connect to the conference (Figure 2).

Figure 2: Edit conferencing information

You can provide your own video conferencing details, or integrate your account with one of our native video conferencing integrations: Zoom, Google Meet, Microsoft Teams, GoToMeeting, or Webex Meetings.

When the Customer makes a booking, they will be notified that this is a virtual meeting (Figure 3), and they will receive all connection details in the scheduling confirmation email and calendar invite.

Figure 3: Conferencing information when a virtual location provided by you

Virtual location provided by the Customer

In this case, the meeting is virtual and conducted over the phone or via audio or video conferencing. However, conferencing information for the meeting is provided by the Customer and not by you.

When the Customer makes a booking, they will be notified that this is a virtual meeting and they will be providing the conferencing information (Figure 4).

The information that the Customer provides will then be available in the scheduling confirmation email and calendar invite.

Figure 4: Conferencing information when virtual location provided by the Customer

Information displayed to Customers when they select a date and time

This setting allows you to control the text that displays in the Pick a date and time step when Customers select a time on your Booking form. This information is important, as the meeting location may impact the Customer’s time selection. For example, if the Customer knows that this is a virtual meeting, they may want to have it sooner rather than later. They’ll also know that they don’t need to plan for travel time.

Figure 5: Date and time information

Physical location set by you

In this case, the location is a physical address. You can choose to show the Customer the location with a link to a map in the Pick a date and time step of the Booking form (Figure 6). The Customer will be able to take this information into account when they select a booking time.

Figure 6: Location details when the physical location set by you

To display the location information on the Booking form, check the box marked Show the header and address when customers select a date and time (Figure 7).

Figure 7: Entering the physical meeting information

When the Customer makes a booking, the location details will be available in the scheduling confirmation email and calendar invite.

Physical location set by the Customer

In this case, the location is an input field that the Customer must provide information for. You can choose to tell the Customer in the Pick a date and time step that they need to provide a location (Figure 8). They will be able to take this information into account when selecting a time.

Figure 8: Location details when the physical location is set by the Customer

To display the location information on the Booking form, check the box marked Display this information to customers when they select a date and time (Figure 9).

Figure 9: Location information when the Customer provides the location

The location the Customer provides will then be available in the scheduling confirmation email and calendar invite.

The Meeting location header

The Meeting location header is used to name the location field. The header will be available in all places where the location is displayed, including communication emails and calendar events.