Å legge til AI-Estimator i kundeopplevelsen kan gjøres på to måter: enten ved å bygge inn et selvbetjent pristilbud-verktøy direkte på nettstedet ditt, eller ved å invitere kunder til å logge inn og få personlige pristilbud gjennom GelatoConnect. Denne veiledningen forklarer begge alternativene trinn for trinn.

Legge til selvbetjent tilbudsfunksjon på nettstedet ditt

Du kan integrere AI-Estimator slik at når brukere klikker på «Få et pristilbud»-knappen, åpnes en innebygd iframe som viser pristilbudsverktøyet. En eksempelimplementering er tilgjengelig som referanse.

Implementeringstrinn

Gjenkjenning av knapp
Legg til klikk-hendelseslyttere på din eksisterende «Get a Quote»-knapp. Disse bør forhindre standardnavigasjonen og i stedet utløse iframe-modus.
Erstatning av innhold
Når iframe-en åpnes, skjul hovedsideinnholdet og bunnteksten, men behold toppteksten synlig. Dette kan oppnås med CSS-egenskapene display eller visibility.
Iframe-integrasjon
Sett inn en fullskjerms iframe som laster inn tilbuds-URL-en levert av Gelato (https://printconnect.gelato.com/XX_XXX).
- Bruk height: calc(100vh - 80px) for å la det være plass til toppteksten (juster 80px basert på den faktiske høyden på toppteksten din).
- Angi width: 100% for å sikre at iframe dekker hele bredden på siden.
Lukkeknapp
Plasser en flytende «Lukk»-knapp øverst til venstre i iframe-området.
```
 Close 
```
Konfigurer den til å skjule iframe-en, gjenopprette originalt innhold og aktivere rulling på nytt når den klikkes.
Forhindring av rulling
Deaktiver rulling med document.body.style.overflow = 'hidden' når iframe-en er aktiv. Tilbakestill den til auto når den er lukket.
Tilstandshåndtering
Bruk et boolsk flagg for å spore om iframe-en er åpen eller lukket. Dette lar deg veksle mellom den innebygde visningen og nettstedets vanlige layout.

Viktige CSS-stiler

height: calc(100vh - [header-height]px) for riktig størrelse på iframe
width: 100% for full breddeoppsett
position: fixed for lukkeknappen
overflow: hidden brukt på body når iframe er aktiv
Betinget skjuling og visning av hovedinnholdet

Inviter kunder til å be om personlige pristilbud

Du kan også invitere kunder slik at de får en innlogging for å gi seg selv et pristilbud. Dette sikrer at de får personlig tilpassede priser i henhold til prisreglene du har satt for dem. Dette fjerner også behovet for at de manuelt skriver inn detaljer som navn eller e‑post, og skiller forespørsler fra verifiserte kunder

Se videodemonstrasjon for instruksjoner (24:28–29:28)

Slik fungerer det

Innloggede kunder må bruke siden direkte (ikke som en iframe), siden det kreves for en sikker opplevelse.
De vil få den lenken via e‑post når de blir invitert, og de kan også få tilgang til den på https://printconnect.gelato.com/XX_XXX/login.

Relaterte artikler

[GC - AI Estimator] Sette opp AI-Estimator selvbetjent prisestimat (nettsted + kundepålogging)