Program rujukan viral Flowrite – Bagaimana kami meningkatkan pendaftaran mingguan kami 8x

Diterbitkan: 2022-03-22

pengantar

Sejak peluncuran pertama kami di bulan Oktober, kami telah mengumpulkan pendaftaran email di halaman arahan kami dari orang-orang yang tertarik dengan produk kami. Setelah calon pengguna bergabung dengan daftar tunggu kami dengan mengirimkan alamat email mereka, kami akan menindaklanjuti dengan email konfirmasi.

Sepanjang musim gugur, kami mengulangi email konfirmasi kami berkali-kali – mencoba mendorong mereka yang mendaftar untuk berbagi tentang Flowrite kepada teman-teman mereka. Kami menguji salinan yang berbeda dan menyediakan tautan berbagi untuk media sosial, yang membuat kami mendapatkan banyak informasi dari mulut ke mulut. Pada akhirnya, apa yang hilang adalah insentif bagi orang untuk menyebarkan berita.

Beberapa bulan kemudian, kami mulai mencari solusi pemasaran rujukan yang siap pakai seperti Viral Loops, KickoffLabs, dan Prefinery, tetapi tidak ada yang benar-benar memberi kami fleksibilitas yang kami cari. Kami ingin memiliki seluruh proses – pendaftaran, orientasi, rujukan, email, dan hadiah. Lalai

Jadi, kami mulai membangun sistem rujukan kami sendiri menggunakan alat tanpa kode. Segera setelah itu, kami meluncurkan versi baru alur pendaftaran yang terdiri dari survei orientasi yang terintegrasi dengan indah dan program rujukan – memberi orang kemungkinan untuk mendapatkan hadiah dengan mengundang teman mereka untuk bergabung dalam daftar tunggu kami.

Sistem baru menyebabkan lonjakan besar dalam pendaftaran kami – peningkatan lebih dari 8x lipat pada minggu ke-4 tahun 2021 dibandingkan dengan pendaftaran mingguan rata-rata selama 6 minggu sebelumnya. Lalai

Ini adalah petunjuk langkah demi langkah praktis tentang cara menerapkan program rujukan yang sama di bisnis Anda

Apa saja yang termasuk dalam program rujukan Flowrite?

Pendaftaran email di flowrite.com
Tautan rujukan unik yang ditetapkan untuk setiap pengguna
Hadiah untuk # orang yang dirujuk
Survei Typeform yang terintegrasi dengan indah untuk mengumpulkan informasi lebih lanjut tentang setiap pengguna
Kemungkinan bagi pengguna untuk merujuk teman selama survei
Spreadsheet internal untuk melacak pendaftaran dan rujukan
Papan peringkat publik bagi pengguna untuk melacak referensi mereka

Apa yang diperlukan untuk membuat program serupa?

Situs web yang dapat Anda sesuaikan dengan HTML & JavaScript Anda sendiri (yaitu situs Webflow atau hanya situs web HTML murni)
Survei bentuk tipe (opsional)
Google Spreadsheet atau Airtable
Gmail atau sesuatu yang lain yang mengirim email
Platform otomatisasi (mis. Zapier atau Integromat) untuk merekatkan semuanya

Juga, memiliki beberapa tingkat pemahaman tentang JavaScript mungkin berguna tetapi tidak penting dengan cara apa pun!

️

Sebelum masuk ke dalamnya, saya sarankan melalui proses pendaftaran kami sendiri untuk melihat bagaimana semuanya bekerja. Cukup tekan tombol di navbar, masukkan email Anda, ikuti survei Typeform kami dan periksa kotak masuk Anda untuk email konfirmasi.

1. Membuat kode referensi

Setiap orang yang mendaftar ke daftar tunggu kami diberi kode 6 karakter acak yang terdiri dari angka dan huruf. Di akhir proses pendaftaran, kami menggunakan kode ini di halaman konfirmasi untuk memberikan tautan berbagi satu klik kepada pengguna untuk media sosial.

