Bertujuan untuk memperluas jangkauan pelanggan mengenai produk - produk yang ditawarkan dengan memunculkan produk yang sudah terunggah pada Instagram ke Homepage website.

Konfigurasi Menampilkan Feed Instagram pada Homepage

Untuk Menampilkan feed instagram dapat dilakukan melalui Admin Backoffice sebagai berikut :

Setting Content Melalui admin Backoffice

Masuk pada Content > Pages


Gambar 1. Tampilan menu Page pada Content dashboard admin backoffice

Muncul tabel Page yang ada pada Website

Edit Homepage yang digunakan pada Website dengan Select > Edit Pada kolom Action pada tabel Page


Gambar 2. Tampilan Tabel page yang ada pada website 

Menyesuaikan setting dengan kebutuhan yang akan digunakan


Menambahkan Widget Pada Content

Klik Show / Hide Editor, Pilih Insert Widget

Pilih Weltpixel InstagramWidget pada Type, dan masukkan username Intagram yang akan digunakan Lalu


Gambar 3. Tampilan Insert Weltpixel Instagram Widget


Isi Form widget yang diperlukan


Gambar 3. Tampilan Form Insert Weltpixel Instagram Widget

  • Instagram Api Type : tipe Api yang dapat di aplikasikan pada Widget 

  • Title : Judul yang akan dimunculkan pada Instagram Widget

  • Description : Deskripsi Instagram Widget yang digunakan

  • Container Background Color : Warna Container background yang digunakan

  • Open Images in new Tab : Opsi gambar dapat membuka tab baru ketika di klik

  • Images Per Row : Jumlah gambar banner pada setiap Row

  • Images Should Have Padding : Opsi Gambar banner harus memiliki padding

  • Optimize Image Layout : Opsi Pengoptimalan tata letak gambar banner

  • Number of images : Jumlah gambar banner yang digunakan untuk banner

  • Resolution : Opsi Resolusi gambar yang digunakan untuk banner

  • Feed Type : Tipe Feed yang akan dimunculkan. 

    • User digunakan untuk mengambil semua feed berdasarkan pengguna instagram, 

    • Tag  untuk mengambil semua feed berdasarkan pengguna instagram.

  • User Name : Username yang akan dimunculkan Feed nya pada Homepage

Klik Insert Widget yang berada di pojok kanan atas jika sudah selesai. Kemudian Klik Save.



Clear Cache

Hapus cache dengan masuk ke bagian menu System pilih Swift Cache Management 


Gambar 5. Tampilan menu Swift cache management pada System admin Backoffice


Pilih Clear Page Cache Pada swift Cache Management


Gambar 6. Tampilan menu Swift cache management pada System admin Backoffice


Tampilan pada Front end

Tampilan Instagram Feed di frontend


Gambar 7. Tampilan Instagram Feed di frontend