Inbäddningsbar bokningswidget
Lägg upp ditt fullständiga bokningsflöde på vilken webbplats som helst på minuter
Klistra in ett enda kodavsnitt på din sida och låt kunder boka möten utan att lämna din sida. Inga byggverktyg, inga plugins, inga underhållsproblem. yAppointment-widgeten monteras automatiskt, isolerar sina egna stilar och hålls synkroniserad med din aktuella tillgänglighet.
En bokningsupplevelse som passar överallt
Designad för att passa in på vilken webbplats som helst utan friktion, med full kontroll över utseende, beteende och uppföljning.
Kopiera-och-klistra-in-inbäddning
Lägg till ett litet element på din sida så tar widgeten hand om resten. Inget byggsteg, ingen bundler, inga beroenden att hantera.
- Klistra in ett enda <div data-yapp-widget data-company-id data-public-key>-element
- Monteras automatiskt när sidan laddas
- Inget byggsteg, npm install eller framework-konfiguration krävs
- Live på några minuter, på vilken redigerbar sida som helst
- Klistra in en gång och widgeten fortsätter fungera när din tillgänglighet uppdateras
Shadow-DOM-stilisolering
Widgeten renderas inuti sin egen Shadow DOM, så dess stilar läcker aldrig ut och din webbplats CSS läcker aldrig in. Den ser alltid rätt ut, oavsett var du placerar den.
- Fullständig CSS-isolering via Shadow DOM
- Din webbplats stilar kan inte bryta widgetens layout
- Widgetens stilar kan inte kollidera med din sida
- Konsekvent utseende över alla teman och mallar
- Inga CSS-återställningar eller specificitetsomvägar behövs
Koppla in ditt eget flöde
Lyssna på widgethändelser för att koppla bokningar till din analys, CRM eller anpassad tacksida exakt som du vill.
- onBookingCreated-händelsen utlöses när en bokning lyckas
- onError-händelsen låter dig hantera och rapportera fel på ett smidigt sätt
- Utlös konverteringsspårning och analys vid riktiga bokningar
- Kör dina egna bekräftelseskärmar och uppföljningssteg
- Koppla bokningar till efterföljande verktyg utan anpassade backends
Anpassa temat till ditt varumärke
Justera färger, läge, språk och starttjänst direkt från inbäddningsattributen så att widgeten känns som en naturlig del av din webbplats.
- Ljust och mörkt läge direkt från start
- Ange din varumärkesfärg med data-primary-color
- Åsidosätt visningsspråket med data-language
- Förvälj en tjänst med det valfria data-service-id-attributet
- Konfigurera allt deklarativt från inbäddningstaggen
Enkel installation, maximal kontroll
Ett kodavsnitt att bädda in, inga byggverktyg att konfigurera.
<div data-yapp-widget
data-company-id="cmp_abc123"
data-public-key="pk_live_xyz789"
data-primary-color="#a855f7"
data-language="en"
style="min-height: 500px;">
</div>
<script src="https://js.yappointment.com/v1/widget.js"></script>Byggt för verkliga webbplatser
De små detaljerna som gör widgeten tillförlitlig på produktionssajter av alla slag.
Snabb CDN-leverans
Widgeten levereras från https://js.yappointment.com/v1/widget.js, så den laddas snabbt och förblir cachad nära dina besökare.
Fungerar med vilken stack som helst
Oavsett om din webbplats är ren HTML, WordPress, React, Vue eller något annat, klistras widgeten in på samma enkla sätt.
Lättviktig av design
Byggd på Preact håller widgeten sitt fotavtryck litet så att den laddas snabbt och aldrig belastar dina sidor.
Redo för flera språk
Visa bokningsflödet på dina kunders språk och åsidosätt det per sida med ett enda data-language-attribut.
Fullständig API-referens och guider
Dyk djupare in i widgetens events, stylingalternativ och avancerad konfiguration med vår utvecklardokumentation.
- Fullständig API-dokumentation för widgeten med exempel
- Mönster för event listeners för anpassade arbetsflöden
- Integrationsguider för populära ramverk
Redo att se skillnaden?
14 dagar. Full tillgång. Inget kreditkort. Inget att förlora.
Företagare i hela Europa har ersatt administrativt kaos med en plattform som bara fungerar. Bli en av dem.
14 dagars gratis provperiod • Alltid provisionsfri • Avbryt när som helst