Cara Menambahkan Gambar Instagram yang Dapat Dibeli di WordPress

Diterbitkan: 2023-02-05


Apakah Anda ingin menambahkan gambar Instagram yang dapat dibeli ke situs WordPress Anda?

Gambar yang dapat dibeli di Instagram memiliki tautan yang dapat dengan mudah diklik orang untuk membeli produk Anda. Ini adalah cara ampuh untuk memamerkan produk Anda dan mendorong lebih banyak penjualan dari Instagram.

Pada artikel ini, kami akan menunjukkan kepada Anda cara menambahkan gambar Instagram yang dapat dibeli dengan mudah di WordPress.

How to add Instagram shoppable images in WordPress

Apa itu Belanja Instagram?

Belanja Instagram memungkinkan Anda menandai produk di foto Instagram Anda.

Setelah menandai satu atau lebih produk, pengguna yang melihat kiriman akan melihat ikon 'Lihat Produk' di pojok kiri bawah.

A shoppable Instagram post

Mereka cukup mengeklik ikon itu untuk melihat nama, deskripsi, dan harga produk.

Ini memudahkan pembeli untuk mempelajari lebih lanjut tentang produk yang ditampilkan di postingan media sosial Anda.

Products in a shoppable Instagram post

Pengunjung dapat mengetuk layar lagi untuk pergi ke toko Instagram Anda, di mana mereka dapat membeli produk yang ditampilkan di postingan media sosial.

Ini adalah pengalaman pengguna yang luar biasa, tetapi tidak mudah untuk disiapkan.

Anda harus mendapatkan persetujuan dari Instagram untuk menggunakan fitur belanja mereka, dan beberapa dari persyaratan ini tidak jelas. Misalnya, Anda harus “telah menunjukkan sifat dapat dipercaya, termasuk melalui kehadiran yang autentik dan mapan”. Anda juga harus mempertahankan "basis pengikut yang cukup".

Selain itu, Anda harus menyiapkan katalog Facebook, katalog produk, dan halaman bisnis Facebook.

Dengan kata lain: itu banyak.

Karena itu, banyak pengguna Instagram mencari cara yang lebih mudah untuk membantu pembeli membeli produk. Di situlah gambar Instagram yang dapat dibeli masuk.

Mengapa Menambahkan Gambar Instagram yang Dapat Dibeli di WordPress?

Umpan Instagram yang dapat dibeli adalah serangkaian foto yang memiliki tautan ke produk atau layanan di situs Anda. URL ini tidak dapat diklik saat dilihat di Instagram, seperti yang Anda lihat pada gambar berikut.

Adding a shoppable link to an Instagram post

Namun, saat Anda menyematkan feed yang dapat dibeli di situs web WordPress Anda, tautan ini menjadi dapat diklik. Dengan cara ini, umpan belanja Instagram mendorong orang yang mengunjungi situs web Anda untuk melihat produk tertentu.

Suka dan komentar apa pun yang Anda dapatkan pada kiriman tersebut juga dapat berfungsi sebagai bukti sosial, dan mendorong orang untuk mengeklik tautan produk.

Saat Anda memposting gambar baru yang dapat dibeli ke Instagram, gambar tersebut akan muncul di situs Anda secara otomatis, sehingga pengunjung akan selalu melihat postingan terbaru tanpa Anda harus menambahkannya secara manual.

Jika pengunjung menyukai apa yang mereka lihat, mereka bahkan mungkin memutuskan untuk mengikuti Anda di Instagram. Ini bisa memberi Anda lebih banyak pengikut, dan memberi Anda cara lain untuk mempromosikan langsung ke orang itu.

Lebih baik lagi, karena tautan yang dapat dibeli ini muncul di situs web Anda, Anda memiliki kendali penuh atas tautan tersebut. Ini berarti Anda tidak perlu mengikuti kebijakan Instagram yang ketat tentang belanja, atau membuat katalog produk Facebook.

Karena itu, mari kita lihat bagaimana Anda dapat dengan mudah menambahkan gambar Instagram yang dapat dibeli ke situs web WordPress Anda menggunakan Smash Balloon Instagram Pro.

Membuat Umpan Belanja di Instagram

