Jak integrovat rezervační tlačítko na váš web

Úvod

Chcete svým klientům umožnit snadnou a rychlou rezervaci služeb přímo z vašich webových stránek? Přidání rezervačního tlačítka je ten nejjednodušší způsob, jak to provést. V tomto článku si ukážeme, jak integrovat naše rezervační tlačítko do jakéhokoli webu. Stačí provést pár jednoduchých kroků, vložit krátký úryvek kódu a vaši zákazníci budou moci rezervovat termíny během několika vteřin.

Proč integrovat rezervační tlačítko?

Pohodlí pro návštěvníky: Umožněte jim rezervovat vaše služby přímo na webu, bez nutnosti otevírat další aplikace či webové stránky.
Zvýšení počtu rezervací: Díky snadnému přístupu je pravděpodobné, že více návštěvníků provede rezervaci přímo v okamžiku zájmu.
Okamžitá aktualizace: Rezervace se zapisují do vašeho rezervačního systému v reálném čase.

Postup integrace

Krok 1: Přidejte skript do hlavičky

Nejprve je potřeba vložit následující kód do hlavičky (<head>) vašich webových stránek:

Tento kód vložte do hlavičky vašich webových stránek1<script defer src="https://unpkg.com/reservine-button@latest"></script>

Krok 2: Vložte rezervační tlačítko na stránku

Na to místo ve své stránce, kde chcete tlačítko zobrazit (typicky do <body> nebo do příslušné sekce), vložte následující HTML kód:

ReservationButton.html

1<reservine-button
2reservationUrl="https://mytimegym.reservine.me"
3branch="2"
4text="Rezervovat"
5color="#3b82f6"
6size="medium"
7appearance="primary"
8width="auto"
9borderRadius="6"
10></reservine-button>

Parametry můžete snadno přizpůsobit svým potřebám:

reservationUrl: URL, která odkazuje na váš rezervační systém
branch: Pokud máte více poboček, můžete zadat konkrétní číslo pobočky
text: Text, který se zobrazí na tlačítku
color: Barva tlačítka v hex formátu
size: Velikost tlačítka – k dispozici jsou například small, medium, large
appearance: Styl tlačítka (např. primary, text, outline)
width: Šířka tlačítka (např. auto nebo full)
borderRadius: Zaoblení rohů tlačítka

Krok 3: Zkontrolujte funkčnost

Po vložení těchto úryvků kódu stačí stránku načíst v prohlížeči a zkontrolovat, zda se rezervační tlačítko objeví a funguje dle očekávání. Pokud se tlačítko nezobrazuje, ověřte, že jste:

Skript skutečně vložili do části <head>
HTML kód tlačítka umístili na správné místo v <body>
Zkontrolovali, zda nemáte na webu kolizní kód, který by bránil načtení rezervačního tlačítka

Ukázka nastavení a úpravy tlačítka

Na následujícím obrázku (snímek z naší administrační aplikace) vidíte, jak lze vygenerovat a upravit rezervační tlačítko. V uživatelském rozhraní si můžete vybrat barvu, velikost, styl či zaoblení tlačítka. Následně získáte vygenerovaný kód, který stačí vložit na váš web.

Závěr

Integrace rezervačního tlačítka je rychlým a efektivním způsobem, jak zlepšit zážitek vašich návštěvníků a zvýšit počet rezervací. Pomocí výše uvedených kroků jej snadno přidáte na jakýkoli web a začnete okamžitě využívat jeho výhody.

Máte-li jakékoli dotazy nebo potřebujete poradit s nastavením, neváhejte se na nás obrátit.