Cara Terbaik untuk Menambahkan Umpan Instagram ke Situs WordPress Anda
Diterbitkan: 2022-04-10Ketika kebanyakan orang berpikir tentang media sosial, mereka membayangkan Facebook dan Twitter. Namun, Instagram dengan cepat menjadi salah satu alat media sosial online terbesar. Ini adalah situs berbagi foto yang telah berkembang menjadi lebih dari 400 juta pengguna aktif bulanan. Itu juga peringkat sebagai salah satu dari 10 situs web yang paling banyak dikunjungi di Amerika. Bisnis Anda harus ada di sana!
Artikel ini akan membahas beberapa metode berbeda yang dapat Anda gunakan untuk menampilkan umpan Instagram Anda di situs web yang diberdayakan WordPress.
Instafeed.js adalah opsi yang bagus, tetapi tidak memiliki semua fitur yang Anda inginkan. Widget Instagram Elfsight dan Plugin Smashballoon adalah dua opsi lain yang layak dipertimbangkan jika Anda ingin membuat umpan Instagram dengan lebih banyak fungsi daripada yang disediakan instafeed.js. Teruslah membaca untuk mempelajari tentang tiga cara berbeda untuk menambahkan Umpan Instagram ke Situs WordPress Anda!
Mengapa Menambahkan Umpan Instagram ke Situs Web Anda?
Instagram bukan lagi platform yang hanya untuk fotografer, dan nilai memiliki feed Instagram di situs web Anda bukan berarti Anda adalah "influencer" atau Anda ingin disukai dan diikuti. Umpan Instagram menunjukkan kepada pelanggan dan klien apa yang Anda lakukan, apa yang Anda pedulikan, dan cara terhubung dengan Anda. Umpan Instagram Anda juga bisa menjadi saluran layanan pelanggan yang efektif.
Instagram memiliki sekitar 300 juta pengguna aktif bulanan. Itu sejumlah besar bola mata untuk produk atau perusahaan Anda. Bahkan jika tujuan Anda bukan untuk menjual barang secara langsung, umpan Instagram bisa sangat berharga.
Instagram memberikan banyak peluang untuk riset pasar, Anda dapat melihat jenis gambar apa yang menarik perhatian audiens Anda dan mempelajari tentang jenis konten yang kemungkinan besar akan berhasil dengan baik. Dengan begitu, Anda dapat merencanakan postingan sebelumnya yang kemungkinan besar akan mendapatkan keterlibatan atau menjangkau orang yang tepat. Plus, itu membuat perencanaan konten Anda lebih mudah karena Anda akan memiliki pemahaman yang lebih baik tentang apa yang berhasil dan apa yang tidak.
Instagram juga merupakan salah satu cara terbaik untuk membangun loyalitas merek dan memastikan pelanggan akan terus datang kembali untuk mendapatkan lebih banyak lagi. Contoh yang bagus dari salah satu pelanggan kami (perusahaan suplemen online) menunjukkan bagaimana umpan Instagram mereka membantu mereka terhubung dengan pelanggan mereka dan membangun loyalitas merek, bahkan ketika mereka tidak secara aktif menjual apa pun.
Jadi... sekarang kami tahu bahwa Instagram sangat berharga, dan menampilkan feed Instagram di situs WordPress Anda sangat berharga. Sekarang mari kita bicara tentang bagaimana melakukan hal itu.
Kami akan membahas tiga metode. Metode pertama adalah Perpustakaan JavaScript gratis bernama Instafeed.js. Opsi kedua adalah Widget Instafeed Elfsight dan yang ketiga adalah Plugin Smashballoon. Ini bervariasi dalam hal kompleksitas dan harga - dan sebagai agen kami akan menyelingi pemikiran kami karena kami telah menggunakan semua metode ini.
Gunakan Perpustakaan InstaFeed.js
Metode pertama adalah Perpustakaan InstaFeed.js. Ini berfungsi di semua browser utama - termasuk perangkat seluler - dan tidak memerlukan kode sisi server apa pun untuk dijalankan. Pustaka tersedia secara gratis dari GitHub, dan Anda dapat memasukkannya ke dalam elemen <head> situs Anda menggunakan tag skrip sederhana.
Baru-baru ini, mereka meluncurkan versi 2.0 dari Instafeed, yang sekarang bekerja dengan API Instagram baru.
Karena ini kode Open Source, gratis.
Berikut adalah beberapa fitur utama:
- Ini adalah cara yang bagus untuk membuat Umpan Instagram dasar di situs web Anda.
- Sederhana, mudah digunakan, ringan dan sempurna untuk situs yang tidak memiliki banyak lalu lintas atau banyak gambar (tidak akan memperlambat halaman).
- Secara keseluruhan kami sangat menyukainya karena ringan dan berfungsi dengan baik.
- InstaFeed sekarang berfungsi dengan API Instagram baru. Ini meningkatkan peluang situs web Anda untuk tidak dihapus karena mengikuti pedoman API baru.
Pustaka JS ini relatif mudah dipasang jika Anda tahu apa yang Anda lakukan, tetapi dibandingkan dengan metode lain, jauh lebih kompleks. Mari kita lihat proses instalasinya.
Pertama, kami menambahkan perpustakaan melalui CDN.
Ini dilakukan dengan tag skrip yang dimasukkan ke kepala situs web WordPress kami.
Selanjutnya kami menginisialisasi widget di situs kami, dan menambahkannya ke div dengan ID arbitrer:
var instaFeed = new InstaFeed("#myInstagramWidget");
Kemudian, kami mengatur berbagai opsi, seperti nama pengguna Instagram, jumlah foto yang akan ditampilkan, dll:
Div dengan ID #myInstagramWidget kemudian akan diisi dengan Feed Instagram.
Jika Anda teknis, maka Anda dapat membuat tampilan khusus, menampilkan tagar, dan melakukan hampir semua hal yang Anda perlukan dalam hal menambahkan umpan Instagram ke WordPress (kami benar-benar menggunakan perpustakaan ini di Umpan Instagram Profesional kami untuk Oxygen Builder komponen). Tapi, Anda harus memiliki pemahaman yang baik tentang JS dan perpustakaan ini untuk melakukannya.
Dari segi kinerja, ukuran Instafeed adalah 1,5 kb dan akan berfungsi di semua browser utama dan tidak memiliki ketergantungan sisi server.
Masalah dengan metode ini adalah ia menawarkan fungsionalitas terbatas dibandingkan dengan metode lain untuk menambahkan umpan Instagram ke situs web Anda. Skrip mencoba untuk mensimulasikan "Peta Foto" Instagram, tetapi tidak terlalu sempurna untuk melakukannya. Ini juga pasti rumit bagi seseorang yang tidak tahu JavaScript, sehingga tidak sempurna untuk pemilik bisnis yang mencari solusi sederhana.
Untungnya, ada opsi lain yang tersedia bagi pemilik bisnis yang tidak memiliki waktu atau keterampilan untuk menyiapkannya sendiri. Kami akan membahas dua di antaranya sekarang!
Widget Umpan Instagram ElfSight
Umpan IG ElfSight adalah cara lain untuk menambahkan foto Instagram ke situs web WordPress. Yang satu ini sangat sederhana untuk dikonfigurasi dan diinstal, dirancang dengan baik, dan mudah digunakan.
Dengan Elfsight, Anda dapat menambahkan Umpan Instagram Anda ke bagian mana pun dari halaman WordPress, termasuk header, sidebar, atau footer. Anda juga dapat menata elemen seperti warna dan font serta menambahkan CSS khusus.
Untuk beberapa, ElfSight gratis, tetapi dalam kebanyakan kasus, Anda ingin memilih paket dasar atau pro. Paket pro berharga $ 10 / bln dan dilengkapi dengan:
- Situs web tanpa batas
- 50.000 tampilan
- Dukungan premium
- Layanan pemasangan gratis
- Penghapusan logo Elfsight
Ada paket dasar $5/bln yang sedikit lebih terbatas, serta paket ringan gratis.
Ada 50 opsi penyesuaian yang berbeda dan mudah digunakan serta templat untuk dipilih. Berbeda dari Instafeed, dengan Elfsight, Anda juga dapat menampilkan foto dari akun Instagram publik mana pun atau dengan tagar, lokasi, atau URL foto dan tidak perlu khawatir untuk mencampur semuanya – kombinasi apa pun didukung.
Ini dapat difilter atau dimoderasi, dan ditampilkan sebagai kisi atau penggeser. Anda juga dapat memiliki popup!
Solusi ini menarik karena sebenarnya bukan plugin. Sebagai gantinya, Anda menginstalnya dengan menyematkan beberapa kode di situs Anda, seperti Instafeed, tetapi untuk yang ini, itu hanya copy paste. Integrasinya mulus, dan memiliki banyak opsi untuk menampilkan konten. Itu selalu diperbarui, dan semuanya dikelola di situs web Elfsight.
Dari tiga di daftar kami, Elfsight adalah favorit kami. Mereka memiliki fitur luar biasa dalam paket yang dapat digunakan, serta dukungan yang hebat. Yang terbaik dari semuanya, harga mereka masuk akal untuk apa yang Anda dapatkan.
Sebagai agensi, kami menyukai yang ini karena ini yang paling mudah digunakan oleh klien kami. Kami mengaturnya untuk mereka, dan mereka tidak pernah menyentuh kodenya. Opsi berbagi media sosial juga merupakan sentuhan yang bagus!
Plugin Smash Balon
Entri terakhir dalam daftar kami adalah Plugin Umpan Instagram Smash Balloon. Ini adalah plugin WordPress standar.
Dirancang agar kompatibel dengan tema WordPress apa pun di situs Anda, plugin Umpan Instagram tidak memerlukan pekerjaan apa pun untuk membuatnya tampak sempurna. Plugin ini dilengkapi dengan banyak opsi penyesuaian sehingga Anda dapat menyesuaikan tampilan dan tata letak feed pilihan Anda. Anda dapat menampilkan umpan di seluruh situs Anda dan menyesuaikannya dengan gaya kode pendek. Misalnya, jika Anda ingin umpan video di satu halaman dan korsel foto di halaman lain, itu bukan masalah!
Plugin menyimpan data yang diterimanya dari Instagram untuk mengurangi waktu buka dan meminimalkan permintaan API. Ini juga memiliki sistem caching cadangan jika terjadi masalah API, memastikan umpan Anda tetap up bahkan jika Anda sangat membutuhkannya. Anda dapat menautkan posting Instagram Anda ke URL khusus dengan menambahkan URL ke keterangan posting Anda. Ini memudahkan orang yang mengeklik pos tertentu di umpan mereka untuk melihat produk atau halaman yang relevan pada saat itu.
Instagram Feed Pro adalah plugin WordPress responsif untuk akun Instagram Anda yang dirancang dari awal agar berfungsi dengan baik di semua perangkat, baik Anda menggunakan layar sentuh atau tidak.
Sesuatu yang luar biasa tentang perusahaan di balik plugin WordPress, Smash Balloon, adalah dukungan yang mereka tawarkan. Menghubungi tim melalui situs web mereka sangatlah mudah, dan Anda disarankan untuk melakukannya jika Anda memerlukan dukungan atau memiliki pertanyaan tentang plugin ini. Perusahaan juga memiliki blog yang bagus di mana Anda dapat menemukan tip dan trik serta tutorial untuk menggunakan Instagram di situs Anda.
Untuk satu situs, harganya $49 per tahun, dan tentu saja, jika Anda ingin menggunakan plugin, Anda memerlukan lisensi.
Sepatah Kata Tentang API Instagram
Sesuatu yang perlu dipertimbangkan (dan aspek Instagram yang mengganggu) adalah API mereka dan batasan yang menyertainya. Masalahnya adalah API Instagram memiliki batasan permintaan per pengguna. Ketika skrip Anda melebihi jumlah ini, Anda akan mendapatkan pesan kesalahan dari Instagram yang meminta Anda untuk berhenti - dan Instagram akan menonaktifkan akses ke akun Anda jika mendeteksi penggunaan yang berlebihan.
Ini tidak berarti sepenuhnya menonaktifkan akun Anda selamanya (walaupun mereka telah melakukannya di masa lalu), tetapi Anda mungkin tidak dapat menarik data Instagram lagi sampai Anda menyesuaikan kode Anda atau menunggu berjam-jam hingga permintaan Anda disetel ulang oleh Instagram. Jadi, ingatlah ini saat membuat umpan Instagram Anda, dan jangan menyalahgunakan API!
API juga banyak berubah, khususnya sekarang karena Facebook memiliki perusahaan. Misalnya, tidak mungkin untuk benar-benar menampilkan feed Instagram di situs WordPress tanpa kunci API tertentu.
Izin API Legacy Instagram yang tersisa dinonaktifkan pada 29 Juni 2020. Sekarang, pengembang perlu menggunakan API Tampilan Dasar Instagram dan API Grafik Instagram. Ini berarti bahwa setiap plugin WordPress sekarang harus dibuat menggunakan API Instagram.
Namun, dengan perkembangan ini, menjadi sedikit lebih mudah bagi pengguna plugin. Anda mungkin telah memperhatikannya, tetapi sekarang ini merupakan pengalaman yang relatif mudah (meskipun lebih terbatas) dalam hal membuat kunci API dan mengintegrasikannya. Dalam kebanyakan kasus, itu hanya klik tombol.
Selalu awasi berita API yang terkait dengan Instagram. Jika mereka membuat perubahan di masa mendatang dan Anda tidak mengetahuinya, umpan Instagram WordPress Anda mungkin berhenti berfungsi!
Manakah Solusi Umpan Instagram Terbaik Untuk WordPress?
Elfsight adalah penyedia terbaik saat ini. Mereka memiliki paket terbaik untuk harganya, dan kami paling menyukai dukungan dan produk mereka. Jika Anda seorang pemilik bisnis atau admin web yang mencari solusi yang sangat baik dan hemat biaya, itulah pria Anda.
Instafeed.js bagus untuk orang-orang teknis yang menginginkan solusi gratis tetapi kontrol mutlak dalam hal WordPress feed Instagram. Jika Anda seorang pengembang dan tidak takut mengutak-atik kode dan membangun barang Anda sendiri, Anda akan berada di surga. Namun, ada kekurangan dokumen saat ini yang membuat aksesibilitas ke pemula menjadi sulit.
Akhirnya, Smash Balloon adalah solusi yang sangat dihormati. Instagram Feed Pro membantu Anda menampilkan umpan Instagram yang sepenuhnya dapat disesuaikan di situs web Anda dan menjadikannya interaktif.
Namun, jika dibandingkan dengan Elfsight, beberapa orang mungkin menganggapnya lebih rumit -- tetapi lebih murah!!
Apa pun solusi yang Anda pilih, pastikan plugin/library diperbarui secara berkala untuk menghindari masalah atau masalah penggunaan.
Jika Anda memiliki pertanyaan tentang artikel ini, atau pertanyaan tentang plugin feed Instagram secara umum, jangan ragu untuk meninggalkannya di bagian komentar di bawah! Nikmati dan selamat membangun.