Cara Membuat Website Atau Blog Pada Tahun 2020 - Panduan Gratis Dan Mudah Untuk Membangun Website

Cara menambahkan verifikasi usia ke situs web dalam waktu kurang dari 10 menit

Apakah situs Anda mengandung produk dewasa atau konten yang memerlukan popup verifikasi usia? Banyak layanan verifikasi usia dapat memakan waktu dan mahal untuk apa yang mereka tawarkan.

Jadi hari ini kami akan menunjukkan kepada Anda cara menggunakan OptinMonster untuk membuat popup verifikasi usia Anda sendiri dalam waktu kurang dari 10 menit.

Di akhir tutorial ini, Anda akan dapat memverifikasi usia pelanggan Anda setiap kali mereka mengakses situs Anda.

Tapi pertama-tama, mari kita bicara tentang apa yang kami maksud dengan “popup verifikasi usia.”

Apa itu popup verifikasi usia?

Popup verifikasi usia adalah kampanye popup yang ditampilkan kepada pengunjung untuk memastikan mereka cukup tua untuk menavigasi konten di situs Anda. Bisnis yang menjual tembakau, alkohol, ganja, atau produk dewasa lainnya menggunakan verifikasi untuk memastikan bahwa pengunjung situs mereka dapat melihat konten mereka secara legal (dan aman).

Tujuan dari verifikasi usia adalah untuk memastikan bahwa penjual yang menjual produk dewasa tidak beriklan ke anak di bawah umur.

Dan sementara beberapa perusahaan melakukan halaman verifikasi usia penuh untuk situs mereka, yang lain lebih suka popup verifikasi usia sederhana.

Anda mungkin telah menemukan pesan verifikasi usia ini. Mereka terlihat seperti ini:

Contoh pop-up verifikasi umur oleh bevmo

Banyak perusahaan menambahkan pop-up verifikasi usia ke situs web untuk alasan moral dan hukum.

Dengan popup verifikasi usia, Anda dapat menutupi pangkalan Anda untuk menghindari denda atau penalti jika anak di bawah umur diketahui melakukan pembelian curang di situs Anda.

Dan sementara undang-undang untuk memverifikasi usia pengguna Anda akan berbeda-beda tergantung di mana Anda tinggal, menambahkan verifikasi usia ke situs web adalah hal yang mudah bagi siapa pun yang bekerja dengan produk dewasa.

2 cara untuk membuat popup verifikasi usia

Dalam tutorial langkah demi langkah ini, kami akan menunjukkan kepada Anda 2 cara berbeda untuk membuat popup verifikasi usia.

Metode 1: Verifikasi Usia Sederhana (Ya / Tidak)

Metode 2: Verifikasi usia dengan mengirimkan tanggal lahir

Mari kita mulai.

Metode 1: popup verifikasi usia sederhana (ya / tidak)

Kami akan menggunakan OptinMonster untuk membuat popup verifikasi usia.

Tanpa ragu, OptinMonster adalah alat konversi terbaik di pasar yang memungkinkan Anda untuk dengan mudah mengkonfigurasi kampanye apa pun di situs, termasuk sembulan verifikasi usia, formulir pembuatan prospek, dan banyak lagi.

Itu datang dengan opsi penargetan yang kuat, sehingga Anda dapat yakin bahwa kampanye Anda ditampilkan kepada orang yang tepat di halaman yang tepat pada waktu yang tepat.

Langkah 1: Buat popup Ya / Tidak

Pertama, Anda harus masuk ke akun OptinMonster Anda:

Halaman login OptinMonster

Di dasbor Anda pergi ke sudut kanan atas dan klik Buat kampanye baru:

Buat gambar kampanye akhir baru

Kemudian pilih jenis kampanye Anda. Ada 2 jenis kampanye yang berfungsi untuk verifikasi usia:

Saya suka atau benci mereka, Anda tidak bisa menyangkal bahwa pop-up BEKERJA.

Itulah mengapa Anda melihat begitu banyak merek terkenal yang menggunakan pop-up untuk verifikasi usia, kampanye pilihan, dan banyak lagi.

