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å minuter på vilken sida du kan redigera
- 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 ur kartongen
- Ange din varumärkesfärg med data-primary-color
- Åsidosätt visningsspråket med data-language
- Förvälja en tjänst med det valfria data-service-id-attributet
- Konfigurera allt deklarativt från inbäddningstaggen
Simple Setup, Maximum Control
One snippet to embed, zero build tools to configure.
<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.
Full API Reference & Guides
Deep dive into widget events, styling options, and advanced configuration with our developer documentation.
- Complete widget API documentation with examples
- Event listener patterns for custom workflows
- Integration guides for popular frameworks
Redo att se vad som förändras?
14 dagar. Full tillgång. Inget kreditkort. Vad har du att förlora?
Företagare i hela Europa har ersatt administrativt kaos med en plattform som bara fungerar. Häng med.
14 dagars gratis provperiod • Alltid provisionsfri • Avbryt när som helst