Pertama, Anda perlu mengunggah gambar yang ingin Anda gunakan di akun Instagram Anda.

Smash Balloon memiliki fitur shoppable yang memungkinkan Anda menautkan setiap gambar ke URL di dalam pengaturan plugin. Dengan mengaktifkan fitur ini, pengunjung dapat mengeklik gambar yang dapat dibeli di situs web Anda, dan tautannya akan terbuka di tab baru.

Tautan ini tidak akan muncul di Instagram.

Opsi lainnya adalah menambahkan tautan ke keterangan Instagram Anda. Tautan ini akan muncul di Instagram, tetapi tidak dapat diklik.

Smash Balloon's lightbox popup

Namun, tautan ini dapat diklik di situs web WordPress Anda. Jika Anda ingin menggunakan metode ini, Anda perlu meluangkan waktu untuk menambahkan URL ke setiap gambar yang dapat dibeli di akun Instagram Anda.

Jika Anda berencana untuk menggunakan fitur yang dapat dibeli dari Smash Balloon, Anda dapat melewati langkah ini karena kami akan menambahkan setiap tautan di dalam pengaturan plugin.

Cara Memasang Plugin Foto Instagram Dengan Dukungan Belanja

Cara terbaik untuk menambahkan gambar Instagram yang dapat dibeli di WordPress adalah dengan menggunakan Smash Balloon Instagram Pro.

A shoppable Instagram feed, created using Smash Balloon

Dalam panduan ini, kami akan menggunakan Smash Balloon versi premium karena memiliki fitur lanjutan yang Anda perlukan untuk menambahkan gambar yang dapat dibeli di WordPress. Namun, ada juga versi gratis yang memungkinkan Anda menyematkan Instagram di WordPress.

Sebelum memulai, Anda harus menghubungkan akun Instagram Anda ke halaman Facebook. Jika Anda memiliki akun Instagram pribadi, Anda mungkin juga ingin mengubahnya menjadi akun bisnis karena ini memungkinkan Smash Balloon menampilkan bio dan tajuk Instagram Anda secara otomatis.

Saat Anda siap, lanjutkan dan instal serta aktifkan plugin Smash Balloon Instagram Pro. Untuk detail lebih lanjut, lihat panduan kami tentang cara memasang plugin WordPress.

Setelah aktivasi, buka Umpan Instagram »Pengaturan dan masukkan kunci lisensi Anda ke bidang 'Kunci Lisensi'.

Activating the Instagram Feed Pro plugin for WordPress

Anda akan menemukan informasi ini di bawah akun Anda di situs web Smash Balloon.

Setelah memasukkan kunci, klik tombol 'Aktifkan'.

Cara Menghubungkan Akun Instagram ke WordPress

Setelah mengaktifkan plugin, tugas pertama Anda adalah menghubungkan akun Instagram Anda ke WordPress. Cukup buka Umpan Instagram »Pengaturan , lalu klik 'Tambah Baru.'

How to create a new shoppable Instagram feed

Dengan Instagram Feed pro, Anda dapat membuat umpan dari pos dan tagar yang diberi tag, atau bahkan membuat dinding sosial dengan konten dari banyak situs web media sosial yang berbeda.

Kami ingin menampilkan gambar yang dapat dibeli dari garis waktu Instagram kami, jadi cukup pilih 'Garis Waktu Pengguna' lalu klik 'Berikutnya.'

Creating a shoppable Instagram feed in WordPress

Sekarang, pilih akun Instagram tempat Anda akan mendapatkan gambar yang dapat dibeli.

Untuk memulai, klik tombol 'Tambahkan Sumber'.

Adding a source for a shoppable Instagram feed

Setelah itu, pilih apakah Anda ingin menampilkan gambar shoppable dari akun Instagram pribadi atau bisnis.

Jika Anda mencentang kotak di sebelah 'Pribadi' maka Smash Balloon tidak akan menyertakan avatar dan bio Instagram di header Anda secara default. Namun, Anda selalu dapat menambahkan avatar dan bio Instagram secara manual di pengaturan plugin.

Linking a persona or business Instagram account to WordPress

Setelah memilih 'Pribadi' atau 'Bisnis', klik 'Masuk dengan Facebook.'

