Cara Embed Instagram di WordPress

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

Leave a Comment

Your email address will not be published. Required fields are marked *