Cara embed instagram di Website WordPress
Hallo apa kabar teman – teman di video kali ini saya akan berikan tutorial cara embed instagram dan instagram post yg bisa distreaming langung melalui website
pertama Saya akan tunjukan carannya melalui wordpress editor, lalu cara embed single post instagram ketiga menggunakan elementor page builder
dan juga cara embed di sidebar pada post dan page seperti ini
jika kalian memiliki website dengan traffic yg banyak ini sangat baik dimana kita bisa taruh instagram di website yang saat bersamaan juga bisa mengembangkan follower instagram kita menjadi lebih banyak.
Baiklah jika kalian sudah siap tanpa basa basi lagi…. langsung saja ke langkah pertama
Step 1 Install Instagram Plugin
login ke wordpress – pada dashboard
lalu hover ke plugin klik add new lalu di search box ketik instagram
ini dia pluginnya dulu namanya instagram feed sekrang jadi smash ballon social photo and feed
review sangat baik… klik install now lalu aktifkan
Setekah aktif langkah ke dua mensetting dan mengkoneksi kan akun instagram kita
Untuk itu dari dashboard sekrang hover ke instagram feed ini atau bisa juga dari pluginya klik setting
Pada tab configure klik tombol biru ini untuk konek ke instagram sekarang kalian bisa login ke akun instagram masukan passwordnya – klik login
Klik authorize untuk request nya,
nah sekarang kita bisa lihat akun instagram sudah terkoneksi dengan plugin nya, jika karena satu dan lain hal kalian menemukan error disini, kita bisa koneksikan manual dengan klik button not working ini
maka kita akan diarahkan ke page ini untuk melakukan koneksi secara manual klik tombol biru ini
to get your instagram akses token and user id
saya menggunakn akun personal klik konek lalu login scroll down sekarang kopi akses token ini
balik ke setting tadi dan klik manually connect lalu paste kode nya disini dan klik konek this account
tentu saya tidak lanjutkan ya karena akun saya sudah terkoneksi
setelah terkoneksi
scroll ke bawah kita bisa rubah streaming frekuensi
saya pilih tiap 1 jam tapi kalian bisa
atur disini mau per menit, jam atau hari
lalu klik save change.
Sekarang kita atur tampilan nya dulu sebelum di tampilkan di website klik customize tab
general setting itu mode default saja
lay out mode grid saja
number of photo saya buat 12 dengan 4 kolom berarti akan tiga baris ya
seperti ini
scroll ke bawah ada beberapa setting lainya seperti ini bisa diatur disendingnya dari pos baru ke lama atau random
image resolusi saya biarkan auto saja
pada header kita bisa show feed headernya, show bio text ini saya biarkan default saja begitu juga dengan setting yang lain ok sekarang klik save changes
Ok lanjut langkah ke tiga mendisplay feed instagram kita di website
klik display your feed
lalu kopi ini short code nya
pertama saya akan gunakan cara biasa menggunakan wordpress editor
untuk itu kita akan buat page baru hover ke page lalu klik add new
tittle misalnya gallery sekrang klik tanda plus untuk menambah blok, ketik shortcode
ini dia widget nya klik….. sekarang paste short code nya
lalu klik publish dan klik view page.
yess ini dia tampilan instagram pada website
dengan button load more dan juga follow on instagram
Ok dari sini sekarang kita akan coba untuk embed single post instagram
balik ke page editor
ini saya tutup dulu, dan blok ini saya remove dulu ya teman2,
anggap ini saya buat post saya paste dulu text nya lalu saya akan tampilkan single post
instagram dibawah text ini
hover kesini klik add blok lalu ketik instagram, bukan widget instagram feed tapi cari widget ini
embed instagram klik.
sebentar kita akan kopi url post instagram nya dulu ke instagram
misal saya ingin embed post yg ini klik lalu kopi url diatas ini
balik dan paste disini klik embed saya akan update dan preview maka sekrang post instgram sudah ada disini
Ok sekarang lanjut edit dengan elementor, ke dashboard dulu misal saya ingin embed instagram nya di home page ya,
klik visit site, edit dengan elementor, misal saya ingin embed dbawah ini ya
saya akan buat section baru dengan satu kolom saja sebagi contoh
tambahkan tittle text misal Photos alainmen tengah style warna saya pilih hitam
ke widget search ketik instagram feed…. nah ini dia widget sekrang drag ke bawah
text photos, pada elementor memang tidak langsung terlihat ya sekrang kita save dlu
klik update lalu preview… scroll ke bawah yap di bawah contact sekarang kita bisa lihat
ya instagram post nya.
Satu lagi ada juga ya biasanya ingin menaruh pada side bar seperti ini nah caranya ke dashboard dulu, lalu hover ke appearance dan klik widget sekrang kita bisa drag widget pada main side bar atau juga pada footer contoh saya akan taruh di side bar tinggal drag widgetnya ini dia instagram feed drag ke main side bar lalu kalian bisa taruh di tempat yang kita inginkan misal nya saya akan taruh di bawah kategori
ini sudah otomatis ada shortcode nya disini ya
sekrang kita bisa tambahkan title misalnya follow us – save
untuk melihat bisa ke post atau page yang ada side barnya misal pada blog saya di post ini klik
scroll kebawah yak ini dia instagramnya ada pada side bar, baiklah teman2 saya rasa sudah sangat jelas ya jangan lupa jika bermanfaat subscribe channel ini like komen dan ser videonya terima kasih