Tutorial Setting Instagram Feed pada Katalog Toko Online

About
Latest Posts

Halo, Sob! disini kamu #BisaBanget dapetin Tutorial seputar dunia Website hingga VPS. Jadi, kamu ga perlu bingung lagi, Sob! Jangan lupa kasih Feedback untuk Tutorialnya biar kita bisa berikan yang terbaik khusus buat Kamu

Latest posts by Admin Tutorial (see all)

PHP X-Ray di cPanel untuk Optimasi Kecepatan Web - April 18, 2023
Cara Membeli Insta Web Platform - Maret 1, 2023
Cara Membuat Backup di Insta Web Platform - Februari 7, 2023

Hai hai, Sob! Kamu suka penasaran gimana sih caranya integrasi Instagram di katalog Toko Online kamu? Penasaran kamu sekarang sudah terjawab, Sob. Kita bahas bareng cara integrasinya dengan plugin Instagram Feed.

Daftar isi

Kamu hanya perlu melakukan langkah wajib berikut ini untuk melakukan integrasi instagram ke Katalog Toko Online. Simak informasinya:

Hal Wajib yang Harus Kamu Lakukan

Wajib banget nih Sob buat kamu punya instagram dan install plugin Instagram Feeds. Trus gimana cara ceknya kalau kita sudah punya atau belum? Kamu hanya perlu melihat menu sidebar wordpress kamu setelah login di sebelah kiri cek Plugins>Installed Plugins lalu cari Instagram Feed dan pastikan sudah activate.

Nah, kalo belum ada kamu bisa install di wordpress kamu bisa tambahkan plugin di wordpress kamu dengan cara pergi ke menu Plugins>Add New>Seach Plugin "Instagram Feed">Install>Activate.

Oke, Sekarang kita bahas langsung tutorialnya di bawah ini:

Sebelum memulai melakukan setting konfigurasi, pastikan bahwa kamu telah login pada akun WordPress kamu, Sob.

Get The Instagram Id and Token

Pertama hal yang harus kamu lakukan adalah mendapatkan ID instagram dan Token Instagram kamu. Simak Tutorialnya berikut ini:

STEP 1. Pilih menu Instagram Feed.

Instagram Feed Menu

STEP 2. Tekan button Log In Instagram.

Klik Button Login and Get my Access token and User ID

STEP 3. Kemudian Log in akun Instagram kamu agar mendapatkan Access Token.

STEP 4. Kamu akan mendapatkan Access Token dan User ID, selanjutnya lakukan copy-paste pada kolom dibawah, diakhiri dengan menekan button Save Change pada bagian bawah.

Masukkan Access Token dan User ID > Save Change

Background Colour Setup

Nah, dalam plugin Instagram Feed ini kamu juga bisa mengedit warna background instagram feeds kamu, Sob. Ini dia tutorialnya:

STEP 1. Pilih bagian menu Instagram Feed.

Instagram Feed Menu

STEP 2. Kemudian pilih bagian Customize.

Customize Tab

STEP 3. Dibagian General terdapat pengaturan Background Color disana kamu bisa mengubah warna background sesuai keinginan kamu.

General > Background Color

STEP 4. Kamu dapat memilih warna dengan menekan bagian Select Color dan muncul pilih warna.

Select Color > Choose Color

Setup Layout

Lakukan setting layout instagram feeds kamu dengan mengikuti tutorial berikut ini:

STEP 1. Pilih menu Instagram Feed.

Instagram feed menu

STEP 2. Kemudian pilih bagian Customize.

Customize Tab

STEP 3. Scroll kebawah hingga menemukan bagian Layout, disana kamu dapat mengatur layout sesuai keinginan kamu dan jika sudah selesai tekan button Save Changes.

Layout Setting > Save Change

Photo Settings

Kamu juga bisa mengatur foto foto yang terupload pada instagram kamu sesuai dengan keinginan kamu, Sob. Ini dia tutorialnya:

STEP 1. Pilih menu Instagram Feed

Instagram Feed Menu

STEP 2. Kemudian pilih bagian Customize.

Customize Tab

STEP 3. Scroll kebawah hingga menemukan bagian Photos, disana kamu dapat mengatur photo postingan feed instagram sesuai keinginan kamu.

Pengaturan Foto Instagram di dalam Instagram Feed

Add Header/Menambahkan Header Instagram Feeds

Kamu bisa menambahkan header pada instagram feeds kamu berikut ini:

STEP 1. Pilih menu Instagram Feed

Instagram Feed Menu

STEP 2. Kemudian pilih bagian tab menu Customize.

Customize Tab Menu

STEP 3. Scroll kebawah hingga menemukan bagian Header, disana kamnuy dapat mengatur header instagram pada website sesuai keinginan kamu dan jika sudah selesai tekan button Save Changes.

Header Menu

Menambahkan Add Load More Button

Akan ada button "Load More" yang bisa difungsikan untuk memperbanyak tampilan instagram feed kamu.

STEP 1. Pilih menu Instagram Feed

Instagram Feed Menu

STEP 2. Kemudian pilih tab menu Customize.

Customize tab menu

STEP 4. Scroll kebawah hingga menemukan bagian ‘Load More’ Button, disana kamu dapat mengatur dan menambahkan button ‘Load More’ sesuai keinginan kamu, jika sudah selesai tekan button Save Changes.

Centang Load More Button

Add Follow Button

Kamuy juga bisa menambahkan button follow bagi merekayang ingin follow pada instagram toko online mu. Berikut tutorialnya:

STEP 1. Pilih menu Instagram Feed

Instagram Feed Menu

STEP 2. Kemudian pilih tab menu Customize.

Cuztomize tab Menu

STEP 3. Scroll kebawah hingga menemukan bagian ‘Load More’ Button, disana kamu bisa mengatur dan menambahkan button ‘Follow’ sesuai keinginan kamu.

Follow Button Menu

Enable Instagram Feed At Page

Kamu juga bisa menambahkan feed instagram pada halaman di katalog toko online kamu. Berikut ini tutorialnya:

STEP 1. Pilih menu Instagram Feed

Instagram Feed Menu

STEP 2. Kemudian pilih bagian Display Your Feed.

Display Your Feed tab Menu

STEP 3. Lalu copy code pada bagian Display your Feed.

Copy Code

STEP 4. Pilih bagian menu Page.

Pages Menu

STEP 5. Kemudian page yang kamu inginkan.

Pilih Page mu

STEP 6. Lalu paste code step sebelumnya pada bagian page yang kamu pilih. Selesai itu tekan button Update.

Paste code > Update

Wah, ternyata banyak yang bisa dilakukan demngan plugin Instagram Feed ya, Sob. Simak terus Tips Hosting di halaman tutorial Jagoan Hosting Indonesia ya, jika ada bagian dari tutorial yang tidak ditemukan, kamu bisa menghubungi teman-teman di Jagoan Hosting supaya bisa dibantu lebih lanjut melalui Live Chat atau fitur Open Tiket ya!