Atau, Anda juga dapat membuat kampanye layar penuh, yang merupakan opsi terbaik, terutama jika Anda hanya membatasi jalur URL tertentu di situs Anda.

Namun, untuk tutorial hari ini, kami akan memilih a Timbul:

Pilih jenis kampanye yang muncul

Sekarang saatnya memilih templat Anda. OptinMonster hadir dengan 50 templat premade yang berfungsi baik untuk desktop, tablet, dan perangkat seluler. Atau Anda juga dapat memilih untuk membuat template sendiri dari awal.

Hari ini, kami menggunakan Dasar model:

Buat template kampanye online dasar

Ini adalah templat pop-up sederhana dan bebas gangguan yang sempurna untuk memeriksa usia pengunjung situs Anda.

Selanjutnya, Anda perlu memberi nama kampanye dan memilih situs yang ingin Anda gunakan untuk:

Beri nama dan hubungkan situs web Anda

Anda sekarang akan melihat template Anda di editor. Dengan hanya beberapa penyesuaian kecil, sembulan verifikasi usia Anda akan muncul dalam waktu singkat.

Buka bagian atas menu editor Anda dan klik Jika tidak:

Yes_No untuk memilih tampilan

Lalu klik Aktifkan tampilan di editor Anda:

Tampilan aktif untuk kampanye Anda Yes_No

Ini akan mengaktifkan Jika tidak fitur yang biasanya digunakan untuk formulir optin 2 langkah kami. Namun, mereka juga berguna untuk memverifikasi usia pengunjung Anda.

Klik pada teks di editor untuk membuka alat pengeditan di menu sebelah kiri. Ubah teks untuk bertanya kepada pengunjung apakah mereka berusia di atas usia yang diperlukan untuk melihat informasi di situs Anda:

Ubah teks popup verifikasi usia kami

Kami juga akan menghapus subteks dari kampanye verifikasi usia kami. Untuk melakukannya, klik ikon tempat sampah subteks langsung di editor Anda:

Hapus subteks untuk kampanye verifikasi usia

Sekarang kita perlu mengedit Jika tidak pilihan.

Anda sudah punya Iya dan Tidak tombol dibuat. Jika mau, Anda dapat mengubah tampilan dan nuansa tombol-tombol ini agar sesuai dengan merek Anda. Cukup klik tombol untuk membuka alat pengeditan di menu sebelah kiri:

Ubah tombol Ya Tidak

Anda dapat mengubah tombol:

  • Warna
  • Teks
  • Sumber
  • Bayangan
  • Berbatasan

Dan lagi. Dengan OptinMonster, misi kami adalah memastikan bahwa Anda dapat menyesuaikan setiap popup untuk memenuhi kebutuhan spesifik Anda.

Hari ini kami akan mengubah kami Iya dan Tidak teks tombol lebih sederhana daripada yang ada di templat. Kami hanya perlu mereka mengatakan “Ya” atau “Tidak” untuk popup verifikasi usia kami.

Klik tombol yang ingin Anda edit dan temukan Tombol teks pedesaan. Kemudian modifikasi apa yang Anda inginkan Iya tombol untuk mengatakan:

Ubah teks tombol Ya untuk popup verifikasi usia

Klik milik Anda Tidak ada tombol dan menemukan Tombol teks untuk mengubahnya juga:

Ubah teks tanpa tombol untuk kampanye verifikasi popup age

Sekarang Anda harus memiliki yang sederhana Jika tidak kampanye di editor Anda:

Apakah Anda memiliki lebih dari 21 tahun kampanye contoh?

Langkah 2: Buat verifikasi usia wajib

Perhatikan bahwa masih ada a X tombol tutup di sudut kanan atas kampanye:

Tutup tombol X dalam kampanye

Kami tidak ingin itu muncul di popup verifikasi usia kami.

Satu-satunya cara kampanye ini harus ditutup adalah jika pengguna mengklik Iya karena mereka sudah cukup tua untuk memasuki situs Anda. Untuk saat ini, klik pada X tutup item di sudut kanan atas dan cari Tampilkan tombol tutup di menu edit di sebelah kiri:

