Generate an Appointment Invitation URL for a Customer Website

The invitation URL includes two components: invitation URL prefix and invitation key. The invitation key is auto-generated. You can specify the invitation URL prefix in the Select Service Appointment Time flow screen component.

For an invitation URL to open in a customer’s portal via Lightning Out, specify the customer website URL in the InvitationURLPrefix flow variable. After you specify the prefix in the flow and activate the flow, follow the steps in Generate an Appointment Invitation URL.

To add the Generate Appointment Invitation flow to a website, follow the steps in Add the Inbound New Guest Appointment Flow to a Website. Ensure that you change the flow to the Generate Appointment Invitation flow and then pass the invitationKey parameter.

Here's a sample JavaScript code to load and activate the lightningOutGuest app on your webpage.

<script>
    $Lightning.use("runtime_appointmentbooking:lightningOutGuest",    // name of the Lightning app
        function() {
            $Lightning.createComponent(
                "lightning:flow", // top-level component of your app
                { },                
                "lightningLocator",   // the DOM location to insert the component
                function(component) { // callback when component is created and active on the page
                    var inputVariables = [
                                    {
                                        name : 'invitationKey',
                                        type : 'String',
                                        value : new URLSearchParams(window.location.search).get('invitationKey')
                                    }
                    ];       
                    component.startFlow('Invitation_Booking',inputVariables);
                }
            );
        }, 'https://YourSiteDomain/SiteURL/'  // Community endpoint
    );
</script>