Untuk membuat kode rujukan, sisipkan cuplikan berikut di akhir tag <body> Anda (atau sebelum tag </body>) di setiap halaman tempat pengguna dapat mendaftar. Jika Anda menggunakan Webflow atau pembuat situs web serupa, Anda dapat menyisipkan kode secara global ke setiap halaman dari pengaturan situs Anda.

  
const referralCode = Math.random().toString(36).substring(2, 8)

Kedua, buat variabel atau konstanta lain yang disebut referralUrl, yang terdiri dari URL beranda Anda dan kode yang baru saja kita buat. Masukkan di bawah variabel referralCode.

  
const referralUrl = 'https://www.flowrite.com/?ref=' + referralCode

2. Menyimpan URL pengguna

Anda juga ingin menyimpan URL pengguna saat ini dalam sebuah variabel. Sangat penting untuk mengetahui dari URL mana setiap pendaftaran datang untuk menghitung # rujukan per setiap tautan rujukan.

  
const siteUrl = window.location.href

Kode Anda sekarang akan terlihat seperti ini:

  const referralCode = Math.random().toString(36).substring(2, 8); const referralUrl = 'https://www.flowrite.com/?ref=' + referralCode; const siteUrl = window.location.href;
const referralCode = Math.random().toString(36).substring(2, 8); const referralUrl = 'https://www.flowrite.com/?ref=' + referralCode; const siteUrl = window.location.href;

3. Formulir pendaftaran

Membuat bidang input tersembunyi

Selain bidang input email, formulir pendaftaran Anda juga harus berisi dua input tersembunyi yang akan segera kami tetapkan sebagai nilai referralUrl dan siteUrl dari langkah sebelumnya.

Untuk menambahkan bidang input, masukkan kode berikut di dalam elemen formulir Anda – tepat di sebelah bidang email.

  <input class='referralUrl' name='referralUrl'> <input class='siteUrl' name='siteUrl'>
<input class='referralUrl' name='referralUrl'> <input class='siteUrl' name='siteUrl'>

*Jika Anda menggunakan Webflow, Anda dapat melakukannya dengan elemen Sematan HTML tersembunyi.*

Mengisi kolom input

Namun, inputnya masih kosong. Anda perlu menetapkan variabel dari langkah 1 dan 2 ke dalam input Anda sehingga variabel tersebut disertakan dalam pengiriman.

  const referralCode = Math.random().toString(36).substring(2, 8); const referralUrl = 'https://www.flowrite.com/?ref=' + referralCode; const siteUrl = window.location.href; document.querySelector('#referralUrl').value=referralUrl; document.querySelector('#siteUrl').value=siteUrl;
const referralCode = Math.random().toString(36).substring(2, 8); const referralUrl = 'https://www.flowrite.com/?ref=' + referralCode; const siteUrl = window.location.href; document.querySelector('#referralUrl').value=referralUrl; document.querySelector('#siteUrl').value=siteUrl;

Jika Anda menggunakan misalnya simbol Webflow dan memiliki beberapa contoh formulir pendaftaran yang sama pada satu halaman situs web Anda, Anda perlu memastikan bahwa variabel ditetapkan ke input yang benar. Periksa memo Notion kami untuk instruksi tentang ini.

Mengujinya

Sekarang, ketika pengguna mendaftar di situs web, baik URL rujukan dan URL situs harus disertakan secara tersembunyi dalam kiriman. Jika Anda menggunakan Webflow, Anda dapat memverifikasi ini dari email konfirmasi.

4. Menyesuaikan survei Typeform Anda

Sebagai bagian dari sistem pendaftaran & rujukan, kami menggunakan Typeform untuk mempelajari lebih lanjut tentang setiap pengguna. Menyelesaikan survei Typeform tidak diperlukan untuk bergabung dengan daftar tunggu karena kami sudah mengumpulkan alamat email selama pendaftaran awal. Persentase pengguna yang melanjutkan untuk menyelesaikan survei saat ini kira-kira 75%.

