Product Showcase
Widget ini berguna khususnya untuk para affiliator seperti untuk produk Shopee, Tokopedia, atau lainnya. Dengan widget ini kita bisa memajang produk lebih dari 1 namun tidak menghabiskan banyak space di blog. Sehingga kemungkinan mendapatkan klik produk lebih banyak lagi.
Widget ini sudah responsif, jadi bisa ditaruh di mana aja misal di header, sidebar, atau postingan. Tapi saran saya, tempat terbaik untuk menaruh widget ini yaitu di bawah postingan karena kemungkinan mendapat kliknya lebih besar dari tempat yang lain.
Widget ini memiliki 3 pilihan tampilan khusus seperti Default, Shopee, dan Tokopedia. Anda dapat menggunakan widget ini cukup dengan menyalin kode HTML dan pastekan di dalam postingan dalam mode Tampilan HTML.
Produk Default
<div class="product_default">
<div class="title">
Rekomendasi produk dari Gila Temax
</div>
<div class="product_content">
<div class="product_inside">
<!-- Product 1 -->
<div class="product_list">
<div class="product_thumbnail">
<img alt="Thumbnail" src="TARUH_URL_GAMBAR_DISINI" width="800" height="800"/>
</div>
<div class="product_title">
TULIS JUDUL DISINI
</div>
<div class="product_price">
TULIS HARGA DISINI
</div>
<a class="buy_now_button" href="TARUH_LINK_DISINI" rel="nofollow noopener noreferer" target="_blank">
Beli Sekarang
</a>
</div>
<!-- Product 2 -->
<div class="product_list">
<div class="product_thumbnail">
<img alt="Thumbnail" src="TARUH_URL_GAMBAR_DISINI" width="800" height="800"/>
</div>
<div class="product_title">
TULIS JUDUL DISINI
</div>
<div class="product_price">
TULIS HARGA DISINI
</div>
<a class="buy_now_button" href="TARUH_LINK_DISINI" rel="nofollow noopener noreferer" target="_blank">
Beli Sekarang
</a>
</div>
<!-- Product 3 -->
<div class="product_list">
<div class="product_thumbnail">
<img alt="Thumbnail" src="TARUH_URL_GAMBAR_DISINI" width="800" height="800"/>
</div>
<div class="product_title">
TULIS JUDUL DISINI
</div>
<div class="product_price">
TULIS HARGA DISINI
</div>
<a class="buy_now_button" href="TARUH_LINK_DISINI" rel="nofollow noopener noreferer" target="_blank">
Beli Sekarang
</a>
</div>
<!-- Product 4 -->
<div class="product_list">
<div class="product_thumbnail">
<img alt="Thumbnail" src="TARUH_URL_GAMBAR_DISINI" width="800" height="800"/>
</div>
<div class="product_title">
TULIS JUDUL DISINI
</div>
<div class="product_price">
TULIS HARGA DISINI
</div>
<a class="buy_now_button" href="TARUH_LINK_DISINI" rel="nofollow noopener noreferer" target="_blank">
Beli Sekarang
</a>
</div>
<!-- Product 5 -->
<div class="product_list">
<div class="product_thumbnail">
<img alt="Thumbnail" src="TARUH_URL_GAMBAR_DISINI" width="800" height="800"/>
</div>
<div class="product_title">
TULIS JUDUL DISINI
</div>
<div class="product_price">
TULIS HARGA DISINI
</div>
<a class="buy_now_button" href="TARUH_LINK_DISINI" rel="nofollow noopener noreferer" target="_blank">
Beli Sekarang
</a>
</div>
</div>
</div>
</div>
Produk Shopee
<div class="product_shopee">
<div class="title">
Rekomendasi produk dari Shopee
</div>
<div class="product_content">
<div class="product_inside">
<!-- Product 1 -->
<div class="product_list">
<div class="product_thumbnail">
<img alt="Thumbnail" src="TARUH_URL_GAMBAR_DISINI" width="800" height="800"/>
</div>
<div class="product_title">
TULIS JUDUL DISINI
</div>
<div class="product_price">
TULIS HARGA DISINI
</div>
<a class="buy_now_button" href="TARUH_LINK_DISINI" rel="nofollow noopener noreferer" target="_blank">
Beli Sekarang
</a>
</div>
<!-- Product 2 -->
<div class="product_list">
<div class="product_thumbnail">
<img alt="Thumbnail" src="TARUH_URL_GAMBAR_DISINI" width="800" height="800"/>
</div>
<div class="product_title">
TULIS JUDUL DISINI
</div>
<div class="product_price">
TULIS HARGA DISINI
</div>
<a class="buy_now_button" href="TARUH_LINK_DISINI" rel="nofollow noopener noreferer" target="_blank">
Beli Sekarang
</a>
</div>
<!-- Product 3 -->
<div class="product_list">
<div class="product_thumbnail">
<img alt="Thumbnail" src="TARUH_URL_GAMBAR_DISINI" width="800" height="800"/>
</div>
<div class="product_title">
TULIS JUDUL DISINI
</div>
<div class="product_price">
TULIS HARGA DISINI
</div>
<a class="buy_now_button" href="TARUH_LINK_DISINI" rel="nofollow noopener noreferer" target="_blank">
Beli Sekarang
</a>
</div>
<!-- Product 4 -->
<div class="product_list">
<div class="product_thumbnail">
<img alt="Thumbnail" src="TARUH_URL_GAMBAR_DISINI" width="800" height="800"/>
</div>
<div class="product_title">
TULIS JUDUL DISINI
</div>
<div class="product_price">
TULIS HARGA DISINI
</div>
<a class="buy_now_button" href="TARUH_LINK_DISINI" rel="nofollow noopener noreferer" target="_blank">
Beli Sekarang
</a>
</div>
<!-- Product 5 -->
<div class="product_list">
<div class="product_thumbnail">
<img alt="Thumbnail" src="TARUH_URL_GAMBAR_DISINI" width="800" height="800"/>
</div>
<div class="product_title">
TULIS JUDUL DISINI
</div>
<div class="product_price">
TULIS HARGA DISINI
</div>
<a class="buy_now_button" href="TARUH_LINK_DISINI" rel="nofollow noopener noreferer" target="_blank">
Beli Sekarang
</a>
</div>
</div>
</div>
</div>
Produk Tokopedia
<div class="product_tokopedia">
<div class="title">
Rekomendasi produk dari Tokopedia
</div>
<div class="product_content">
<div class="product_inside">
<!-- Product 1 -->
<div class="product_list">
<div class="product_thumbnail">
<img alt="Thumbnail" src="TARUH_URL_GAMBAR_DISINI" width="800" height="800"/>
</div>
<div class="product_title">
TULIS JUDUL DISINI
</div>
<div class="product_price">
TULIS HARGA DISINI
</div>
<a class="buy_now_button" href="TARUH_LINK_DISINI" rel="nofollow noopener noreferer" target="_blank">
Beli Sekarang
</a>
</div>
<!-- Product 2 -->
<div class="product_list">
<div class="product_thumbnail">
<img alt="Thumbnail" src="TARUH_URL_GAMBAR_DISINI" width="800" height="800"/>
</div>
<div class="product_title">
TULIS JUDUL DISINI
</div>
<div class="product_price">
TULIS HARGA DISINI
</div>
<a class="buy_now_button" href="TARUH_LINK_DISINI" rel="nofollow noopener noreferer" target="_blank">
Beli Sekarang
</a>
</div>
<!-- Product 3 -->
<div class="product_list">
<div class="product_thumbnail">
<img alt="Thumbnail" src="TARUH_URL_GAMBAR_DISINI" width="800" height="800"/>
</div>
<div class="product_title">
TULIS JUDUL DISINI
</div>
<div class="product_price">
TULIS HARGA DISINI
</div>
<a class="buy_now_button" href="TARUH_LINK_DISINI" rel="nofollow noopener noreferer" target="_blank">
Beli Sekarang
</a>
</div>
<!-- Product 4 -->
<div class="product_list">
<div class="product_thumbnail">
<img alt="Thumbnail" src="TARUH_URL_GAMBAR_DISINI" width="800" height="800"/>
</div>
<div class="product_title">
TULIS JUDUL DISINI
</div>
<div class="product_price">
TULIS HARGA DISINI
</div>
<a class="buy_now_button" href="TARUH_LINK_DISINI" rel="nofollow noopener noreferer" target="_blank">
Beli Sekarang
</a>
</div>
<!-- Product 5 -->
<div class="product_list">
<div class="product_thumbnail">
<img alt="Thumbnail" src="TARUH_URL_GAMBAR_DISINI" width="800" height="800"/>
</div>
<div class="product_title">
TULIS JUDUL DISINI
</div>
<div class="product_price">
TULIS HARGA DISINI
</div>
<a class="buy_now_button" href="TARUH_LINK_DISINI" rel="nofollow noopener noreferer" target="_blank">
Beli Sekarang
</a>
</div>
</div>
</div>
</div>