/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = Object.assign({ p: "p", pre: "pre", code: "code" }, _provideComponents(), props.components); return _jsxs(_Fragment, { children: [_jsx("p", { class: "mt-6 text-xl leading-8", children: _jsxs(_components.p, { children: ["Umožněte svým zákazníkům na Shopify pohodlně a jednoduše ", _jsx("strong", { class: "font-semibold text-gray-900", children: "platit faktury pomocí QR kódu" }), ". V dnešní době stále více zákazníků tento způsob platebního převodu preferuje, neboť eliminuje potřebu ručního přepisování platebních údajů. Pro obchodníky se tím zároveň snižuje chybovost a ", _jsx("strong", { class: "font-semibold text-gray-900", children: "zvyšuje pravděpodobnost okamžitého uhrazení objednávky" }), " po jejím vytvoření."] }) }), "\n", _jsx("h2", { class: "mt-10 text-2xl font-bold tracking-tight text-gray-900", children: "Snadný postup pro přidání QR kódu na Shopify 👇🏻" }), "\n", _jsxs("div", { class: "mt-8", children: [_jsx("p", { children: "V tomto článku vám představíme, jak snadno integrovat QR kód do potvrzovacího e-mailu. Po jeho naskenování automaticky načte číslo objednávky jako variabilní symbol a předvyplní číslo účtu a celkovou hodnotu objednávky pro úhradu." }), _jsx("p", { class: "mt-4", children: "Ukážeme si konkrétní postup pro dva případy: bankovní účty v České republice a na Slovensku. Na závěr se také podíváme na možnost přidání QR kódu přímo na děkovnou stránku po dokončení objednávky." }), _jsx("p", { class: "mt-4", children: _jsx("strong", { class: "font-semibold text-gray-900", children: "Připravte si následující údaje:" }) }), _jsxs("ul", { role: "list", class: "text-gray-600", children: [_jsxs("li", { class: "flex gap-x-3 mt-2", children: [_jsx("svg", { class: "mt-1 h-5 w-5 flex-none text-indigo-600", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { "fill-rule": "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", "clip-rule": "evenodd" }) }), _jsxs("span", { children: [_jsx("strong", { class: "font-semibold text-gray-900", children: "Pro CZK bankovní účet:" }), " Číslo vašeho účtu v klasickém formátu (XXXXXXXXXX/XXXX)"] })] }), _jsxs("li", { class: "flex gap-x-3", children: [_jsx("svg", { class: "mt-1 h-5 w-5 flex-none text-indigo-600", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { "fill-rule": "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", "clip-rule": "evenodd" }) }), _jsxs("span", { children: [_jsx("strong", { class: "font-semibold text-gray-900", children: "Pro EUR bankovní účet:" }), " Číslo vašeho účtu ve formátu IBAN (SKXXXXXXXXXXXXXXXXXXXXXXX)"] })] })] })] }), "\n", _jsxs("div", { children: [_jsx("h2", { class: "mt-10 text-2xl font-bold tracking-tight text-gray-900", children: "Postup přidání QR kódu pro bankovní účet v České republice" }), _jsx("div", { className: "mt-6 bg-gray-200 overflow-x-auto", children: _jsx("pre", { children: _jsx("code", { children: _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-html", children: "{% for transaction in transactions %}\n{% if transaction.gateway == \"Bank Deposit\" %}\n{% assign celkem = transaction.amount | divided_by: 100.00 %}\n{% assign ACCOUNT_NUMBER = \"XXXXXXXXXX\" %}\n{% assign BANK_CODE = \"XXXX\" %} \n\n \n \n \n \n

Platební údaje

Zvolili jste platbu bankovním převodem. Vaše objednávka bude odeslána po připsání peněz na náš účet.

Částka: {{ transaction.amount | money }}

Číslo účtu: {{ ACCOUNT_NUMBER }}/{{ BANK_CODE }}

Variabilní symbol: {{ order.name | remove_first: '#' }}

QR Platba

$\"QR$

\n\n{% endif %}\n{% endfor %}\n" }) }) }) }) }), _jsxs("figcaption", { class: "mt-4 flex gap-x-2 text-sm leading-6 text-gray-500", children: [_jsx("svg", { class: "mt-0.5 h-5 w-5 flex-none text-gray-300", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { "fill-rule": "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z", "clip-rule": "evenodd" }) }), _jsx(_components.p, { children: "Ukázka kódu pro účet vedený v České republice v korunách" })] }), _jsxs("ol", { class: "list-decimal mt-6 text-gray-600 pl-5 space-y-2 list-decimal list-inside", children: [_jsx("li", { children: "Zkopírujte kód pro ČR, který je uveden výše ☝🏻" }), _jsxs("li", { children: ["Otevřete nastavení notifikace a vyhledejte ", _jsx("strong", { class: "font-semibold text-gray-900", children: "šablonu potvrzovacího e-mailu pro objednávky" })] }), _jsxs("li", { children: ["V pravém horním rohu vyberte možnost '", _jsx("strong", { class: "font-semibold text-gray-900", children: "Upravit kód" }), "'. Případně 'Lokalizovat', pokud si přejete přidat do jiné jazykové mutace, než je váš výchozí jazyk"] }), _jsxs("li", { children: ["Najděte část kódu označenou jako ", _jsx("strong", { class: "font-semibold text-gray-900", children: "

Přehled objednávky

" }), " (text může být odlišný, záleží na vašem překladu šablony) a vložte zkopírovaný kód několik řádků nad tuto část"] }), _jsxs("li", { children: ["Nahraďte informace o bankovním účtu v kódu za skutečné údaje. Nahraďte '", _jsx("strong", { class: "font-semibold text-gray-900", children: "XXXXXXXXXX'" }), " za číslo účtu a '", _jsx("strong", { class: "font-semibold text-gray-900", children: "XXXX'" }), " za kód banky"] }), _jsx("li", { children: "Uložte provedené úpravy a proveďte testovací objednávku" })] })] }), "\n", _jsxs("figure", { class: "mt-10", children: [_jsxs("video", { class: "rounded-xl bg-gray-800", controls: true, poster: "/images/blog-post-qr-platba.png", title: "Nastavení přidání QR platby v Shopify", children: [_jsx("source", { src: "/images/qr-platba-demo.mov", type: "video/mp4" }), _jsx(_components.p, { children: "Your browser does not support the video tag." })] }), _jsxs("figcaption", { class: "mt-4 flex gap-x-2 text-sm leading-6 text-gray-500", children: [_jsx("svg", { class: "mt-0.5 h-5 w-5 flex-none text-gray-300", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { "fill-rule": "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z", "clip-rule": "evenodd" }) }), _jsx(_components.p, { children: "Video ukázka nastavení postupu, jak přidat QR kód do notifikačního emailu" })] })] }), "\n", _jsxs("div", { children: [_jsx("h2", { class: "mt-10 text-2xl font-bold tracking-tight text-gray-900", children: "Postup přidání QR kódu pro bankovní účet na Slovensku" }), _jsx("div", { className: "mt-6 bg-gray-200 overflow-x-auto", children: _jsx("pre", { children: _jsx("code", { children: _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-html", children: "{% for transaction in transactions %}\n{% if transaction.gateway == \"Bank Deposit\" %}\n{% assign celkem = transaction.amount | divided_by: 100.00 %} \n{% assign ACCOUNT_IBAN = \"SKXXXXXXXXXXXXXXXXXXXXXX\" %}\n\n \n \n \n \n

Platobné údaje

Zvolili ste platbu bankovým prevodom. Vaša objednávka bude odoslaná po pripísaní peňazí na náš účet.

Čiastka: {{ transaction.amount | money }}

IBAN: {{ ACCOUNT_IBAN }}

Variabilný symbol: {{ order.name | remove_first: '#' }}

QR Platba

$\"QR$

\n\n{% endif %}\n{% endfor %}\n" }) }) }) }) }), _jsxs("figcaption", { class: "mt-4 flex gap-x-2 text-sm leading-6 text-gray-500", children: [_jsx("svg", { class: "mt-0.5 h-5 w-5 flex-none text-gray-300", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { "fill-rule": "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z", "clip-rule": "evenodd" }) }), _jsx(_components.p, { children: "Ukázka kódu pro účet vedený na Slovensku v eurech" })] }), _jsxs("ol", { class: "list-decimal mt-6 text-gray-600 pl-5 space-y-2 list-decimal list-inside", children: [_jsx("li", { children: "Zkopírujte kód pro SK, který je uveden výše☝🏻" }), _jsxs("li", { children: ["Otevřete nastavení notifikace a vyhledejte ", _jsx("strong", { class: "font-semibold text-gray-900", children: "šablonu potvrzovacího e-mailu pro objednávky" })] }), _jsxs("li", { children: ["V pravém horním rohu vyberte možnost '", _jsx("strong", { class: "font-semibold text-gray-900", children: "Upravit kód" }), "'. Případně 'Lokalizovat', pokud si přejete přidat do jiné jazykové mutace, než je váš výchozí jazyk"] }), _jsxs("li", { children: ["Najděte část kódu označenou jako ", _jsx("strong", { class: "font-semibold text-gray-900", children: "

Prehľad objednávky

" }), " (text může být odlišný, záleží na vašem překladu šablony) a vložte zkopírovaný kód několik řádků nad tuto část"] }), _jsxs("li", { children: ["Nahraďte informace o bankovním účtu v kódu za skutečné údaje. Nahraďte '", _jsx("strong", { class: "font-semibold text-gray-900", children: "SKXXXXXXXXXXXXXXXXXXXXXX'" }), " za skutečný IBAN"] }), _jsx("li", { children: "Uložte provedené úpravy a proveďte testovací objednávku" })] })] }), "\n", _jsxs("div", { children: [_jsx("h2", { class: "mt-10 text-2xl font-bold tracking-tight text-gray-900", children: "Jak přidat QR kód přímo na děkovnou stránku po dokončení objednávky" }), _jsxs("figure", { class: "mt-6", children: [_jsx("img", { class: "aspect-video rounded-xl bg-gray-50 object-cover", src: "/images/blog-post-qr-platba-checkout.png", alt: "Ukázka zobrazení QR kódu na děkovné stránce Shopify po dokončení objednávky" }), _jsxs("figcaption", { class: "mt-4 flex gap-x-2 text-sm leading-6 text-gray-500", children: [_jsx("svg", { class: "mt-0.5 h-5 w-5 flex-none text-gray-300", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { "fill-rule": "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z", "clip-rule": "evenodd" }) }), _jsx(_components.p, { children: "Ukázka zobrazení QR kódu po dokončení objednávky" })] })] }), _jsx("p", { class: "mt-4", children: "Jak jsme slíbili na začátku, přidání QR kódu je také možné ihned po dokončení objednávky na děkovné stránce. Pro provedení této úpravy stačí přidat podobný kód ve formě skriptu v nastavení Shopify > Pokladna > Další skripty." }), _jsx("p", { class: "mt-4", children: "Je však třeba mít na paměti, že existuje možnost, že Shopify v budoucnu tento způsob modifikace pokladny přestane podporovat. S tímto vývojem počítáme a nechceme se s ním dostat do konfliktu, proto si ani tento způsob zde neukážeme. Nicméně, pro ty z vás, kteří si však přejí tento způsob využívat, dejte nám vědět. Rádi vám zdarma pomůžeme i s touto vychytávkou." })] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components); return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, { children: _jsx(_createMdxContent, props) })) : _createMdxContent(props); } return { default: MDXContent };

Jak přidat QR kód pro platbu bankovním převodem 💸

Kontaktujte nás