Dalam praktiknya, kami ingin mengirimkan Kode rujukan (langkah 1) dan email pengguna ke dalam Typeform dan "membawa" mereka selama pengiriman. Kami melakukan ini untuk:

Gunakan Kode rujukan di tautan berbagi di halaman konfirmasi Anda (langkah 7)
Cocokkan pendaftaran daftar tunggu awal dengan jawaban Typeform yang sesuai. Dengan membawa email dari formulir pendaftaran ke Typeform, kita tidak perlu meminta pengguna untuk mengirimkannya dua kali.

Bidang tersembunyi

Untuk mewujudkannya, Anda perlu menggunakan fitur Bidang Tersembunyi Typeform. Anda dapat menemukan pengaturan di bawah Logika → Lanjutan.

Anda perlu mengatur dua Bidang Tersembunyi: @email dan @kode. Setelah selesai, Anda dapat memasukkan nilai-nilai itu di akhir tautan Typeform Anda dan mengirimkannya bersama dengan jawaban lain dari Typeform Anda:

5. Mengintegrasikan Typeform ke situs Anda

Typeform memberi Anda beberapa alternatif tentang cara menyematkan survei di halaman Anda. Jika Anda tidak ingin menggunakan sematan, Anda cukup mengarahkan pengguna Anda ke tautan Typeform.com.

Kami menggunakan alternatif "Popup" dengan ukuran Popup ditetapkan sebagai "Besar"

Jika Anda memilih untuk menggunakan salah satu penyematan, Anda perlu mengambil kode penyematan Typeform dan menempatkannya di HTML halaman Anda.

Dengan popup, tidak masalah di mana Anda menempatkan kode Typeform. Kami memiliki milik kami di atas hierarki halaman.

Munculan juga menyertakan elemen <a>, yang pada dasarnya adalah tombol "Luncurkan saya". Fungsinya untuk membuka popup survey saat diklik. Namun, karena Anda ingin sembulan terbuka secara otomatis saat pengguna mengirimkan formulir pendaftaran, Anda memerlukan sepotong kode yang melakukannya untuk Anda.

Anda juga ingin kode itu mengambil email yang dikirimkan (dari elemen input dengan id disetel ke "email"), menetapkannya ke variabel, dan menyisipkannya di akhir tautan Typeform Anda bersama dengan referralCode. Ini akan menjadi Hidden Fields yang kita atur sebelumnya

  const referralCode = Math.random().toString(36).substring(2, 8); const referralUrl = 'https://www.flowrite.com/?ref=' + referralCode; const siteUrl = window.location.href; document.querySelector('#referralUrl').value=referralUrl; document.querySelector('#siteUrl').value=siteUrl; $('#waitlist-form').submit(() => { email = document.querySelector('#email').value; $('.typeform-share').attr('href', 'https://form.typeform.com/to/c74dZXPe?typeform-medium=embed-snippet#email=' + email + '&code=' + referralCode); $('.typeform-share').click(); });
const referralCode = Math.random().toString(36).substring(2, 8); const referralUrl = 'https://www.flowrite.com/?ref=' + referralCode; const siteUrl = window.location.href; document.querySelector('#referralUrl').value=referralUrl; document.querySelector('#siteUrl').value=siteUrl; $('#waitlist-form').submit(() => { email = document.querySelector('#email').value; $('.typeform-share').attr('href', 'https://form.typeform.com/to/c74dZXPe?typeform-medium=embed-snippet#email=' + email + '&code=' + referralCode); $('.typeform-share').click(); });

Terakhir, atur visibilitas elemen <a> ke "none" untuk menyembunyikan tombol "Luncurkan saya".

Jika Anda menggunakan Webflow, Anda bisa menyembunyikan seluruh HTML Embed.

6. Pengalihan bentuk

Typeform memungkinkan Anda untuk mengarahkan pengguna ke URL khusus setelah menyelesaikan survei. URL dapat disesuaikan dengan data survei serta Bidang Tersembunyi.

Tautan pengalihan kami berisi kode rujukan (Bidang Tersembunyi) dan nama depan pengguna dari survei.

