Cara Menampilkan Google Recaptcha Di Halaman Login

Google reCAPTCHA Register Customer

Cara menampilkan Google reCaptcha di halaman login, halaman register halaman checkout resgiter maupun untuk halaman affliate login dan affiliate register toko online opencart khususnya versi 2.1.0.1, Kenapa harus memakai google reCaptcha ini, ialah untuk menghindari blog atau website toko online opecart yang kita kelola dari spam salah satunya ialah dengan menambahkan captcha, namun sebelum kita menambahkan google recaptcha ini maka kita harus setting dahulu cara menambahkan basic_captcha di opencart 2.1.0.1 semoga ketika menambahkan google reCaptcha tampil di setiap halaman,

lihat videonya disini untuk menambah basic_captcha di opencart 2.1.0.1

Setelah Anda melihat dan melaksanakan hal sesuai video di atas maka kini kita menambahkan atau menampilkan Google reCaptcha di halaman register, halaman login, halaman checkout register maupun halaman affilate login dan affiliate register disini saya memakai opencart v.2.1.0.1

1. Buka admin area

2. pilih tab extention

3. Pilih Captcha

4. Install Google reCAPTCHA

5. Pilih edit

6. Isi site key dan secret key google reCAPTCHA dan cara mendapat key lihat disini https://www.google.com/recaptcha/intro/index.html

7. Setelah mengisi site key dan secret key sesudah itu pilih enable dan klik save.

8. Masuk ke setting pilih edit

9. Masuk ke tab Option dan paling bawah

10. Pada captcha pilih Google reCAPTCHA

11. Aktifkan atau centang register pada captcha page dan save

11. Buka file google_captcha.tpl yang ada di dalam folder catalog/view/.../template/captcha/

12.Hapus instruksi yang ada di dalam file google_captcha.tpl dan ganti dengan instruksi dibawah ini

<script src="//www.google.com/recaptcha/api.js" type="text/javascript"></script> <fieldset>   <legend><?php echo $heading_title; ?></legend>   <div class="form-group required">     <?php if (substr($route, 0, 9) == 'checkout/') { ?>     <label class="control-label" for="input-payment-captcha"><?php echo $entry_captcha; ?></label>     <div id="input-payment-captcha" class="g-recaptcha" data-sitekey="<?php echo $site_key; ?>"></div>     <?php if ($error_captcha) { ?>     <div class="text-danger"><?php echo $error_captcha; ?></div>     <?php } ?>     <?php } else { ?>     <label class="col-sm-2 control-label"><?php echo $entry_captcha; ?></label>     <div class="col-sm-10">       <div class="g-recaptcha" data-sitekey="<?php echo $site_key; ?>"></div>       <?php if ($error_captcha) { ?>       <div class="text-danger"><?php echo $error_captcha; ?></div>       <?php } ?>     </div>     <?php } ?>   </div> </fieldset>

Sumber : https://github.com/opencart/opencart/commit/577754ad9af63cb3ad81160c8abee185fb45ba01

13. sesudah di ganti lalu save dan silahkan di coba.

Kaprikornus pada dasarnya lakukan pengaturan untuk menampilkan basic_captcha ibarat petunjuk sehingga dalam menampilkan google reCAPTCHA tidak ada daerah yang tidak tampil ibarat ketika konsumen register ketika checkout, dan menampilkannya di halaman login baik untuk login konsumen maupun untuk login affiliate

Gambar di atas menampilkan google reCAPTCHA di halaman Login Affiliate

Gambar diatas ialah menampilkan Google reCAPTCHA di halaman Register Affiliate

Gambar diatas ketika konsumen belanja dahulu lalu ingin checkout dan register disana maka kita dapat menambahkan google reCAPTCHA di halaman ini

Gambar di atas untuk menampilkan ketika konsumen belanja ketika menentukan guest, jadi kita dapat menampilkan Google reCAPTCHA di halaman Guest Checkout