Cara Mengonfigurasi Fitur Product Showcase Generator

Ishar Yulian Satriani

December 16, 2023 September 24, 2023

Table of Contents

Source Code HTML

<div class="zerchpro_alert alert_info">
  <div class="alert_message">
    Baca: <a href="/2023/09/cara-mengonfigurasi-fitur-product.html" rel="nofollow noopener" target="_blank">Cara Mengonfigurasi Fitur Product Showcase Generator</a>
  </div>
</div>

<div class="zerchpro_generator">
  <section class="zerchpro_product_showcase">
    <h2>Product Showcase (Etalase Produk)</h2>

    <div class="zerchpro_detail">
      <h3>Judul</h3>
      <input class="custom_input bps1" autocomplete="off" placeholder="Contoh: Direkomendasikan untuk Anda" type="text"/>

      <div class="hr"></div>

      <div class="input_added">
        <button class="add_new_benefit zerchpro_button small fab extended outlined fwm" type="button"><svg viewBox="0 0 24 24"><path d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"></path></svg>Tambah etalase</button>
      </div>

      <div class="hr"></div>

      <h3>Hasil Kode</h3>
      <p>Hasil kode generator ini harus ditempelkan pada widget berjudul <b>Product Showcase 1, 2, 3</b>.</p>
      <button class="create_button zerchpro_button small fab extended filled fwm" type="button">
        <svg fill="currentColor" viewBox="0 0 24 24"><path d="M14.6,16.6L19.2,12L14.6,7.4L16,6L22,12L16,18L14.6,16.6M9.4,16.6L4.8,12L9.4,7.4L8,6L2,12L8,18L9.4,16.6Z"></path></svg>
        Buat kode
      </button>
      <pre class="hidden" data-lang="&lt;/&gt;"><code class="html-language">Output code here</code></pre>
    </div>
  </section>
</div>

Cara Menggunakan Fitur Product Showcase Generator

Pada kolom Judul masukkan teks judul seperti contoh:
Direkomendasikan untuk Anda
Pada bagian tombol Tambah etalase berfungsi untuk menambahkan elemen etalase produk baru hingga maks. 30.

Pada kolom Gambar Produk masukkan URL gambar produk seperti contoh:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmpTBzN3WlESxSnakT_DnJBsmpeZLb2OnfqT_XzaaqHVBHASS796jCe2Zio7DS4S3R4a92d42sxoWJA_qtywpx5utcoA6zC5jlohswTLjAAeh1f7qFNqzSgwBQW9AVio0DV2-J4OCkoYDsLnq6QTxh_tx4ZVgl81ySd-M8LCRyiE570SlHd7PiQlDQ/w300-h300-p-k-no-nu/Zerch%20Pro%20-%20Best%20Premium%20Blogger%20Template%20For%20Adsense.jpg

Ukuran gambar yang disarankan 300 x 300 px.

Pada kolom Judul Produk masukkan teks judul produk seperti contoh:
Zerch Pro - Best Premium Blogger Template for AdSense

Pada kolom Tautan Produk masukkan URL/Link produk seperti contoh:
https://www.gilatemax.com/2022/07/zerch-pro-best-premium-blogger-template.html

Pada kolom Harga Produk masukkan harga produk seperti contoh:
IDR 120.000

Pada kolom Platform masukkan platform seperti contoh:
Gila Temax, Tokopedia, Shopee
Pada bagian Hasil Kode klik tombol Buat kode untuk menghasilkan kode HTML. Tempelkan kodenya di widget Tata Letak yang berjudul Product Showcase 1, 2, dan 3.

Jika Anda ingin melaporkan beberapa bug, Anda dapat menuliskannya di bagian komentar pada halaman Bug Report dan jika Anda ingin meminta fitur baru atau ingin memberikan umpan balik, silakan tuliskan di bagian komentar pada halaman Request dan Feedback.