Misalnya, jika "kode" disetel ke 123456 dan nama depan pengguna adalah Aaro , URL pengalihan akan menjadi:

7. Halaman konfirmasi

Di halaman konfirmasi kami, kami ingin memberi pengguna opsi sederhana untuk membagikan tautan rujukan pribadi mereka dan memberi tahu mereka tentang hadiah yang bisa mereka peroleh.

Insentif

Cara kami untuk memberi insentif kepada pengguna adalah dengan menawarkan merchandise bermerek Flowrite dan akses gratis ke produk. Dengan merchandise, sebaiknya pilih item yang dapat Anda masukkan ke dalam surat. Kami baru-baru ini menyadari bahwa paket pengiriman ke seluruh dunia bisa menjadi sedikit mahal..

Jika Anda ingin menggali lebih dalam tentang cara memilih hadiah dan insentif untuk program rujukan, lihat panduan Batu Rujukan tentang topik tersebut.

Menyesuaikan halaman konfirmasi

Memiliki URL pengalihan khusus dari Typeform memungkinkan Anda untuk menyesuaikan halaman konfirmasi Anda untuk setiap pengguna. Misalnya, halaman konfirmasi Flowrite menggunakan nilai "nama depan" dari URL untuk membuat halaman sedikit lebih pribadi:

Untuk melakukan hal yang sama, mulailah dengan membungkus bagian paragraf yang ingin Anda sesuaikan dalam rentang. Kemudian, atur id rentang ke "nama depan".

Terakhir, masukkan cuplikan berikut di akhir tag <body> halaman konfirmasi Anda.

  const firstname = siteUrl.substring(siteUrl.indexOf('firstname=') + 10); document.getElementById('firstname').innerHTML = firstname;
const firstname = siteUrl.substring(siteUrl.indexOf('firstname=') + 10); document.getElementById('firstname').innerHTML = firstname;

Selain nama depan, Anda juga dapat menggunakan nilai "kode" dari URL untuk menyesuaikan tautan berbagi untuk media sosial. Untuk membuat tautan Twitter, pertama-tama setel id tombol bagikan Twitter Anda ke "tweet".

Kemudian, masukkan kode berikut di akhir tag <body> halaman konfirmasi Anda.

  const code = siteUrl.substring(siteUrl.lastIndexOf('code=') + 5, siteUrl.lastIndexOf('&f')); const twitterlink = 'https://twitter.com/intent/tweet?url=https://www.flowrite.com/?ref=' + code + '&text=Example'; document.getElementById('tweet').setAttribute('href', twitterlink);
const code = siteUrl.substring(siteUrl.lastIndexOf('code=') + 5, siteUrl.lastIndexOf('&f')); const twitterlink = 'https://twitter.com/intent/tweet?url=https://www.flowrite.com/?ref=' + code + '&text=Example'; document.getElementById('tweet').setAttribute('href', twitterlink);

Gunakan kreativitas Anda untuk menyesuaikan teks dan tautan di halaman konfirmasi sesuai keinginan Anda. Anda juga dapat membandingkan milik kami.

8. Email konfirmasi

Setelah pendaftaran awal di situs web kami, kami mengirim email konfirmasi ke alamat email yang dikirimkan. Tentu, kami ingin menggunakan referralUrl dari langkah 3 di setiap tautan berbagi email itu.

Terlepas dari apakah Anda menggunakan Zapier atau Integromat untuk mengotomatiskan email konfirmasi, Anda ingin menggunakan pengiriman formulir pendaftaran sebagai pemicu dan menghubungkannya ke akun email Anda untuk mengirim email konfirmasi berdasarkan data yang dikirimkan – alamat email dan URL rujukan dari langkah 3.

Kami memutuskan untuk menggunakan Gmail karena memungkinkan kami mengirim email yang terlihat dan terasa paling pribadi. Namun, batas pengiriman harian Gmail telah menyebabkan beberapa masalah bagi kami ketika volume telah melebihi 1500 email/hari. Jika volume pendaftaran Anda selalu lebih tinggi dari itu, Anda mungkin ingin mempertimbangkan alternatif lain seperti SendGrid atau Mailchimp.

