Jak přidat QR kód 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 class="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 %}

• 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

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 class="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 %}

• 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

Přidání QR kódu na stránku s poděkováním

Pokud chcete jít ještě dál a přidat QR kód nejen do e-mailu, ale i přímo na děkovnou stránku po dokončení objednávky, máme pro vás ještě jednodušší řešení. V novém článku najdete, jak přidat QR kód na stránku s poděkováním pomocí aplikace Payflow během několika minut bez nutnosti úpravy kódu.