Menambahkan Informasi Pada Halaman Login WooCommerce

TokoDaring.Com – Menambahkan Informasi Pada Halaman Login WooCommerce. Anda mungkin ingin memberikan informasi yang berguna bagi pelanggan anda maupun prospek pelanggan baru anda pada halaman login toko online anda. Tips dan trik WooCommerce berikut akan membantu anda menambahkan informasi (apapun) yang ingin anda sematkan pada halaman login dan registrasi WooCommerce.

Menambahkan Informasi Pada Halaman Login WooCommerce

Artikel Lainnya:

Menambahkan Mata Uang WooCommerce Dan Simbol Mata Uang Kustom

Code Snippet untuk menambahkan informasi pada halaman login WC

Untuk menambahkan informasi pada halaman login WooCommerce maupun halaman registrasi WooCommerce, anda mungkin perlu untuk mengaktifkan terlebih dulu “Allow customers to create an account on the “My account” page”. Setting tersebut ada pada halaman setting WooCommerce pada tab “Accounts & Privacy”.

Selanjutnya, tambahkan kode ini ke dalam file functions.php child theme. Kode ini akan menambahkan informasi pada halaman login my-account pelanggan anda dengan mengait hook woocommerce_before_customer_login_form dan membuat fungsi tokodaring_login_info.

/*
 * Menambahkan Informasi Pada Halaman Login WooCommerce
 *
 */
 
add_action( 'woocommerce_before_customer_login_form', 'tokodaring_login_info' );
function tokodaring_login_info() {
  if ( get_option( 'woocommerce_enable_myaccount_registration' ) == 'yes' ) { ?>
  <div class="woocommerce-info">
  <p><?php _e( 'Informasi yang ingin anda sampaikan! ' ); ?></p>
    <ul>
      <li><?php _e( 'Point informasi 1.' ); ?></li>
      <li><?php _e( 'Point informasi 2.' ); ?></li>
    </ul>
  </div>
  <?php
  }
}

Implementasi kode

Hasil live implementasi kode kustom di atas, bisa di lihat di halaman playground WooCommerce kami, halaman my-account Seledri.Com. Snippet code lainnya yang berguna untuk mengkustom Toko Online WooCommerce, lihat di blog kami yang di tag sebagai Coding For Fun, Untuk berita dan artikel tentang WordPress dan WooCommerce , lihati di WordPress WooCommerce.

Artikel terkait :