Jepretcode: December 2015

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 menggunakan google reCaptcha ini, adalah untuk menghindari blog atau website toko online opecart yang kita kelola dari spam salah satunya adalah 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 agar saat menambahkan google reCaptcha tampil di setiap halaman,

lihat videonya disini untuk menambah basic_captcha di opencart 2.1.0.1

Setelah Anda melihat dan melakukan hal sesuai video di atas maka sekarang kita menambahkan atau menampilkan Google reCaptcha di halaman register, halaman login, halaman checkout register maupun halaman affilate login dan affiliate register disini saya menggunakan 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 mendapatkan key lihat disini https://www.google.com/recaptcha/intro/index.html

7. Setelah mengisi site key dan secret key setelah 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 kode yang ada di dalam file google_captcha.tpl dan ganti dengan kode 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. setelah di ganti kemudian save dan silahkan di coba.

Jadi intinya lakukan pengaturan untuk menampilkan basic_captcha seperti petunjuk sehingga dalam menampilkan google reCAPTCHA tidak ada tempat yang tidak tampil seperti saat konsumen register saat checkout, dan menampilkannya di halaman login baik untuk login konsumen maupun untuk login affiliate