DIY voucher E-Wallet untuk hadiah

Generate voucher fisik otomatis menggunakan platform voucherku

Dalam rangka HUT RI yang ke 79 di Komplek rumah, tahun ini saya di minta untuk menjadi panitia oleh pak RW 😅

Salah satu yang saya lakukan adalah membagikan voucher e-wallet sebagai reward bagi pemenang-pemenang lomba. Kali ini saya akan share pengalaman suka-suka (gak ada duka) membuat hadiah voucher e-wallet menggunakan platform voucherku.com .

Pertama, saya melakukan pembelian sejumlah voucher digital dari website voucherku.com. Proses pendaftaran dan pembeliannya cukup simple. Untuk kebutuhan produk e-wallet seperti GoPay, ShopeePay, OVO dan DANA diperlukan verifikasi data diri, ini pun tidak membutuhkan waktu yang lama untuk sampai di verifikasi. Overall proses pendaftaran dan pembelian cukup simple dan cepat.

Dashboard pembelian voucher e-wallet di Voucherku

Issue pertama dari menggunakan platform voucher digital seperti ini adalah, pembelian voucher akan berupa LINK yang sebenarnya ditujukan untuk mempermudah distribusi voucher ke penerima / pemenang (user) melalui jalur online.

Namun, dalam konteks ini, panitia menginginkan voucher fisik yang dapat dipegang dan di redeem langsung oleh para pemenang dengan melakukan scan QR. Karena voucher fisik yang akan dibuat akan cukup banyak... dan apabila dilakukan 1 per 1 tentu akan menyita banyak waktu.

Disinilah kreativitas diperlukan.

Saya coba menyisir apa saja yang perlu dilakukan:

Beli voucher
Desain template voucher
Generate QR dari Link Voucher
Auto-generate voucher dari semua list voucher yang ada.
Print
Potong voucher sesuai ukuran.

Design Voucher

Berhubung saya bukan orang desain, jadinya saya memanfaatkan platform Canva untuk membuat desain voucher sederhana. Desain ini berupa template yang akan berisi "placeholder" untuk QR Code, PIN dan nilai voucher-nya.

Setelah jadi, saya tinggal export aja. simple.

Generate QR

Sebenarnya dari platform Voucherku sudah memberikan fasilitas untuk generate QR otomatis, tapi ini hanya QR tanpa embel-embel desain. Mungkin tujuannya untuk di print dan di tempel pada voucher yang sudah di cetak.

Disini kita ingin print voucernya berserta QR-nya sekaligus.

MS Word Mail Merge

Cara pertama yang saya coba lakukan adalah menggunakan fitur Mail Merge dari MS Word. Fitur ini bisa dipakai untuk mempopulasikan data dari Excel ke Word.

Jadi saya dari word tinggal bikin TextBox sesuai dengan template desain.

MERGEBARCODE URL QR \q h

Menggunakan template referensi diatas akan otomatis menghasilkan QRCode berdasarkan kolom Link / URL excel yang diberikan.

Sayangnya fitur QR Generator di MS Word MacOS belum support, dan untuk printing dari multiple sheet masih belum berhasil saya coba. Akhirnya menggunakan pendekatan yang lebih extreme.

CODING.

Yep, saya mencoba melakukan coding sederhana untuk mengatasi use-case ini.

<?php
include "phpqrcode/qrlib.php";

$temp = "temp/";
if (!file_exists($temp))
 mkdir($temp);

$str = file_get_contents("voucher.json");
$vouchers = json_decode($str, true);
?>

<html>
    <head>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <?php
        $i = 1;
        foreach ($vouchers['vouchers'] as $voucher) {
            if ($i == 1) {
            echo '<div class="sheet-outer A4">';
            echo '<section class="sheet padding-5mm">';
            }
            $i = $i+1;
            QRcode::png($voucher['link'], $temp.$voucher['code'].".png");

            echo '<div class="voucher">';
            echo '<img src="/voucher.png" alt="">';
            echo '<div class="voucher-value">'.$voucher['value'].'</div>';
            echo '<div class="voucher-desc">'.$voucher['desc'].'</div>';
            echo '<div class="voucher-qr">';
            echo '<img src="'.$temp.$voucher['code'].'.png"></img>';
            echo '</div>';
            echo '<div class="voucher-pin">PIN: '.$voucher['pin'].'</div>';
            echo '</div>';
            if ($i == 1) {
            echo '</section>';
            echo '</div>';
            }
            if ($i == 4) {
                $i = 0;
            }
        }
        ?>
    </body>
</html>

Nothing fancy... cuman foreach JSON array.

TADA... jadi deh... tinggal print dan gunting-gunting vouchernya.

Oh iya, gw pakai Add-in dari Excel untuk convert Excel kolom ke format JSON. Simple, tinggal blok data dan klik "GO", langsung jadi JSON.

Potong voucher

Ya tinggal potong aja, pakai cutter ama penggaris... lebih cepat 😅

Kalau mau tutup PIN-nya bisa pakai label kertas.

Done... simple DIY voucher, tinggal di distribute deh kepada para pemenang.

Kesimpulan

Kalau mau beli voucher digital, pakai platform Voucherku lebih gampang, pilihannya banyak. Gak ribet deh.

PR-nya kalau ada kebutuhan untuk voucher fisik (yang dicetak), akan perlu sedikit kreativitas supaya bisa mengolahnya.

Next-nya apa? Keknya akan menarik kalo saya hosting solusi simple ini dan siapkan platform supaya bisa generate voucher dari Voucherku dengan upload custom desain sendiri 💡

Sounds like my next sidekick project. 😄

Thank you sudah baca sejauh ini.

-Ed