Tampilkan tombol tutup

Ubah tuas ke Mati:

Matikan sakelar untuk menampilkan tombol tutup

Sekarang saatnya untuk mengubah Iya dan Tanpa tombol “ tindakan. Mari kita mulai dengan Iya tombol.

Klik pada Iya tombol untuk membuka opsi pengeditan di menu di sisi kiri. Gulir ke bawah ke Tindakan:

Ya tombol aksi

Di menu tarik-turun untuk Tindakan klik tombol, ubah pengaturan Pergi ke tampilan untuk Tutup kampanye:

Tindakan klik tombol: tutup kampanye

Dengan cara ini, ketika pengunjung situs Anda merespons Iya Jika mereka memenuhi persyaratan usia atau tidak, popup akan ditutup secara otomatis dan mereka akan dapat mengakses situs Anda.

Sekarang saatnya untuk memodifikasi Tanpa tombol tindakan. Klik pada Tidak tombol untuk membuka alat pengeditan. Gulir ke bawah ke Tindakan:

Tindakan klik tombol: tidak ada tombol

Di menu tarik-turun untuk Tindakan klik tombol, ubah pengaturan Tutup kampanye untuk Redirect ke URL:

Redirect ke URL untuk tombol Sin

Masukkan URL yang Anda inginkan agar pengunjung Anda diarahkan kembali ke bidang di bawah ini:

Redirect URL untuk tombol Sin: kampanye verifikasi popup age

Anda dapat memilih URL yang Anda inginkan. Jika Anda memiliki konten lain atau situs lain yang tidak dibatasi usia, Anda dapat mengirim pengunjung ke sana.

Kalau tidak, itu adalah praktik umum bagi pengunjung Anda untuk kembali ke Google.

Kami hampir selesai.

Selanjutnya, kita perlu mengonfigurasi layar dan pengaturan aktivasi kami untuk memastikan popup verifikasi usia Anda ditampilkan kepada orang yang tepat dan di halaman yang tepat.

Langkah 3: Tampilkan popup verifikasi usia untuk setiap pengguna

Di menu di sebelah kiri, klik Pengaturan tampilan:

Pengaturan tampilan di menu OptinMonster

Opsi pertama berguna untuk memilih kampanye. Pengaturan default tidak akan menampilkan munculan yang sama selama 30 hari kepada pengunjung yang tidak memilih formulir Anda:

Pengaturan Layar Default OptinMonster

Tapi ini bukan bentuk opsional, jadi kami ingin mengubahnya.

Di menu tarik-turun, ubah bidang ini dari setelah X hari untuk pada kunjungan Anda berikutnya ke situs:

Tunjukkan aturan: pada kunjungan Anda berikutnya ke situs

Dan itu adalah! Kampanye verifikasi usia Anda akan ditampilkan kepada setiap pengunjung setiap kali Anda mengunjungi situs Anda.

Langkah 4: tampilkan popup segera

Di bagian atas menu editor, klik Aturan tampilan:

Pilih Aturan Tampilan dalam kampanye OM Anda

Kami umumnya tidak menyarankan pengguna untuk segera menampilkan munculan mereka kepada pengguna. Pengaturan default kami akan menunjukkan kampanye kepada pengunjung Anda setelah 5 detik pertama berada di halaman Anda.

Namun dalam banyak kasus, kami menyarankan menampilkan kampanye karena pengguna meninggalkan situs Anda dengan Exit-Intent Technology® kami.

Namun hari ini, Anda perlu melakukan yang sebaliknya.

Biarkan kondisi pertama sebagai waktu di halaman tapi ganti bidang di sebelah Paling sedikit untuk segera:

Waktu pada halaman langsung dalam aturan tampilan

Ini berarti bahwa jendela sembulan Anda akan muncul segera setelah seseorang mencapai situs Anda.

Langkah selanjutnya akan opsional, tergantung pada kebutuhan Anda. Pada saat ini, pengaturan default akan menampilkan kampanye sembulan Anda di halaman mana pun. Namun, Anda dapat mengubahnya jika hanya halaman tertentu di situs Anda yang memiliki batasan umur.

