Legge til flyter for innkommende nye gjesteavtaler på nettsteder med Lightning Out
Legg til en Lightning Out-avhengighetsapp på nettstedet ditt (eksternt nettsted) for å gi ikke-godkjente brukere tilgang til flyten Innkommende ny gjesteavtale.
Nødvendige utgaver
| Tilgjengelig i Lightning Experience. |
| Tilgjengelig i Enterprise og Unlimited Edition |
Påse at du gir de nødvendige bruker- og objekttillatelsene til gjestebrukerne. Hvis du vil ha mer informasjon, kan du se Gi gjestebrukere nødvendige bruker- og objekttillatelser og Opprette delingsregler for gjestebrukere som planlegger avtaler.
Merk Når Scheduler-flyter befinner seg på eksterne nettsteder, bruker flyten språket som er angitt for nettleseren, i stedet for språket som er angitt for gjestebrukerprofilen.
- Opprett en kopi av standardflytmalen Innkommende ny gjesteavtale.
-
For å sikre nøyaktig justering av brukergrensesnittelementer legger du til denne
<style>-koden på nettsiden:<style> .slds-visual-picker_vertical .slds-visual-picker__figure { height: inherit !important; } .runtime_appointmentbookingFlowLocation .slds-visual-picker_vertical { display: inline-flex !important; } </style> -
For å legge til en referanse i JavaScript Lightning Out-biblioteket bruker du
script-koden:-
Legg til Lightning Out JavaScript-filen på nettsiden din:
<script src="https://YourSiteDomain/lightning/lightning.out.js"></script> -
Erstatt
https://YourSiteDomain/med URL-adressen til Experience Cloud-nettstedet.
Advarsel Hvis du legger til SiteURL iscript-koden, fungerer ikke flyten.
-
Legg til Lightning Out JavaScript-filen på nettsiden din:
-
For å laste inn og aktivere lightningOutGuest-appen på nettsiden:
-
Legg til standard Lightning Out JavaScript-kode:
<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> -
Erstatt
lexcontainermed sideplasseringen der du vil sette inn Lightning-komponenten, og kall deretter opp Lightning-komponenten fra en annen kode.Her er et eksempel på kode for å kalle opp Lightning:
<div id="lexcontainer"> <p>Invoke the Lightning Component specified in the Script.</p> </div> -
Erstatt
https://YourSiteDomain/SiteURLmed URL-adressen til Experience Cloud-nettstedet som inneholder flyten Innkommende ny gjesteavtale, med de nødvendige objekttillatelsene.
-
Legg til standard Lightning Out JavaScript-kode:
-
Slik legger du til URL-adressen til ekstern sted i CORS:
- Skriv inn CORS i Hurtigsøk-feltet i Oppsett, og velg deretter CORS.
- Klikk på Ny.
- Oppgi den eksterne nettstedsopphavs-URL-adressen i feltet Origin URL Pattern (Mønster for opphavs-URL-adresse).
- Lagre endringene.
Merk Når Scheduler-flyter befinner seg på eksterne nettsteder, viser ressurskortene standardbilder i stedet for bilder av tjenesteressurser.
Hjalp denne artikkelen med å løse problemet ditt?
La oss få vite det slik at vi kan forbedre!