Anda sekarang dapat memilih akun Instagram yang ingin Anda tampilkan di situs web WordPress Anda, dan klik 'Berikutnya.'

Selecting the shoppable Instagram source

Setelah itu, centang kotak di samping halaman Facebook yang ditautkan ke akun Instagram dengan gambar yang dapat dibeli.

Setelah Anda selesai melakukannya, klik tombol 'Berikutnya'.

Selecting the Facebook page you want to use

Sekarang Anda akan melihat munculan dengan semua informasi yang dapat diakses Instagram Feed Pro dan tindakan yang dapat dilakukannya.

Untuk membatasi akses plugin ke akun Instagram Anda, cukup klik salah satu sakelar untuk mengubahnya dari 'Ya' menjadi 'Tidak.' Ketahuilah bahwa ini dapat memengaruhi foto yang dapat Anda tampilkan di blog atau situs web WordPress Anda.

Dengan mengingat hal itu, kami sarankan untuk membiarkan semua sakelar diaktifkan. Bila Anda puas dengan pengaturannya, klik 'Selesai'.

Changing the information that Smash Balloon can access

Anda sekarang akan melihat munculan dengan akun Instagram yang baru saja Anda tambahkan ke situs web Anda.

Cukup centang kotak di samping akun tersebut, lalu klik 'Tambah'.

Adding a shoppable image source to a WordPress website

Instagram Feed Pro sekarang akan membawa Anda kembali ke Instagram Feeds » All Feeds screen.

Untuk membuat feed, cukup centang kotak di samping akun Instagram yang ingin digunakan. Kemudian, klik 'Berikutnya.'

How to create a shoppable Instagram feed

Plugin sekarang akan membuat umpan foto Instagram yang dapat Anda tambahkan ke halaman, pos, atau area siap widget mana pun.

Namun, sebelum Anda dapat menampilkan gambar yang dapat dibeli, ada beberapa pengaturan tambahan yang harus dikonfigurasi.

Cara Mengaktifkan Fitur Belanja Smash Balloon (Opsional)

Seperti yang telah kami sebutkan, ada dua cara untuk membuat umpan foto Instagram Anda dapat dibeli. Jika Anda telah menambahkan URL ke keterangan Anda di Instagram, lewati saja ke langkah berikutnya.

Pilihan lainnya adalah membuka tautan yang dapat dibeli di tab baru segera setelah pengunjung mengeklik sebuah kiriman. Untuk melakukannya, Anda harus mengaktifkan fitur belanja Smash Balloon.

Untuk memulai, pilih tab 'Pengaturan' dan kemudian klik 'Umpan yang Dapat Dibelanja'.

How to create a shoppable Instagram feed for your online store

Di layar ini, lanjutkan dan alihkan penggeser 'Aktifkan' sehingga berubah menjadi biru.

Smash Balloon sekarang akan menampilkan tombol 'Tambah' di setiap foto atau video di umpan Instagram Anda.

How to add shoppable links to a WooCommerce site or e-commerce store

Cukup temukan postingan pertama yang ingin Anda jadikan dapat dibeli, dan klik tombol 'Tambah'.

Anda sekarang dapat mengetikkan URL produk atau layanan ke dalam bidang 'Tautan Produk' dan klik 'Tambah'.

How to add a shoppable link to an Instagram post

Sekarang, mengklik foto ini akan membuka URL tertaut di tab baru.

Cukup ulangi langkah-langkah ini untuk membuat setiap gambar dapat dibeli.

Jika Anda perlu mengubah URL kiriman kapan saja, arahkan mouse Anda ke atasnya dan klik 'Perbarui'.

Changing the shoppable links in an Instagram feed

Setelah Anda menambahkan semua tautan Anda, jangan lupa untuk mengklik tombol 'Simpan'.

Cara Memfilter Umpan Instagram Anda yang Dapat Dibeli

Secara default, Smash Balloon menampilkan semua gambar dan video dari akun Instagram Anda. Namun, karena kami sedang membuat feed yang dapat dibeli, Anda mungkin ingin memfilter postingan Anda, dan hanya menampilkan foto yang tertaut ke produk atau layanan.

Ini dapat membantu pembeli menemukan produk untuk dibeli, tanpa terganggu oleh foto dan video lain di feed Instagram Anda.