Untuk melakukannya, Anda dapat meninggalkan opsi jalur URL saat ini sebagaimana adanya tetapi mengubah bidang adalah halaman apa saja untuk sama persis:

Ubah jalur URL saat ini menjadi Pencocokan tepat untuk kampanye verifikasi usia sembulan

Kemudian, Anda harus memasukkan URL halaman yang dibatasi usia di situs Anda:

Masukkan URL untuk aturan tampilan

Untuk menambahkan lebih banyak halaman, klik pada DAN tombol dan buat kembali aturan tampilan yang baru saja Anda buat dengan URL lain:

Tambahkan URL lain untuk menampilkan aturan

Jika Anda memiliki seluruh bagian situs web yang perlu dibatasi, Anda dapat mengubah bidangnya adalah halaman apa saja untuk mengandung:

Ubah jalur URL saat ini menjadi berisi untuk membatasi bagian dari situs Anda

Kemudian masukkan bagian dari URL siput yang ingin Anda sertakan verifikasi usia.

Jadi, jika semua posting blog Anda dimulai dengan jalur URL www.mysite.com/blogAnda akan menambahkan istilah Blog di bidang di sebelah mengandung:

Masukkan slug url untuk jalur url yang berisi

Lalu setiap URL yang mengandung istilah Blog akan menampilkan popup verifikasi umurnya.

Dan sekarang Anda sudah selesai! Hampir saja.

Jangan lupa klik Menyimpan dan Untuk memposting.😉

Anda sekarang telah menggunakan OptinMonster sebagai layanan verifikasi usia gratis untuk memastikan bahwa produk dan konten di situs Anda mencapai audiens yang tepat. Ini akan ditampilkan setiap kali pengunjung mengunjungi situs Anda dan akan segera ditampilkan.

Metode 2: Verifikasi usia dengan mengirimkan tanggal lahir

Anda mungkin telah memperhatikan bahwa di beberapa situs web, sembulan verifikasi usia meminta pengguna untuk memasukkan tanggal lahir mereka:

Halaman verifikasi usia Jack Daniels

Beberapa negara bagian atau kawasan mungkin mengharuskan Anda melakukan ini. Pertanyaannya selalu, “Bagaimana?”

Hari ini kita akan dengan cepat membagikan beberapa kode khusus yang dapat Anda gunakan untuk membuat popup verifikasi seperti ini dengan OptinMonster.

Jika Anda tidak terbiasa dengan HTML, CSS, atau JavaScript, jangan khawatir. Yang perlu Anda ketahui adalah cara menyalin dan menempel.

Seperti yang Anda lakukan sebelumnya, masuk ke akun OptinMonster Anda dan buat kampanye sembulan. Tapi kali ini, pilih Kanvas template untuk memulai dari awal:

Pilih templat kanvas untuk kampanye OM

Kemudian beri nama kampanye Anda dan tetapkan ke situs web. Editor Anda akan terlihat seperti ini ketika Anda tiba:

Verifikasi Usia Kanvas Kosong Lanjutan

Hal pertama yang harus Anda lakukan adalah menghapus X tutup tombol untuk templat ini seperti yang kami lakukan sebelumnya dalam tutorial ini. Klik pada X tutup elemen tombol dan temukan sakelar sakelar:

Tampilkan tombol tutup

Ubah tuas ke Mati:

Matikan sakelar untuk menampilkan tombol tutup

Sekarang, masuklah ke menu atas editor Anda dan klik + Tambahkan blok:

Klik Tambahkan Blok untuk menambahkan HTML khusus

Di menu di sebelah kiri, Anda akan melihat berbagai opsi blokir item. Gulir ke bawah sampai Anda menemukan HTML:

Temukan blok HTML

Seret dan lepas blok ini ke layar editor Anda. Anda sekarang akan melihat tempat untuk memasukkan HTML khusus di menu sebelah kiri:

Pengeditan HTML

Hapus kode yang saat ini ada dan ganti dengan kode HTML berikut:

HTML

