Het toevoegen van AI-Estimator aan uw klantervaring kan op twee manieren: door een zelfquote-tool direct op uw website in te bedden, of door klanten uit te nodigen om in te loggen en gepersonaliseerde offertes te krijgen via GelatoConnect. Deze handleiding legt beide opties stap voor stap uit.

Zelfquote-functionaliteit toevoegen aan je website

U kunt de AI-Estimator integreren zodat wanneer gebruikers op uw "Vraag een offerte aan" knop klikken, een ingesloten iframe opent en de offertetool weergeeft. Een voorbeeldimplementatie is beschikbaar ter referentie.

Implementatiestappen

Knopdetectie
Voeg click event listeners toe aan je bestaande "Vraag een offerte aan" knop. Deze moeten de standaard navigatie voorkomen en in plaats daarvan de iframe-modus activeren.
Inhoud vervangen
Wanneer de iframe opent, verberg je de hoofdinhoud en footer van de pagina terwijl je de header zichtbaar houdt. Dit kan worden bereikt met CSS display of visibility eigenschappen.
Iframe integratie
Voeg een iframe op volledige breedte in die de offerte-URL laadt die door Gelato wordt verstrekt (https://printconnect.gelato.com/XX_XXX).
- Gebruik height: calc(100vh - 80px) om ruimte vrij te laten voor de header (pas 80px aan op basis van je werkelijke header hoogte).
- Stel width: 100% in om ervoor te zorgen dat de iframe de volledige breedte van de pagina beslaat.
Sluitknop
Plaats een zwevende "Sluiten"-knop in de linkerbovenhoek van het iframe-gebied.
```
 Close 
```
Configureer het om de iframe te verbergen, de oorspronkelijke inhoud te herstellen en scrollen weer in te schakelen wanneer erop wordt geklikt.
Scrollpreventie
Schakel scrollen uit met document.body.style.overflow = 'hidden' wanneer de iframe actief is. Reset het naar auto zodra het gesloten is.
Statusbeheer
Gebruik een boolean vlag om bij te houden of de iframe open of gesloten is. Hiermee kun je schakelen tussen de ingesloten weergave en de normale lay-out van je site.

Belangrijke CSS-stijlen

height: calc(100vh - [header-height]px) voor juiste iframe-grootte
width: 100% voor volledige breedte lay-out
position: fixed voor de sluitknop
overflow: hidden toegepast op de body wanneer iframe actief is
Voorwaardelijk verbergen en tonen van de hoofdinhoud

Klanten uitnodigen om gepersonaliseerde offertes te krijgen

U kunt ook klanten uitnodigen zodat zij een login krijgen om zelf offertes aan te vragen. Dit zorgt ervoor dat zij gepersonaliseerde prijzen krijgen volgens de prijsregels die u voor hen hebt ingesteld. Dit elimineert ook de noodzaak voor hen om handmatig gegevens zoals naam of e-mail in te voeren, en onderscheidt verzoeken van geverifieerde klanten

Bekijk de videodemo voor instructies (24:28 – 29:28)

Hoe het werkt

Ingelogde klanten moeten de pagina direct gebruiken (niet als een iframe) omdat dit vereist is voor een veilige ervaring.
Ze krijgen die link via e-mail wanneer ze worden uitgenodigd, en ze kunnen er ook toegang toe krijgen op https://printconnect.gelato.com/XX_XXX/login.

[GC - AI Estimator] AI-Estimator Self-Quote instellen (Website + Klantlogin)