Zpět na články
Integrace

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

Lukáš Přibík

Lukáš Přibík

30. ledna 2025

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.html1<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:

  1. Skript skutečně vložili do části <head>
  2. HTML kód tlačítka umístili na správné místo v <body>
  3. 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.