{"id":1151,"date":"2025-03-23T10:59:18","date_gmt":"2025-03-23T03:59:18","guid":{"rendered":"https:\/\/cuongnguyen.io.vn\/?p=1151"},"modified":"2025-03-23T10:59:18","modified_gmt":"2025-03-23T03:59:18","slug":"tich-hop-ma-qr-code-thanh-toan-vao-don-hang-woocommerce-wordpress","status":"publish","type":"post","link":"https:\/\/cuongnguyen.bat.io.vn\/index.php\/2025\/03\/23\/tich-hop-ma-qr-code-thanh-toan-vao-don-hang-woocommerce-wordpress\/","title":{"rendered":"T\u00edch h\u1ee3p m\u00e3 QR Code thanh to\u00e1n v\u00e0o \u0111\u01a1n h\u00e0ng WooCommerce WordPress"},"content":{"rendered":"

M\u00e3 QR Code thanh to\u00e1n<\/h2>\n

Qu\u00e9t m\u00e3 QR Code chuy\u1ec3n kho\u1ea3n thanh to\u00e1n, kh\u00f4ng s\u1eed d\u1ee5ng ti\u1ec1n m\u1eb7t hi\u1ec7n nay \u0111ang tr\u1edf n\u00ean r\u1ea5t ph\u1ed5 bi\u1ebfn, t\u1eeb vi\u1ec7c \u0111i si\u00eau th\u1ecb cho \u0111\u1ebfn mua m\u1edb rau ngo\u00e0i ch\u1ee3. B\u00e1n h\u00e0ng online, \u0111\u1eb7c bi\u1ec7t l\u00e0 tr\u00ean website th\u00ec kh\u00f4ng n\u00ean thi\u1ebfu. Thay v\u00ec ng\u01b0\u1eddi chuy\u1ec3n ph\u1ea3i nh\u1eadp th\u1ee7 c\u00f4ng S\u1ed1 t\u00e0i kho\u1ea3n \u2013 Ng\u00e2n h\u00e0ng \u2013 S\u1ed1 ti\u1ec1n \u2013 N\u1ed9i dung, th\u00ec b\u00e2y gi\u1edd h\u00e3y d\u00f9ng QR Code \u0111\u1ec3 qu\u00e9t th\u00f4ng tin chuy\u1ec3n kho\u1ea3n \u0111\u01b0\u1ee3c nhanh ch\u00f3ng v\u00e0 thu\u1eadn ti\u1ec7n. T\u0103ng t\u1ef7 l\u1ec7 chuy\u1ec3n \u0111\u1ed5i v\u00e0 t\u1ef7 l\u1ec7 thanh to\u00e1n tr\u01b0\u1edbc, c\u0169ng gi\u00fap website tr\u1edf n\u00ean chuy\u00ean nghi\u1ec7p v\u00e0 uy t\u00edn h\u01a1n. S\u1eed d\u1ee5ng VietQR<\/a> \u0111\u1ec3 t\u00edch h\u1ee3p t\u00ednh n\u0103ng n\u00e0y.<\/p>\n

\"Que\u0301t<\/a>
Que\u0301t Ma\u0303 Qr Code Thanh Toa\u0301n<\/figcaption><\/figure>\n

<\/span>C\u1ea5u h\u00ecnh chuy\u1ec3n kho\u1ea3n ng\u00e2n h\u00e0ng trong WooCommerce<\/h2>\n

Trong WooCommerce \u0111\u00e3 c\u00f3 s\u1eb5n ph\u1ea7n c\u1ea5u h\u00ecnh ph\u01b0\u01a1ng th\u1ee9c thanh to\u00e1n b\u1eb1ng h\u00ecnh th\u1ee9c chuy\u1ec3n kho\u1ea3n ng\u00e2n h\u00e0ng, truy c\u1eadp v\u00e0o WooCommerce -> C\u00e0i \u0111\u1eb7t -> Thanh to\u00e1n -> Chuy\u1ec3n kho\u1ea3n ng\u00e2n h\u00e0ng<\/em><\/p>\n

\"Ca\u0302\u0301u<\/a>
Ca\u0302\u0301u Hi\u0300nh Chuye\u0302\u0309n Khoa\u0309n Nga\u0302n Ha\u0300ng Woocommerce<\/figcaption><\/figure>\n

\u0110i\u1ec1n th\u00f4ng tin t\u00e0i kho\u1ea3n v\u00e0o c\u00e1c tr\u01b0\u1eddng theo m\u1eabu nh\u01b0 tr\u00ean<\/p>\n

    \n
  • T\u00ean t\u00e0i kho\u1ea3n: Vi\u1ebft hoa to\u00e0n b\u1ed9, kh\u00f4ng d\u1ea5u (vi\u1ebft th\u01b0\u1eddng, c\u00f3 d\u1ea5u v\u1eabn nh\u1eadn)<\/li>\n
  • S\u1ed1 t\u00e0i kho\u1ea3n: Vi\u1ebft li\u1ec1n<\/li>\n
  • T\u00ean ng\u00e2n h\u00e0ng: Vi\u1ebft li\u1ec1n (ch\u1eef hoa, th\u01b0\u1eddng \u0111\u1ec1u \u0111\u01b0\u1ee3c)<\/li>\n<\/ul>\n

    <\/span>Code hi\u1ec3n th\u1ecb m\u00e3 QR thanh to\u00e1n<\/h2>\n

    Ti\u1ebfp theo, sao ch\u00e9p \u0111o\u1ea1n code sau v\u00e0 \u0111\u01b0a v\u00e0o file functions.php<\/code>.<\/p>\n

    add_action<\/span>(<\/span>'woocommerce_thankyou_bacs'<\/span>,<\/span> function<\/span>(<\/span>$order_id<\/span>){<\/span>\n    $bacs_info <\/span>=<\/span> get_option<\/span>(<\/span>'woocommerce_bacs_accounts'<\/span>);<\/span>\n    if<\/span>(!<\/span>empty<\/span>(<\/span>$bacs_info<\/span>)<\/span> &&<\/span> count<\/span>(<\/span>$bacs_info<\/span>)<\/span> ><\/span> 0<\/span>):<\/span>\n        $order <\/span>=<\/span> wc_get_order<\/span>(<\/span> $order_id <\/span>);<\/span>\n        $content <\/span>=<\/span> 'Don hang '<\/span> .<\/span> $order<\/span>-><\/span>get_order_number<\/span>();<\/span> \/\/ N\u1ed9i dung chuy\u1ec3n kho\u1ea3n<\/span>\n    ?><\/span>\n        <<\/span>div <\/span>class<\/span>=<\/span>\"vdh_qr_code\"<\/span>><\/span>\n\t    <?<\/span>php <\/span>foreach<\/span>(<\/span>$bacs_info <\/span>as<\/span> $item<\/span>):<\/span> ?><\/span>\n\t    <<\/span>span <\/span>class<\/span>=<\/span>\"vdh_bank_item\"<\/span>><\/span>\n\t        <<\/span>img <\/span>class<\/span>=<\/span>\"img_qr_code\"<\/span> src<\/span>=<\/span>\"https:\/\/img.vietqr.io\/image\/<?php echo $item['bank_name']?>-<?php echo $item['account_number']?>-print.jpg?amount=<?php echo $order->get_total() ?>&addInfo=<?php echo $content ?>&accountName=<?php echo $item['account_name']?>\"<\/span> alt<\/span>=<\/span>\"QR Code\"<\/span>><\/span>\n\t    <\/<\/span>span<\/span>><\/span>\n\t    <?<\/span>php endforeach<\/span>;<\/span> ?><\/span>\n\n            <<\/span>div id<\/span>=<\/span>\"modal_qr_code\"<\/span> class<\/span>=<\/span>\"modal\"<\/span>><\/span>\n\t        <<\/span>img <\/span>class<\/span>=<\/span>\"modal-content\"<\/span> id<\/span>=<\/span>\"img01\"<\/span>><\/span>\n\t    <\/<\/span>div<\/span>><\/span>\n        <\/<\/span>div<\/span>><\/span>\n\n\t<style><\/span>\n\t    .<\/span>vdh_qr_code<\/span>{<\/span>justify<\/span>-<\/span>content<\/span>:<\/span>space<\/span>-<\/span>between<\/span>;<\/span>display<\/span>:<\/span>flex<\/span>}.<\/span>vdh_qr_code <\/span>.<\/span>vdh_bank_item<\/span>{<\/span>width<\/span>:<\/span>260px<\/span>;<\/span>display<\/span>:<\/span>inline<\/span>-<\/span>block<\/span>}.<\/span>vdh_qr_code <\/span>.<\/span>vdh_bank_item img<\/span>{<\/span>width<\/span>:<\/span>100<\/span>%}.<\/span>vdh_qr_code <\/span>.<\/span>img_qr_code<\/span>{<\/span>border<\/span>-<\/span>radius<\/span>:<\/span>5px<\/span>;<\/span>cursor<\/span>:<\/span>pointer<\/span>;<\/span>transition<\/span>:.<\/span>3s<\/span>;<\/span>display<\/span>:<\/span>block<\/span>;<\/span>margin<\/span>-<\/span>left<\/span>:<\/span>auto<\/span>;<\/span>margin<\/span>-<\/span>right<\/span>:<\/span>auto<\/span>}.<\/span>vdh_qr_code <\/span>.<\/span>img_qr_code<\/span>:<\/span>hover<\/span>{<\/span>opacity<\/span>:.<\/span>7<\/span>}.<\/span>vdh_qr_code <\/span>.<\/span>modal<\/span>{<\/span>display<\/span>:<\/span>none<\/span>;<\/span>position<\/span>:<\/span>fixed<\/span>;<\/span>z<\/span>-<\/span>index<\/span>:<\/span>999999<\/span>;<\/span>left<\/span>:<\/span>0<\/span>;<\/span>top<\/span>:<\/span>0<\/span>;<\/span>width<\/span>:<\/span>100<\/span>%;<\/span>height<\/span>:<\/span>100<\/span>%;<\/span>background<\/span>-<\/span>color<\/span>:<\/span>rgba<\/span>(<\/span>0<\/span>,<\/span>0<\/span>,<\/span>0<\/span>,.<\/span>9<\/span>)}.<\/span>vdh_qr_code <\/span>.<\/span>modal<\/span>-<\/span>content<\/span>{<\/span>margin<\/span>:<\/span>auto<\/span>;<\/span>display<\/span>:<\/span>block<\/span>;<\/span>height<\/span>:<\/span>100<\/span>%}.<\/span>vdh_qr_code <\/span>#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.vdh_qr_code #caption,.vdh_qr_code .modal-content{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}.vdh_qr_code .out{animation-name:zoom-out;animation-duration:.6s}@-webkit-keyframes zoom{from{-webkit-transform:scale(1)}to{-webkit-transform:scale(2)}}@keyframes zoom{from{transform:scale(.4)}to{transform:scale(1)}}@keyframes zoom-out{from{transform:scale(1)}to{transform:scale(0)}}.vdh_qr_code .close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.vdh_qr_code .close:focus,.vdh_qr_code .close:hover{color:#bbb;text-decoration:none;cursor:pointer}@media only screen and (max-width:768px){.vdh_qr_code .modal-content{height:auto}}<\/span>\n\t<\/<\/span>style<\/span>><\/span>\n\n\t<script><\/span>\n\t    const<\/span> modal <\/span>=<\/span> document<\/span>.<\/span>getElementById<\/span>(<\/span>'modal_qr_code'<\/span>);<\/span>\n\t    const<\/span> modalImg <\/span>=<\/span> document<\/span>.<\/span>getElementById<\/span>(<\/span>\"img01\"<\/span>);<\/span>\n\t    var<\/span> img <\/span>=<\/span> document<\/span>.<\/span>querySelectorAll<\/span>(<\/span>'.img_qr_code'<\/span>);<\/span>\n\t    for<\/span> (<\/span>var<\/span> i<\/span>=<\/span>0<\/span>;<\/span> i<\/span><<\/span>img<\/span>.<\/span>length<\/span>;<\/span> i<\/span>++){<\/span>\n\t        img<\/span>[<\/span>i<\/span>].<\/span>onclick <\/span>=<\/span> function<\/span>(){<\/span>\n\t\t    modal<\/span>.<\/span>style<\/span>.<\/span>display <\/span>=<\/span> \"block\"<\/span>;<\/span>\n\t\t    modalImg<\/span>.<\/span>src <\/span>=<\/span> this<\/span>.<\/span>src<\/span>;<\/span>\n\t\t    modalImg<\/span>.<\/span>alt <\/span>=<\/span> this<\/span>.<\/span>alt<\/span>;<\/span>\n\t\t}<\/span>\n\t    }<\/span>\n\t    modal<\/span>.<\/span>onclick <\/span>=<\/span> function<\/span>()<\/span> {<\/span>\n\t        img01<\/span>.<\/span>className <\/span>+=<\/span> \" out\"<\/span>;<\/span>\n\t\tsetTimeout<\/span>(<\/span>function<\/span>()<\/span> {<\/span>\n\t\t    modal<\/span>.<\/span>style<\/span>.<\/span>display <\/span>=<\/span> \"none\"<\/span>;<\/span>\n\t\t    img01<\/span>.<\/span>className <\/span>=<\/span> \"modal-content\"<\/span>;<\/span>\n\t\t},<\/span> 400<\/span>);<\/span>\n\t    }<\/span>\n\t<\/<\/span>script<\/span>><\/span>\n    <?<\/span>php\n    endif<\/span>;<\/span>\n});<\/span><\/pre>\n
    <\/span>Ho\u00e0n t\u1ea5t v\u00e0 xem k\u1ebft qu\u1ea3<\/h2>\n
    C\u00f3 th\u1ec3 thay n\u1ed9i dung chuy\u1ec3n kho\u1ea3n theo \u00fd mu\u1ed1n \u1edf tr\u00ean. Gi\u1edd h\u00e3y th\u1eed \u0111\u1eb7t 1 \u0111\u01a1n h\u00e0ng v\u00e0 xem k\u1ebft qu\u1ea3<\/p>\n
    \"\"<\/p>\n
    Trong m\u00e3 QR Code \u0111\u00e3 \u0111i\u1ec1n s\u1eb5n t\u1ea5t c\u1ea3 c\u00e1c th\u00f4ng tin, bao g\u1ed3m:<\/p>\n
      \n
    • T\u00ean ng\u00e2n h\u00e0ng<\/li>\n
    • S\u1ed1 t\u00e0i kho\u1ea3n<\/li>\n
    • Ch\u1ee7 t\u00e0i kho\u1ea3n<\/li>\n
    • S\u1ed1 ti\u1ec1n thanh to\u00e1n b\u1eb1ng \u0111\u00fang gi\u00e1 tr\u1ecb \u0111\u01a1n h\u00e0ng<\/li>\n
    • N\u1ed9i dung chuy\u1ec3n kho\u1ea3n l\u00e0 m\u00e3 \u0111\u01a1n h\u00e0ng (c\u00e1i n\u00e0y c\u00f3 th\u1ec3 thay \u0111\u1ed5i tu\u1ef3 ch\u1ec9nh \u0111o\u1ea1n code tr\u00ean)<\/li>\n<\/ul>\n
      Nh\u01b0 v\u1eady ch\u1ec9 c\u1ea7n c\u1ea5u h\u00ecnh v\u00e0 code 1 v\u00e0i b\u01b0\u1edbc \u0111\u01a1n gi\u1ea3n l\u00e0 \u0111\u00e3 c\u00f3 th\u1ec3 t\u00edch h\u1ee3p m\u00e3 QR Code thanh to\u00e1n v\u00e0o trong WooCommerce m\u1ed9t c\u00e1ch d\u1ec5 d\u00e0ng. Ch\u00fac c\u00e1c b\u1ea1n th\u00e0nh c\u00f4ng.<\/p>\n","protected":false},"excerpt":{"rendered":"
      M\u00e3 QR Code thanh to\u00e1n Qu\u00e9t m\u00e3 QR Code chuy\u1ec3n kho\u1ea3n thanh to\u00e1n, kh\u00f4ng s\u1eed d\u1ee5ng ti\u1ec1n m\u1eb7t hi\u1ec7n nay \u0111ang tr\u1edf n\u00ean r\u1ea5t ph\u1ed5 bi\u1ebfn, t\u1eeb vi\u1ec7c \u0111i si\u00eau th\u1ecb cho \u0111\u1ebfn mua m\u1edb rau ngo\u00e0i ch\u1ee3. B\u00e1n h\u00e0ng online, \u0111\u1eb7c bi\u1ec7t l\u00e0 tr\u00ean website th\u00ec kh\u00f4ng n\u00ean thi\u1ebfu. Thay v\u00ec ng\u01b0\u1eddi chuy\u1ec3n ph\u1ea3i […]<\/p>\n","protected":false},"author":1,"featured_media":1153,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,11],"tags":[39],"class_list":["post-1151","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chia-se","category-thiet-ke-website","tag-thiet-ke-website-wordpress"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/cuongnguyen.bat.io.vn\/index.php\/wp-json\/wp\/v2\/posts\/1151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cuongnguyen.bat.io.vn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cuongnguyen.bat.io.vn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cuongnguyen.bat.io.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cuongnguyen.bat.io.vn\/index.php\/wp-json\/wp\/v2\/comments?post=1151"}],"version-history":[{"count":0,"href":"https:\/\/cuongnguyen.bat.io.vn\/index.php\/wp-json\/wp\/v2\/posts\/1151\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cuongnguyen.bat.io.vn\/index.php\/wp-json\/wp\/v2\/media\/1153"}],"wp:attachment":[{"href":"https:\/\/cuongnguyen.bat.io.vn\/index.php\/wp-json\/wp\/v2\/media?parent=1151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cuongnguyen.bat.io.vn\/index.php\/wp-json\/wp\/v2\/categories?post=1151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cuongnguyen.bat.io.vn\/index.php\/wp-json\/wp\/v2\/tags?post=1151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}