Dengan Smash Balloon, mudah untuk memfilter postingan Instagram berdasarkan keterangannya. Anda cukup menambahkan kata kunci atau tagar ke gambar yang dapat dibeli di Instagram, lalu membuat filter yang cocok di Smash Balloon.

Misalnya, pada gambar berikut kami menggunakan tagar #ordernow untuk semua gambar yang ingin kami jadikan dapat dibeli.

Filtering a shoppable Instagram feed by hashtag

Untuk membuat filter di Smash Balloon, pilih tab 'Pengaturan'.

Kemudian, lanjutkan dan klik 'Filter dan Moderasi.'

Filtering shoppable Instagram photos and videos using a hashtag

Di kotak 'Hanya tampilkan postingan yang berisi', ketik tagar atau kata kunci yang ingin Anda gunakan di filter.

Jika Anda ingin menggunakan banyak kata dalam filter, cukup pisahkan setiap tagar atau kata kunci dengan koma.

Adding a filter to a shoppable Instagram feed

Bila Anda puas dengan cara penyiapan filter, klik tombol 'Simpan'.

Perlu diketahui bahwa pratinjau tidak akan langsung diperbarui, jadi Anda perlu menyegarkan halaman untuk melihat filter bekerja.

A filtered shoppable Instagram feed

Cara Menyesuaikan Umpan Instagram Anda yang Dapat Dibeli

Jika Anda puas dengan foto dan video yang muncul di umpan langsung belanja, Anda mungkin ingin mengubah tampilan umpan.

Untuk menyesuaikan umpan Instagram yang dapat dibeli, cukup klik tab 'Sesuaikan'. Di sisi kiri adalah semua pengaturan yang dapat Anda gunakan untuk mengubah tampilan feed yang dapat dibeli.

How to customize your shoppable Instagram feed

Sebagian besar pengaturan ini sudah cukup jelas, tetapi kami akan segera membahas beberapa area utama yang dapat membantu Anda mendapatkan lebih banyak penjualan.

Mari mulai dari atas, dengan memilih 'Tata Letak Umpan'. Di sini, Anda dapat memilih tata letak yang berbeda untuk feed yang dapat dibeli, seperti korsel dan sorotan.

Adding Instagram shoppable images to WordPress

Saat Anda melakukan perubahan, pratinjau akan diperbarui secara otomatis sehingga Anda dapat mencoba setelan yang berbeda untuk melihat mana yang terlihat terbaik.

Bergantung pada tata letaknya, Anda akan mendapatkan beberapa setelan tambahan yang dapat digunakan untuk menyempurnakan umpan Anda. Misalnya jika Anda memilih 'Sorot' maka Anda dapat memberi tahu Smash Balloon untuk menyorot postingan berdasarkan pola, ID postingan, atau tagar tertentu. Ini bagus untuk menyoroti produk Anda yang paling populer.

Showing Instagram shoppable images in a highlighted layout with Smash Balloon

Pada tahun 2025, diperkirakan konsumen AS akan menghabiskan $710 miliar setiap tahun untuk berbelanja di perangkat seluler mereka. Dengan pemikiran tersebut, Anda pasti ingin memastikan umpan Instagram yang dapat dibeli terlihat sama bagusnya di smartphone dan tablet, seperti halnya di desktop.

Secara default, Smash Balloon akan menampilkan jumlah foto yang sama di komputer desktop dan perangkat seluler.

Anda dapat mempratinjau tampilan feed yang dapat dibeli di komputer desktop, tablet, dan smartphone menggunakan deretan tombol di pojok kanan atas.

Creating a mobile-friendly layout for an e-Commerce site

Anda dapat menampilkan lebih sedikit foto yang dapat dibeli di perangkat seluler dengan mengubah setelan di bagian 'Jumlah Postingan' dan 'Kolom'.

Setelah melakukan perubahan, klik tautan 'Sesuaikan'. Ini akan membawa Anda kembali ke editor utama Smash Balloon, siap untuk Anda menjelajahi opsi berikutnya, yaitu 'Skema Warna.'

Changing the color scheme of a shoppable Instagram feed

