Pro vývojáře

V této sekci jsou uvedeny technické informace určené pro administrátory webových stránek notářů. Obsahují instrukce pro účely integrace našich webových formulářů do firemních internetových stránek jednotlivých notářských kanceláří. Jejich prostřednictvím mohou klienti zasílat své objednávky přímo a pouze konkrétní notářské kanceláři, z jejichž stránek poptávku odesílají.

Pro nasazení widgetu notariatonline.cz na váš web postupujte podle následujících kroků. Tento widget umožňuje snadno integrovat funkci pro zasílání objednávek přímo z vašeho webu.

Klientské ID

Pro správnou funkčnost widgetu je nezbytné získat klientské ID – unikátní alfanumerický kód, který identifikuje webové stránky konkrétního notáře.

Tento kód vám vystavíme my, proto nás, prosím, kontaktujte před zahájením implementace.

Postup pro zobrazení přímo ve stránce

Pokud chcete zobrazit widget formou přímého zobrazení na určeném místě ve stránce, postupujte následovně.

1

Vložte kód na místo, kde chcete widget zobrazit

Na zvolené místo ve zdrojovém kódu stránky vložte následující kód

<div data-notariat-widget="{clientId}"></div>

Kde nahradíte řetězec {clientId} klientským ID, které vám zašleme.

2

Vložte inicializační skript

Dále stačí na konec stránky před element </body> přidat načtení inicializačního scriptu.

<script src="https://widget.notariatonline.cz/init.js"></script>
3

Hotovo

Po znovunačtení stránky se na zvoleném místě vykreslí widget notariatonline.cz.

Postup pro zobrazení v modálním okně

Pokud chcete zobrazit widget až na vyžádání, tedy například po kliknutí na tlačítko, postupujte následovně.

1

Vložte kód na libovolné místo na webu

Na libovolné místo ve zdrojovém kódu stránky (v tagu <body>) vložte následující kód

<div data-notariat-widget="{clientId}" data-notariat-widget-form="modal"></div>

Kde nahradíte řetězec {clientId} klientským ID, které vám zašleme.

2

Přidejte obsluhu události

Vyberte si element, který bude modální okno otevírat a přidejte na něj obsluhu události, například pomocí atributu onclick. Kód, který widget zobrazí v modální okně vypadá takto:

document.querySelector('[data-notariat-widget-modal]').style.display = 'flex'

Jako příklad uvádíme otevření widgetu v modálním okně pomocí tlačítka:

<button type="button" onclick="document.querySelector('[data-notariat-widget-modal]').style.display = 'flex'">
    Otevřít widget
</button>

Zvolený element můžete samozřejmě jakkoliv stylovat a upravovat, jediná podstatná část je obsluha události.

3

Vložte inicializační skript

Dále stačí na konec stránky před element </body> přidat načtení inicializačního scriptu.

<script src="https://widget.notariatonline.cz/init.js"></script>
4

Hotovo

Po znovunačtení stránky se po kliknutí na tlačítko zobrazí widget pro notariatonline.cz v modálním okně.

Modální okno je možné pomocí CSS stylů přizpůsobit svým požadavkům. K dispozici jsou následující selektory:

  • [data-notariat-widget-modal-overlay] - pozadí stránky při otevřeném
  • [data-notariat-widget-modal-content] - samotné modální okno

Nevíte si rady?

Pokud si nevíte rady s implementací widgetu na vaše stránky a potřebujete poradit, neváhejte nás kontaktovat.

Kontaktujte nás