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

Jan Němec, Co-Founder, UX & Front-end Engineer

Přidání QR kódu pro platbu bankovním převodem

Umožněte svým zákazníkům na Shopify pohodlně a jednoduše 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 zvyšuje pravděpodobnost okamžitého uhrazení objednávky po jejím vytvoření.

Snadný postup pro přidání QR kódu na Shopify 👇🏻

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.

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.

Připravte si následující údaje:

  • Pro CZK bankovní účet: Číslo vašeho účtu v klasickém formátu (XXXXXXXXXX/XXXX)
  • Pro EUR bankovní účet: Číslo vašeho účtu ve formátu IBAN (SKXXXXXXXXXXXXXXXX

Postup přidání QR kódu pro bankovní účet v České republice

{% for transaction in transactions %}
    {% if transaction.gateway == "Bank Deposit" %}
    {% assign celkem = transaction.amount | divided_by: 100.00 %}
    {% assign ACCOUNT_NUMBER = "XXXXXXXXXX" %}
    {% assign BANK_CODE = "XXXX" %}     
    <center>
        <table className="container">
            <tr>
                <td>
                <h3>Platební údaje</h3>
                <p>Zvolili jste platbu bankovním převodem. Vaše objednávka bude odeslána po připsání peněz na náš účet.</p>
                <p><strong>Částka: </strong>{{ transaction.amount | money }}</p>
                <p><strong>Číslo účtu: </strong>{{ ACCOUNT_NUMBER }}/{{ BANK_CODE }}</p>
                <p><strong>Variabilní symbol: </strong>{{ order.name | remove_first: '#' }}</p>
                <p><strong>QR Platba</strong></p> 
                <p><img src="https://api.paylibo.com/paylibo/generator/czech/image?compress=false&size=80&accountNumber={{ ACCOUNT_NUMBER }}&bankCode={{ BANK_CODE }}&amount={{ celkem }}&currency=CZK&vs={{ order_name | remove_first: '#' }}" alt="QR Platba"> </p>
                </td>
            </tr>
        </table>
    </center>
    {% endif %}
{% endfor %}
Ukázka kódu pro účet vedený v České republice v korunách
  • Zkopírujte kód pro ČR, který je uveden výše ☝🏻
  • Otevřete nastavení notifikace a vyhledejte šablonu potvrzovacího e-mailu pro objednávky
  • V pravém horním rohu vyberte možnost 'Upravit kód'. Případně 'Lokalizovat', pokud si přejete přidat do jiné jazykové mutace, než je váš výchozí jazyk
  • Najděte část kódu označenou jako <h3>Přehled objednávky</h3> (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
  • Nahraďte informace o bankovním účtu v kódu za skutečné údaje. Nahraďte 'XXXXXXXXXX' za číslo účtu a 'XXXX' za kód banky
  • Uložte provedené úpravy a proveďte testovací objednávku
Video ukázka nastavení postupu, jak přidat QR kód do notifikačního emailu

Postup přidání QR kódu pro bankovní účet na Slovensku

{% for transaction in transactions %}
    {% if transaction.gateway == "Bank Deposit" %}
    {% assign celkem = transaction.amount | divided_by: 100.00 %} 
    {% assign ACCOUNT_IBAN = "SKXXXXXXXXXXXXXXXXXXXXXX" %}
    <center>
        <table className="container">
            <tr>
                <td>
                <h3>Platobné údaje</h3>
                <p>Zvolili ste platbu bankovým prevodom. Vaša objednávka bude odoslaná po pripísaní peňazí na náš účet.</p>
                <p><strong>Čiastka: </strong>{{ transaction.amount | money }}</p>
                <p><strong>IBAN: </strong>{{ ACCOUNT_IBAN }}</p>
                <p><strong>Variabilný symbol: </strong>{{ order.name | remove_first: '#' }}</p>
                <p><strong>QR Platba</strong></p>
                <p><img src="https://api.QRGenerator.sk/by-square/pay/qr.png?iban={{ ACCOUNT_IBAN }}&amount={{ celkem }}&currency=EUR&vs={{ order_name | remove_first: '#' }}&payment_note=QR PLATBA&size=128&transparent=false" alt="QR kod" /> </p>
                </td>
            </tr>
        </table>
    </center>
    {% endif %}
{% endfor %}
Ukázka kódu pro účet vedený na Slovensku v eurech
  • Zkopírujte kód pro SK, který je uveden výše ☝🏻
  • Otevřete nastavení notifikace a vyhledejte šablonu potvrzovacího e-mailu pro objednávky
  • V pravém horním rohu vyberte možnost 'Upravit kód'. Případně 'Lokalizovat', pokud si přejete přidat do jiné jazykové mutace, než je váš výchozí jazyk
  • Najděte část kódu označenou jako <h3>Prehľad objednávky</h3> (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
  • Nahraďte informace o bankovním účtu v kódu za skutečné údaje. Nahraďte 'SKXXXXXXXXXXXXXXXXXXXXXX' za skutečný IBAN
  • Uložte provedené úpravy a proveďte testovací objednávku

Další články

Jak předejít chargebackům na Shopify: Ochrana před podvody s kreditními kartami 🛡️

Chargebacky mohou způsobit e-shopům značné finanční ztráty. V tomto článku vám ukážeme, jak pomocí správného nastavení plateb a automatizace v Shopify Flow efektivně minimalizovat riziko podvodných transakcí.

Přečíst článek

Jak přidat poplatek za dobírku v Shopify: Snadný návod pro obchodníky 📦

Chcete přidat poplatek za dobírku ve vašem Shopify obchodě? S naší aplikací Payflow to zvládnete jednoduše! Zjistěte, jak vytvořit efektivní workflow, který zjednoduší proces a zlepší zákaznický zážitek, aniž byste museli řešit složité nastavení.

Přečíst článek

Posuneme vás na další level