Cara menampilkan instagram di website

Cara Menampilkan Instagram di Website WordPress

Diposting pada

Cara menampilkan instagram di website dapat dilakukan di blog yang berbasis wordpress menggunakan plugin gratis maupun berbayar. Ada beberapa cara menampilkan instagram di website, yaitu dengan menggunakan plugin WD instagram feed, WP instagram widget dan feed them sosial. Untuk cara menampilkan instagram di website dengan blogspot belum saya dapatkan tipsnya, tetapi yang pasti menggunakan banyak script code.

Tips memamerkan atau menampakkan instagram di website dapat digunakan juga untuk bisnis maupun kebutuhan pribadi seperti berjualan atau yang lainnya. Untuk caranya ada banyak, berikut simak caranya yang dapat kamu pelajari dengan mudah dan cepat.

Cara Menampilkan Instagram di Website di WordPress

Cara menampilkan instagram di website

Nah, bila belum tahu bagaimana caranya, berikut ini adalah cara menampilkan instagram di wordpress yang bisa kamu ikuti.

Baca juga : 8 Cara Save Foto Instagram di PC Mudah

Cara Menambahkan Widget Instagram Pada Website

Mari kita pelajari bagaimana cara menampilkan widget Instagram di feed wordpress. Salah satu CMS yang terbanyak digunakan dan memang terbilang mudah juga dipelajari siapapun. Tidak heran bila website pribadi hingga bisnispun kebanyakan memang menggunakan wordpress. Agar tampilan halaman depan wordpress mu semakin menarik, kamu bisa sisipkan sebuah widget Instagram, ini bisa menjadi salah satu cara untuk mendatangkan traffic ke sosial media. Penasaran bagaimana caranya? Berikut langkah-langkah yang bisa diikuti.

  • Login dulu ke akun WordPress sampai masuk ke dashboard.
  • Pergi ke menu Plugin kemudian pilih Add New.
Tips memamerkan instagram di website
  • Setelah itu silahkan ketik di kolom pencarian “Instagram Feed”.
  • Silahkan cari plugin “Custom Feeds for Instagram” dari developer Smash Ballon. Kenapa harus menggunakan plugin ini? karena dari segi jumlah active install mencapai 800.000 lebih dan skor rating sempurna dengan bintang 5. Artinya sudah banyak yang menggunakan dan sudah terjamin untuk penggunaannya.
  • Silahkan pilih Install Now dan tunggu sampai selesai, kemudian pilih Active.
  • Silahkan kembali lagi ke menu Plugin dan cari plugin Custom Feeds for Instagram, klik Settings.
  • Kamu akan dihadapkan dashboard plugin Custom Feeds.
Tips menampakkan instagram di website
  • Ada 4 menu dibagian atas yaitu Configure, Customize, Display Your Feed dan Support.
  1. Pada menu Configure, silahkan Kamu pilih ‘Connect an Instagram Account’ ikuti langkah-langkahnya masukan username password untuk menyambungkan akun Instagram sampai nama akun Instagram Kamu tampil, setelah itu pilih Save Changes. Untuk bisa menampilkan feed Instagram, silahkan copy shortcodenya.
  2. Pada menu Customize, Kamu bisa menyeting Width of Feed, Height of Feed, Background Colors, Setting Layout, Photos, Photo Hover Style, Carousel, Header, Caption, Follow Button dll.
  3. Pada Display Your Feed terdapat menu Display your Feed dan Multiple Feeds.
  4. Support
  • Setelah Kamu berhasil melakukan setingnya, silahkan copy shortcode pada menu Configure, ada 2 pilihan untuk meletakan widget Instagram feed yaitu berada di post atau sidebar. Nah dibawah ini kita akan bahas keduanya:
  1. Widget Instagram Feed Pada Post, Silahkan Kamu pilih di dashboard menu Post > Add New. Silahkan paste shortcode [Instagram-feed] kemudian paste, kemudian rubah menjadi “edit as HTML” kemudian pilih Publish.
menampilkan postingan instagram di website
  1. Widget Instagram Feed Pada Sidebar, Untuk lokasinya yang berada di widget, silahkan Kamu pergi ke Appearance > Widget, Setelah itu drag “Custom HTML” ke bagian Blog Sidebar. Buka dan pastekan shortcode [Instagram-feed] pada bagian Content, jika sudah silahkan Kamu pilih Done dan Save.Custom HTML WordPress Feed
  • Silahkan cek pada bagian post atau sidebar website Kamu, sudah berhasil ataukah belum.