Secara default, Smash Balloon menggunakan skema warna yang diwarisi dari tema WordPress Anda, tetapi juga memiliki tema 'Terang' dan 'Gelap' yang mungkin ingin Anda gunakan untuk umpan belanja.

Pilihan lainnya adalah membuat skema warna Anda sendiri dengan memilih 'Kustom'. Kemudian, cukup gunakan kontrol untuk mengubah warna latar belakang, mengubah warna teks di WordPress, dan lainnya.

Changing the color scheme for your Instagram shoppable feed

Secara default, Smash Balloon menambahkan header ke feed yang dapat dibeli, yaitu gambar profil dan nama halaman Anda.

Untuk mengubah tampilan bagian ini, klik 'Header' di menu sebelah kiri, lalu gunakan pengaturan untuk mengubah ukuran header Anda, menambahkan teks bio Instagram, dan lainnya.

Customizing the header for an embedded Instagram feed

Anda juga dapat menambahkan bio yang berbeda. Misalnya, Anda dapat mendorong orang untuk membeli produk Anda, atau menawarkan kode kupon eksklusif kepada pengunjung.

Untuk informasi lebih lanjut tentang cara membuat kode ini, silakan lihat ahli kami memilih plugin kode kupon WordPress terbaik untuk toko online Anda.

Untuk membuat bio Instagram yang unik, cukup ketik ke dalam kotak 'Tambah bio kustom'.

How to add Instagram shoppable images in WordPress

Setelah selesai, klik 'Kustomisasi' untuk kembali ke editor Smash Balloon utama.

Kemudian, pilih 'Pos.'

How to customize individual Instagram posts in WordPress

Ini membawa Anda ke layar yang memiliki beberapa opsi berbeda.

Anda dapat melihat setelan ini dan membuat perubahan apa pun yang Anda inginkan, tetapi kami akan berfokus pada 'Teks'.

Customizing the Instagram captions

Jika Anda menambahkan tautan yang dapat dibeli ke teks, penting untuk membuat teks menonjol. Misalnya, Anda dapat memperbesar teks.

Anda bahkan dapat menggunakan warna yang berbeda untuk teks.

Adding a style to a shoppable Instagram caption

Setelah selesai, klik 'Posting' untuk kembali ke layar sebelumnya.

Di sini, Anda juga akan melihat opsi 'Hover State', yang merupakan hamparan yang ditambahkan Smash Balloon ke kiriman saat Anda mengarahkan kursor ke atasnya.

Adding a hover state to a shoppable Instagram feed

Ini memungkinkan pengunjung untuk melihat tautan apa pun di keterangan Anda tanpa membuka kiriman Instagram tersebut terlebih dahulu.

Di layar ini, Anda dapat menggunakan pengaturan untuk membuat overlay berwarna yang menarik.

How to create a custom hover state for an Instagram photo and video feed

Setelah memilih 'Hover State', Anda dapat mengubah warna latar belakang dan warna teks yang muncul saat Anda mengarahkan kursor ke setiap postingan.

Di bawah 'Informasi untuk ditampilkan', Anda akan melihat semua informasi berbeda yang dapat ditampilkan Smash Balloon sebagai bagian dari overlay. Cukup centang kotak di samping setiap informasi yang ingin Anda tampilkan.

Smash Balloon's hover state settings

Jika teks berisi tautan yang dapat dibeli, pastikan Anda membiarkan 'Teks' diaktifkan.

Bila Anda puas dengan perubahan Anda, klik 'Sesuaikan' untuk kembali ke layar utama editor Smash Balloon. Anda sekarang dapat memilih opsi berikutnya, yaitu 'Load More Button.'

Smash Ballon's Load More button settings

Secara default, Smash Balloon menambahkan tombol 'Muat Lebih Banyak' di bagian bawah umpan Instagram Anda sehingga pengunjung dapat menelusuri kiriman Anda yang dapat dibeli.

Di sini, Anda dapat mengubah warna latar belakang tombol, warna teks, dan status hover.

Anda juga dapat menambahkan perpesanan Anda sendiri ke tombol dengan mengetik di kolom 'Teks'.

How to add a load more button to a shoppable Instagram feed

