How to Display User Name On Booking Link Confirmation Page

Depending on how you arrange appointments for yourself and your team, you may want to display the name of the User who had the appointment scheduled on the confirmation page when someone books with you. 

This process involves inserting a script into the Booking Link header, which can be done in two ways presented below. 

Option 1: From the Settings Page

• This option requires you to be logged into AppointmentCore using an Admin account. 
• This is a company-wide setting, which means it will apply to all booking links created by you and your team.

From your AppointmentCore My Dashboard screen, head over to the left panel and click Settings. Under Company Settings on the left menu, select Branding. Note: Company Settings will only be visible if you are logged in with an account that has Admin privileges. Click inside the box for Header and paste or insert the script below: <div id="custom_header_div"></div> <script> $(document).on('eventScheduled', function(event, createdEvents, attendees){     $.each(attendees, function(idx, attendee){         if ((attendee.type || '') == 'user') {             // this is how email can be found             var email = '', seq = -1;             $.each(attendee.methods, function(i, m){                 if (m.type == 'email' && m.seq > seq) {                     email = m.v;                     seq = m.seq;                 }             });             // show message             $('#appt_time_info').after("<div class='clearfix'></div><div class='left no-control'>Coach:</div><div class='right no-control'>" + attendee.fname + " " + attendee.lname + "</div>");             return false;         }     }); }); </script> Click Save & Publish in the bottom-right corner of the page to apply this change.

Option 2: At the Publish Stage of the Booking Link Creation Process

• This option can be done on both Admin and User accounts.
• This setting only takes effect on the Booking Link to which it is applied.

At the Publish Stage of the Booking Link Creation Process, click Customize under View Your Customization. Click Custom Settings in the pop-up box that appears.  Click inside the box under Customize Calendar Header and paste or insert the script below: <div id="custom_header_div"></div> <script> $(document).on('eventScheduled', function(event, createdEvents, attendees){     $.each(attendees, function(idx, attendee){         if ((attendee.type || '') == 'user') {             // this is how email can be found             var email = '', seq = -1;             $.each(attendee.methods, function(i, m){                 if (m.type == 'email' && m.seq > seq) {                     email = m.v;                     seq = m.seq;                 }             });             // show message             $('#appt_time_info').after("<div class='clearfix'></div><div class='left no-control'>Coach:</div><div class='right no-control'>" + attendee.fname + " " + attendee.lname + "</div>");             return false;         }     }); }); </script> Click Confirm & Close in the bottom-right corner of the pop-up box to apply this change.