Bagaimana, langkah-langkah di atas mudah diikuti kan? Kalau menggunakan wordpress memang terbilang mudah karena kamu hanya tinggal memasang widget yang sudah disediakan saja.

3 Rekomendasi Widget untuk Integrasi Instagram ke Website

Selain widget yang sudah disebutkan di atas, ada beberapa widget lain yang juga bisa kamu gunakan untuk menampilkan feed Instagram. Berikut adalah beberapa pilihannya:

WD Instagram Feed

WD Instagram Feed memungkinkan Kamu untuk membuat widget Instagram di WordPress. Plugin ini juga mendukung classic shortcode.

Selain itu, plugin ini juga menyediakan beberapa layout yang dapat Kamu pilih untuk memperindah feed Kamu, termasuk desain modern metro. Namun, fitur yang menjadi favorit kami adalah kemampuan plugin ini untuk melewati gambar atau foto tertentu yang ada di feed Kamu. dengan begitu, Kamu memiliki kendali penuh atas feed yang ditampilkan di halaman WordPress.

Fitur Utama :

  • Menggunakan widget dan shortcode untuk menambahkan feed ke website WordPress Kamu.
  • Tersedia beberapa pilihan layout dengan berbagai desain, termasuk desain gaya metro.
  • Melewati (skip) gambar tertentu yang ada di feed Instagram Kamu.
  • Tersedia pilihan fitur tampilan gulir atau halaman.

Harga:

Plugin ini memiliki versi premium yang memberikan layout tambahan, mencampur feed Instagram, dan efek transisi tingkat lanjut untuk memuat galeri Kamu.

WP Instagram Widget

Jika Kamu mencari cara tercepat untuk memasang feed ke website Kamu, plugin Instagram ini dapat menjadi salah satu alternatifnya. WP Instagram Widget memungkinkan Kamu untuk menampilkan feed Instagram dengan widget yang simpel, dan tidak memerlukan akses ke akun Instagram Kamu. Yang perlu Kamu lakukan hanyalah memasukkan nama akun yang ingin Kamu tampilkan. Selama akun tersebut tidak dikunci, Kamu dapat memasukkannya ke WordPress Kamu.

Kekurangan plugin ini hanyalah tidak banyaknya opsi kustomisasi yang dapat digunakan. Yang artinya jika Kamu menginginkan kontrol penuh atas feed yang ditampilkan, Kamu harus mencari plugin lain.

Fitur Utama:

  • Menampilkan feed Instagram akun publik dengan menggunakan widget.
  • Otomatis men-cache gambar widget

Harga:

Plugin ini gratis dan open-source.

Feed them Social

Plugin Feed them Social memungkinkan Kamu untuk menampilkan feed dari beberapa platform media social ke website WordPress. Plugin ini mendukung Facebook, Twitter, Pinterest, Youtube, dan tentu saja Instagram.

Plugin ini memungkinkan Kamu untuk menambahkan feed sebanyak yang Kamu inginkan dari platform media sosial yang disebutkan di atas, dan Kamu juga dapat memasukkan tombol follow sekaligus like untuk media sosial tersebut. Selain itu, galeri yang dibuat dengan plugin ini sangat responsif dan ada beberapa ekstensi yang dapat Kamu atur untuk menambah fungsionalitasnya.

Fitur Utama:

  • Menambahkan feed dari Facebook, Twitter, Pinterest, YouTube, dan Instagram dengan menggunakan shortcode dan widget
  • Menampilkan tombol like dan follow untuk semua feed Kamu
  • Membuat galeri menarik yang sangat responsif

Harga:

Ada plugin versi premium untuk beberapa ekstensi dengan rentang harga berbeda.

Nah, itulah pembahasan mengenai cara menampilkan feed Instagram di website, khususnya yang berbasi wordpress. Langkah-langkahnya terbilang mudah apalagi dengan bantuan widget. Di atas juga sudah direkomendasikan widget lain yang bisa kamu gunakan. Beberapa widget sebenarnya bisa digunakan secara gratis, namun untuk penggunaan lebih lanjut, sebaiknya menggunakan versi premium. Dengan begitu, kamu juga bisa mendapatkan fitur yang lebih lengkap.

Agar lebih memudahkan, saat melihat tutorial di atas sebaiknya kamu sekalian praktek ya. Jadi saat artikel ini selesai dibaca, feed Instagram kamu juga sudah terpasang di website.

Gambar Gravatar
Mabtekno.com adalah website yang membagikan informasi seputar teknologi yang kekinian. Mencakup seluruh informasi tentang Android, Tutorial, Tips Trik, Internet, Aplikasi, Sosial Media dan semua informasi-informasi tentang Teknologi.