Meskipun kami menyarankan untuk membiarkan tombol 'Muat Lebih Banyak' diaktifkan untuk mendapatkan lebih banyak penjualan, Anda dapat menghapusnya. Misalnya, Anda dapat mendorong orang untuk mengunjungi halaman Instagram Anda dengan membatasi jumlah foto yang dapat mereka lihat di situs Anda.

Untuk menghapus tombol, cukup klik pada penggeser 'Aktifkan' untuk mengubahnya dari biru menjadi abu-abu.

How to remove the Load More button from a social media photo feed in WordPress

Jika pembeli menyukai apa yang mereka lihat, mereka mungkin memutuskan untuk mengikuti Anda di Instagram menggunakan tombol 'Ikuti di Instagram' yang muncul di bawah feed yang dapat dibeli.

Karena ini adalah tombol yang sangat penting, Anda mungkin ingin menonjolkannya dengan memilih 'Follow Button' dari layar utama editor Smash Balloon.

Adding a follow button to a shoppable Instagram feed

Di sini, Anda dapat mengubah warna latar belakang tombol, kondisi hover, dan warna teks.

Anda juga dapat mengganti teks 'Ikuti di Instagram' default dengan perpesanan Anda sendiri.

How to get more followers with a Follow button

Seperti biasa, setelah selesai dengan pengaturan ini, klik 'Sesuaikan' untuk kembali ke layar editor utama.

Jika Anda telah mengaktifkan fitur Smash Balloon shoppable, mengeklik kiriman mana pun di umpan Instagram akan membuka tab baru dan mengarahkannya langsung ke halaman produk tertaut.

Namun, jika Anda belum mengaktifkan fitur shoppable maka Anda mungkin ingin melihat fitur lightbox Smash Balloon.

Fitur ini memungkinkan pengunjung untuk membuka gambar atau video dalam sembulan lightbox, tanpa meninggalkan situs web WordPress Anda. Mereka kemudian dapat mengeklik tautan yang dapat dibeli di teks.

Smash Ballon's Instagram lightbox popup

Untuk mengaktifkan atau menonaktifkan lightbox, cukup pilih 'Lightbox' dari menu sebelah kiri.

Di sini, Anda dapat menghapus atau menambahkan fitur ini menggunakan penggeser 'Aktifkan'.

How to enable or disable the Instagram lightbox popup

Anda juga dapat mengubah berapa banyak komentar Smash Balloon yang akan ditampilkan di lightbox. Banyak komentar positif bisa menjadi bukti sosial yang kuat, yang sering membantu Anda menjual lebih banyak produk dan layanan.

Namun, mereka juga dapat mengganggu sehingga Anda mungkin ingin mengetikkan angka maksimum ke dalam 'No. dari kotak komentar.

How to limit the number of comments in a shoppable Instagram feed

Opsi lainnya adalah menyembunyikan komentar sepenuhnya, dengan mengeklik sakelar 'Komentar'.

Saat Anda puas dengan tampilan umpan Instagram, jangan lupa klik 'Simpan' untuk menyimpan perubahan Anda. Anda sekarang siap untuk menambahkan umpan Instagram yang dapat dibeli ke situs web Anda.

Cara Menyematkan Umpan Instagram di WordPress

Anda dapat menambahkan umpan yang dapat dibeli ke situs web Anda menggunakan blok, widget, atau kode pendek.

Jika Anda telah membuat lebih dari satu feed menggunakan plugin Smash Balloon, maka Anda harus mengetahui kode feed tersebut jika Anda akan menggunakan widget atau blok.

Untuk mendapatkan kode ini, buka Instagram Feed » All Feeds lalu salin nilainya di kolom 'Shortcode'.

The code for a shoppable Instagram feed

Jika Anda ingin menyematkan feed Instagram di halaman atau postingan, maka kami sarankan untuk menggunakan blok Feed Instagram.

Buka saja halaman atau posting tempat Anda ingin menyematkan umpan foto dan video yang dapat dibeli. Kemudian, klik ikon '+' untuk menambahkan blok baru dan mulai mengetik 'Umpan Instagram.'

Ketika blok kanan muncul, klik untuk menambahkannya ke halaman atau posting.

The Instagram Feed WordPress block

Blok tersebut akan menampilkan salah satu feed Smash Balloon Anda secara default. Jika Anda ingin menampilkan umpan Instagram yang berbeda, temukan 'Pengaturan Kode Pendek' di menu sebelah kanan.