Untuk menyertakan tautan dinamis dan konten lain selain teks (misalnya gambar), Anda harus memilih opsi HTML di Zapier. Di Integromat, HTML diaktifkan secara default.

Di bawah ini adalah contoh struktur yang dapat Anda gunakan untuk membuat email konfirmasi menggunakan HTML. Gunakan data dari pengiriman formulir untuk menyesuaikan referralUrl.

  Hello <br><br> This is a demo email <br><br> <a href=https://twitter.com/intent/tweet?url=[referralUrl]&text=Example>Share on Twitter</a> <br><br> <img src="imagelink" width="400" height="300"> <br><br> Cheers
Hello <br><br> This is a demo email <br><br> <a href=https://twitter.com/intent/tweet?url=[referralUrl]&text=Example>Share on Twitter</a> <br><br> <img src="imagelink" width="400" height="300"> <br><br> Cheers

9. Sistem pelacakan

Pelacakan internal

Terakhir, Anda perlu mengirimkan data pendaftaran dari situs web Anda dan pengiriman Typeform ke satu tujuan di mana Anda dapat melacak # pendaftaran, pengiriman Typeform yang sesuai, dan rujukan. Kami menggunakan Google Spreadsheet tetapi jangan ragu untuk menggunakan Airtable atau yang lain yang Anda rasa nyaman.

Agar data mengalir ke Lembar Anda secara real time, Anda harus menghubungkannya dengan situs web Anda dan Typeform menggunakan Zapier/Integromat/dll. Anda membutuhkan dua pemicu:

Daftar tunggu pendaftaran → Kirim email & Buat baris spreadsheet baru (ini yang kita bahas di langkah sebelumnya)
Pengiriman formulir → Buat baris spreadsheet baru

Baik Zapier dan Integromat memiliki instruksi yang komprehensif tentang bagaimana membuat integrasi ini terjadi.

Untuk sistem pelacakan, kami telah membuat template sederhana yang dapat Anda duplikat dan gunakan sebagai dasar untuk sistem pelacakan Anda sendiri:

Selain empat lembar kerja yang disertakan dalam template, kami juga telah membuat berbagai tabel lain seperti pelacakan hadiah otomatis dan saluran email, lembar berhenti berlangganan, pemetaan corong, dan banyak lagi. Tapi kami akan menyerahkannya padamu

Luar

Untuk membantu pengguna melacak # rujukan dengan tautan unik mereka, kami telah membuat papan peringkat publik – juga dengan Google Spreadsheet.

+ 10. Referensi tambahan dengan Typeform

Salah satu cara untuk meningkatkan tingkat rujukan Anda adalah dengan meminta pengguna Anda memasukkan alamat email teman atau kolega mereka. Ini bisa menjadi salah satu pertanyaan dalam survei Typeform Anda atau formulir di halaman konfirmasi Anda.

Kami telah menyertakan pertanyaan rujukan di akhir survei Typeform kami.

Berikut tampilannya di Zapier:

Operasi filter sebelum mengirim email itu penting. Anda ingin memastikan bahwa:

Nilainya sebenarnya adalah email (Typeform tidak sempurna dalam mengidentifikasi ini)
Nilainya tidak kosong
Perujuk tidak merujuk diri mereka sendiri

Terakhir, kami menyertakan perujuk di bidang cc dari email rujukan untuk menjadikan pengalaman lebih pribadi

Itu dia

Program rujukan Anda sekarang siap diluncurkan. Selamat!

Jika Anda mengalami masalah di sepanjang jalan, jangan ragu untuk mengirimi saya email – atau lebih baik lagi, beri komentar di Twitter / LinkedIn sehingga semua orang dapat mengetahuinya.

Saya juga ingin tahu apakah Anda akhirnya menggunakan sistem ini, jadi tolong ping saya jika Anda melakukannya dan bagikan pos dengan orang lain yang mungkin mendapat manfaat darinya ️