Loading
Hantera bokningar med Salesforce Scheduler
Lägg till flödet Inkommande ny gästbokning på webbplatser med Lightning Out

Du är här:

  1. Salesforce-hjälp
  2. Dokument
  3. Salesforce Scheduler

Lägg till flödet Inkommande ny gästbokning på webbplatser med Lightning Out

Lägg till en Lightning Out-beroendeapp på din webbplats (extern webbplats) för att ge dina ej inloggade användare åtkomst till flödet Inkommande ny gästbokning.

Versioner som krävs

Tillgängliga i: Lightning Experience.
Tillgängliga i: Enterprise och Unlimited Editions.

Se till att du tillhandahåller de användar- och objektbehörigheter som behövs till dina gästanvändare. Mer information finns i Bevilja gästanvändare nödvändiga användar- och objektbehörigheter och Skapa delningsregler för gästanvändare som schemalägger bokningar.

Anteckning
Anteckning När schemaläggningsflöden finns på externa webbplatser använder flödet språkuppsättningen för webbläsaren istället för språkuppsättningen för gästanvändarprofilen.
  1. Skapa en kopia av standardflödesmallen för Inkommande ny gästbokning.
  2. För att säkerställa korrekt anpassning av användargränssnittelement, lägg till denna <style> på din webbsida: 
    <style>
        .slds-visual-picker_vertical .slds-visual-picker__figure {
            height: inherit !important;
        }

        .runtime_appointmentbookingFlowLocation .slds-visual-picker_vertical {
            display: inline-flex !important;
        }
</style>
  3. För att lägga till en referens till JavaScript Lightning Out-biblioteket, använd taggen script:
    1. Lägg till Lightning Out JavaScript-filen på din webbsida: 
      <script src="https://YourSiteDomain/lightning/lightning.out.js"></script>
    2. Ersätt https://YourSiteDomain/ med din Experience Cloud-webbplats-URL.
      Varning
      Varning Om du lägger till SiteURL i taggen script fungerar inte flödet.
  4. För att läsa in och aktivera appen lightningOutGuest på din webbsida:
    1. Lägg till standard JavaScript-koden för Lightning Out: 
      <script>
    $Lightning.use("runtime_appointmentbooking:lightningOutGuest",
        function() {                  // Callback once framework and app load
            $Lightning.createComponent(
                "lightning:flow",    // top-level component of your app
                { },    // attributes to set on the component when created
                "lexcontainer",    // the DOM location to insert the component
                function(component) {            // API name of the Flow
                    component.startFlow("Salesforce_Scheduler_Unauthenticated");
                }
            );
        },    'https://YourSiteDomain/SiteURL/'  // Site endpoint
    );
</script>
    2. Ersätt lexcontainer med den sidplats där du vill infoga Lightning-komponenten och åberopa sedan Lightning-komponenten från en annan tagg.

      Här är ett exempel på en kod för att åberopa Lightning:

      <div id="lexcontainer">
<p>Invoke the Lightning Component specified in the Script.</p>
</div>
    3. Ersätt https://YourSiteDomain/SiteURL med Experience Cloud-webbplatsens URL som innehåller flödet Inkommande ny gästbokning med de objektbehörigheter som behövs.
  5. För att lägga till den ursprungliga URL:en för extern webbplats till CORS:
    1. I Inställningar, i rutan Snabbsökning, skriv CORS och välj sedan CORS.
    2. Klicka på Ny.
    3. I fältet Ursprungs-URL-mönster, ange ursprungs-URL för extern webbplats.
    4. Spara dina ändringar.
    Anteckning
    Anteckning När schemaläggningsflöden finns på externa webbplatser visar resurskorten standardbilder istället för fotografier av serviceresurser.

Se även:

 
Laddar
Salesforce Help | Article