Di sini, cukup tambahkan shortcode dan kemudian klik 'Apply Changes.'

Adding a shoppable Instagram feed to a page or post

Blok sekarang akan menampilkan semua foto dan video dari umpan Instagram Anda. Cukup terbitkan atau perbarui halaman untuk membuat umpan langsung di situs web Anda.

Opsi lainnya adalah menambahkan feed ke area siap widget, seperti sidebar atau bagian serupa. Ini memungkinkan pengunjung untuk berbelanja menggunakan umpan Instagram Anda dari halaman mana pun di situs Anda.

Cukup buka Penampilan »Widget di dasbor WordPress lalu klik tombol biru '+'.

Adding a shoppable feed to any widget-ready area

Di bilah pencarian, ketik 'Umpan Instagram' dan pilih widget yang tepat saat muncul.

Perlu diketahui bahwa WordPress memiliki widget Instagram bawaan, jadi pastikan Anda memilih salah satu yang menampilkan logo Instagram resmi.

Adding a shoppable Instagram widget to WordPress

Selanjutnya, cukup seret widget ke area tempat Anda ingin menampilkan feed Instagram yang dapat dibeli, seperti sidebar atau bagian serupa.

Widget akan secara otomatis menampilkan salah satu feed yang Anda buat menggunakan Smash Balloon. Jika ini bukan umpan Instagram yang dapat dibeli yang baru saja Anda buat, ketikkan kode umpan ke dalam kotak 'Pengaturan Kode Pendek'.

Setelah itu, klik 'Terapkan Perubahan'.

Anda sekarang dapat menghidupkan widget dengan mengeklik tombol 'Perbarui'. Untuk informasi lebih lanjut, silakan lihat panduan langkah demi langkah kami tentang cara menambahkan dan menggunakan widget di WordPress.

Opsi lainnya adalah menyematkan umpan Instagram di halaman, pos, atau area siap widget apa pun menggunakan kode pendek.

Untuk bantuan menempatkan shortcode, silakan lihat panduan kami tentang cara menambahkan shortcode.

Terakhir, jika Anda menggunakan tema yang mendukung blok, Anda dapat menggunakan editor situs lengkap untuk menambahkan blok Umpan Instagram di mana saja di situs web Anda.

Di dasbor Anda, cukup buka Appearance » Editor .

How to add a shoppable Instagram feed to your WordPress theme

Secara default, editor situs lengkap akan menampilkan templat beranda tema. Jika Anda ingin menambahkan feed yang dapat dibeli ke template lain, klik tanda panah di samping 'Beranda'.

Anda kemudian dapat memilih desain apapun dari dropdown, seperti template footer.

Selecting a different template in the WordPress FSE full-site editor

Jika Anda tidak melihat template dalam daftar, pilih 'Jelajahi semua template'.

Editor situs lengkap sekarang akan menampilkan daftar semua template yang dapat Anda edit. Cukup klik template tempat Anda ingin menampilkan umpan Instagram yang dapat dibeli.

Choosing a WordPress template in the full-site editor (FSE)

Setelah memilih template, arahkan mouse Anda ke area tempat Anda ingin menambahkan umpan Instagram yang dapat dibeli.

Kemudian, klik tombol '+'.

Adding a block to your WordPress theme using full-site editing (FSE)

Setelah itu, mulailah mengetik 'Instagram Feed.'

Saat blok kanan muncul, klik untuk menambahkannya ke template.

Adding a Smash Balloon instagram block to a WordPress theme

Seperti biasa, Smash Balloon akan menampilkan feed secara default. Anda dapat mengubah feed ini dengan menambahkan shortcode mengikuti proses yang sama seperti yang dijelaskan di atas.

Kami harap artikel ini membantu Anda mempelajari cara menambahkan gambar Instagram yang dapat dibeli di WordPress. Anda mungkin juga ingin melihat panduan kami tentang cara membuat alamat email bisnis gratis, atau lihat ahli kami memilih plugin WooCommerce terbaik untuk toko Anda.

Jika Anda menyukai artikel ini, silakan berlangganan tutorial video Saluran YouTube kami untuk WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.