Pada titik ini, kampanye Anda akan terlihat sedikit aneh. Jangan khawatir, itu normal. Karena selanjutnya, kita perlu menambahkan CSS.

CSS

Klik pada Rumah ikon untuk kembali ke alat pengeditan Anda:

Kembali ke menu mulai editor

Lalu klik Pengaturan tampilan:

Klik Pengaturan Tampilan-mnt

Dan gulir ke bawah hingga Anda melihat kotak kode CSS:

Bidang CSS khusus

Salin dan tempel kode berikut ke dalam kotak itu:

Anda akan melihat bahwa bidang input ulang tahun Anda telah dirancang:

CSS yang ditambahkan mengubah gaya promosi Anda-mnt

Klik tombol Kembali di bagian atas menu di sebelah kiri, di sebelah Dipersonalisasi CSS:

Tombol kembali, CSS berikutnya

Dan klik Dipersonalisasi JavaScript:

JavaScript khusus di menu editor

JavaScript

Salin dan tempel kode JavaScript berikut:

Dan letakkan di kotak kode di editor Anda:

Masukan kode JavaScript khusus

Satu-satunya bagian dari kode ini yang perlu Anda ketahui adalah ini:

Anda dapat mengubah “18” menjadi “21” (atau usia berapa pun) tergantung pada produk, konten, dan hukum setempat di situs Anda. Melakukan hal itu akan mengubah popup untuk memungkinkan orang 21 dan lebih tua untuk masuk, bukan 18 dan lebih tua, seperti sekarang.

Sekarang Anda hanya perlu membersihkan desain agar sesuai dengan merek Anda. Hapus kelebihan blok item dari kampanye Anda menggunakan ikon tempat sampah langsung di editor Anda:

Ikon tempat sampah

Setelah Anda menghapus semua blok berlebih, kampanye Anda akan tetap sederhana:

Template verifikasi usia sederhana

Untuk memperbaikinya, ubah warna latar belakang. Klik di bagian bawah kampanye Anda untuk membuka alat pengeditan. Untuk menemukan warna latar belakang:

Ubah warna latar belakang

Kami sarankan menggunakan kode warna “000000” untuk membuat latar belakang hitam:

Kampanye verifikasi usia akhir-mnt

Ini juga akan menampilkan teks Harap konfirmasi tanggal lahir Anda itu kosong (itu sebabnya kami tidak bisa melihatnya sebelumnya).

Dan voila, sekarang Anda memiliki jendela sembulan verifikasi usia lanjut yang memungkinkan Anda memasukkan tanggal lahir pengunjung. Jika mereka belum cukup umur untuk mengunjungi situs Anda, mereka akan menerima pesan Maaf! Anda tidak memiliki izin untuk masuk:

Pesan kesalahan verifikasi usia

Oh dan lagi jangan lupa untuk memukul Menyimpan dan Untuk memposting. 😉

Anda harus menyesuaikan aturan tampilan Anda dan memicu cara yang sama seperti yang kami lakukan selama paruh pertama tutorial ini. Kalau tidak, semuanya sudah siap.

Sekarang Anda dapat yakin bahwa pengunjung situs Anda adalah usia yang tepat untuk melihat konten Anda.

Kesimpulannya

Itu! Anda baru saja belajar cara menambahkan verifikasi usia ke situs web Anda dengan mudah.

Apakah Anda memiliki kiat atau trik hebat untuk memeriksa usia pengguna situs Anda? Jika demikian, beri tahu kami melalui bagian komentar di bawah. Anda mungkin juga ingin melihat cara menggunakan konten tertutup untuk memicu konversi.

Dan untuk saran yang lebih ahli tentang cara meningkatkan lalu lintas, meningkatkan konversi dan membuat lebih banyak penjualan, kunjungi saluran YouTube kami. Kami memiliki banyak tutorial untuk semua kebutuhan pemasaran digital Anda.

Bosan dengan teori dan siap untuk pergi? Itulah yang kami suka dengar.

Daftar di OptinMonster hari ini, bebas risiko dengan garansi uang kembali 14 hari, dan mulai kembangkan bisnis Anda hari ini.