Cara Menambahkan Blog ke Shopify

Ingin blog toko yang tampil persis seperti yang Anda inginkan dan berada di lokasi pilihan Anda — bukan hanya di bawah /blogs/? Bandingkan opsi bawaan dengan sematan tanpa kode, lalu ikuti panduan lengkap pengaturan, desain, dan pemasangan di bawah ini.
Lihat pendapat ChatGPT Buka Editor Widget Langsung

Secara bawaan, toko Shopify adalah mesin penjual: produk masuk, pembayaran keluar, tidak ada percakapan. Di sanalah blog berperan. Jika Anda sedang mencari cara menambahkan blog ke Shopify, ada dua opsi: blog bawaan Shopify atau blog Tanpa Coding yang Anda bangun secara visual dan sematkan di mana pun Anda suka.

Rute kedua adalah apa yang disediakan oleh Blog widget yang dapat disematkan. Alih-alih bekerja di dalam tema Anda, di mana pos terkunci ke /blogs/ dan di-styling oleh Liquid, Anda merancang blog di editor visual dan menempelkan potongan kode singkat ke halaman mana pun: halaman arahan, halaman produk, beranda. Tanpa kode tema, tanpa keruwetan CMS. Blog bawaan tetap menjadi pilihan yang lebih kuat untuk beberapa tujuan, jadi di bawah ini kami jelaskan keduanya.

Dalam panduan ini, Anda akan menemukan:
  • Ketika blog bawaan Shopify tepat dipakai — dan kapan widget lebih pas
  • Cara membangun dan menata blog tanpa menyentuh kode tema
  • Panduan pengaturan 7 langkah lengkap: mulai dari template hingga kode sematan
  • Posisi masing-masing metode terkait SEO, kendali desain, dan penempatan

Mulai Cepat: Tambahkan Blog ke Toko Shopify Anda

Rute widget sepenuhnya menghindari pengeditan tema — Anda membangun blog di editor dan memasukkan satu potongan kode ke Shopify.

  1. Buka editor widget blog dan pilih template.
  2. Tambahkan postingan Anda, lalu atur kategori dan penulisnya.
  3. Klik “Tambahkan ke situs web secara gratis” untuk mendapatkan kode sisip Anda.
  4. Tempelkan ke bagian Custom Liquid dan simpan.

Bangun widget blog Shopify kustom Anda di editor langsung di bawah ↓

Cara Menambahkan Blog ke Shopify: Opsi Anda

Ada tiga cara realistis untuk membawa konten blog ke toko Shopify, dan ketiganya benar-benar alat yang berbeda — bukan versi yang lebih baik atau lebih buruk dari hal yang sama. Berikut bagaimana mereka saling membandingkan:

MetodePengaturanKontrol DesainSEOPenempatanBiaya
Blog bawaan ShopifyTanpa kode, terintegrasiTerkait dengan tema AndaDirender di server, kendali meta per posting dan kanonik penuhTerkunci ke <code>/blogs/</code>Termasuk dengan Shopify
Widget Blog ElfsightTanpa kode, satu cuplikan kodeTemplat + styling visual, tanpa LiquidDapat diindeks melalui rendering JS Google; tidak ada kendali meta-tagHalaman mana pun yang menerima HTMLPaket gratis / paket berbayar
Aplikasi Blog Shopify App StorePasang AplikasiBervariasi tergantung aplikasiBervariasi tergantung aplikasiBiasanya terintegrasi temaAplikasi gratis & berbayar

Blog bawaan adalah alat terkuat jika lalu lintas pencarian adalah tujuan utama Anda, karena dirender di sisi server dengan pengaturan SEO per-posta yang nyata. Widget unggul dalam kebebasan desain dan kemampuan menanam blog di mana saja tanpa kode tema. Aplikasi App Store berada di antara keduanya dan sangat beragam, itulah mengapa tidak ada satu pun “aplikasi blog terbaik untuk Shopify” – tergantung pada apa yang Anda optimalkan.

Menambahkan Blog ke Shopify: Blog Bawaan atau Widget?

Sebelum membangun apa pun, sebaiknya jelas mengapa Anda menambahkan blog — karena pertanyaan tunggal itu yang akan menentukan alat mana yang sebaiknya Anda pakai.

Bisnis mana yang benar-benar diuntungkan

Blogging membayar bagi toko yang memiliki sesuatu untuk dijelaskan atau alasan untuk membuat pelanggan kembali: merek skincare menjawab “produk mana untuk jenis kulit mana,” toko perlengkapan outdoor menulis panduan pembelian, pembuat kursus dan bisnis layanan membangun otoritas.

Kalau Anda termasuk kelompok itu, nilainya bukan sekadar hiasan — ini memberi pembeli konteks yang mereka perlukan sebelum membeli, dan memberi Google sesuatu untuk diindeks terkait pertanyaan yang benar-benar diketik pelanggan Anda.

Kapan Blog Bawaan Menjadi Pilihan Terbaik

  • Akuisisi trafik organik: tujuan utamamu adalah meraih peringkat untuk kata kunci niat beli dan menarik pengunjung baru.
  • Kontrol Metadata: Anda ingin setiap pos memiliki judul meta, deskripsi, dan URL kanonik yang dapat diedit.
  • Tampilan bawaan tema: Anda nyaman jika postingan berada di bawah /blogs/ dan secara default cocok dengan tema Anda.

Kapan Widget Blog Unggul

  • Kebebasan desain: Anda ingin blog yang terlihat berbeda dari tema Anda tanpa mengedit Liquid.
  • Fleksibilitas Penempatan: Anda butuh postingan diletakkan di tempat lain— di halaman arahan, halaman produk, atau bagian Tentang Kami.
  • Konten berorientasi audiens: Anda menerbitkan pembaruan, catatan rilis, atau panduan untuk pelanggan yang sudah ada (tengah- dan bawah-funnel) daripada mengejar trafik pencarian yang dingin.
Aturan sederhana: Jika Anda ragu, dan peringkat pencarian menjadi prioritas, mulai dengan blog bawaan Shopify. Jika Anda ingin kendali desain dan fleksibilitas penempatan untuk konten yang ditujukan pada orang yang sudah mengenal Anda, widget adalah jalur tanpa kode yang lebih cepat. Beberapa toko menjalankan keduanya — blog bawaan untuk artikel SEO, widget untuk blok “Berita Terbaru” yang bergaya di halaman beranda.

Langkah demi langkah: Mengatur Widget Blog Anda untuk Shopify

Jika Anda telah berada pada widget, berikut adalah build lengkapnya — tujuh langkah di dalam editor, dengan Shopify hanya masuk pada langkah terakhir, sehingga blog terlihat tepat sebelum Anda menyentuh tema Anda.

Langkah 1: Pilih template untuk jenis bisnis Anda

Editor membuka galeri templat yang beragam. Ada lebih dari 20 preset industri — Business, Travel, Food, Health & Wellness, Tech, Fashion, Fitness, dan lainnya. Pilih yang paling dekat dengan niche toko Anda; ia menetapkan tata letak awal dan gaya yang akan Anda sesuaikan selanjutnya, bukan pilihan permanen.

Pick a Shopify blog template

Jangan terlalu memikirkan hal ini. Template hanya menetapkan desain — setiap warna, huruf, dan pengaturan tata letak bisa diubah nanti, jadi kecocokan terdekat sudah cukup meskipun tidak sempurna. Klik “Lanjutkan dengan template ini” untuk melanjutkan.

Langkah 2: Tambahkan postingan

Buka tab Posting dan klik Tambahkan Post untuk mengisi blog Anda dengan konten. Berikut cara menambahkan posting blog ke Shopify melalui widget:

  • Buat Secara Manual — tulis di editor blok (selengkapnya ada di bawah).
  • Hasilkan dengan AI — Penulis AI menyusun draf postingan terstruktur bergambar dari topik, outline opsional, nada, dan panjangnya.
Add and edit your Shopify blog posts

Editor bergaya Notion: klik + untuk membuka menu blok, yang memiliki 11 tipe blok di Format (headings, lists, quotes) dan Insert (images, videos, code, dan pembatas).

Catatan tentang editor

  • Gambar hanya untuk diunggah — tidak bisa menempel URL gambar
  • Video berfungsi dengan menyematkan tautan YouTube (Anda tidak bisa mengunggah file video)
  • Konten headings dimulai dari H2 karena judul pos adalah heading tingkat atas
  • Setiap posting juga memiliki gambar unggulan, bidang pengantar singkat, dan slug URL yang bisa diedit
  • Anda bisa menetapkan tanggal terbit di masa mendatang untuk menjadwalkan posting

Dengan paket Pro, Anda bisa menghasilkan draf pertama yang terstruktur dengan AI, lalu menuliskannya dengan suara Anda sendiri sebelum dipublikasikan. Hasilnya sepenuhnya dapat diedit — dan untuk e-commerce, pengetahuan produk Anda-lah yang membuat postingan benar-benar berguna bagi pembeli.

Langkah 3: Mengatur pos dengan kategori

Selanjutnya, buka tab Kategori dan klik Tambahkan Kategori. Setiap kategori memerlukan nama, deskripsi teks kaya opsional, dan slug URL. Mereka muncul sebagai tab penyaring di header blog Anda, sehingga pembaca bisa langsung menuju “Panduan” atau “Berita Produk” daripada harus menggulir semuanya.

Set up your blog categories
  • Pertahankan daftar singkat — tiga hingga lima kategori cukup untuk kebanyakan toko; terlalu banyak hanya membuat header berantakan.
  • Namai berdasarkan niat pembaca (“How-tos,” “Buying guides”) ketimbang label internal.
  • Anda juga bisa menambahkan tag untuk setiap postingan guna penyaringan yang lebih halus, terpisah dari kategori.

Langkah 4: Tambahkan penulis blog Anda

Di tab Penulis, klik Tambahkan Penulis untuk menambahkan nama dan foto. Penulis tidak dibatasi pada setiap paket, jadi Anda bisa memberi kredit ke seluruh tim atau menjalankan byline rumah tunggal. Saat Anda membuat atau mengedit pos, pilih penulis dari daftar ini.

Add blog authors

Untuk blog toko, nama penulis berperan penting: menghadirkan nama asli dan wajah di panduan pembelian membuatnya lebih tepercaya daripada postingan anonim, terutama untuk topik yang sarat saran seperti kesehatan, keuangan, atau kecantikan.

Langkah 5: Sesuaikan tema

Tampilan tab Tema adalah tempat blog berhenti terlihat seperti template dan mulai terlihat seperti toko Anda. Tiga gaya kartu berada di bagian atas: grid gambar beragam, grid campuran dengan daftar thumbnail samping, dan daftar berisi teks — dan di bawahnya ada kontrol yang melakukan pekerjaan berat:

  • Rasio Aspek Gambar — menetapkan rasio potong yang konsisten (mis. 1:1) agar kartu-kartu sejajar.
  • Radius sudut pos — persegi, melengkung, atau lebih melengkung pada sudut kartu.
  • Elemen Post — hidupkan/matikan pengantar posting, nama penulis, tanggal terbit, dan kategori.
  • Font Judul dan Font Teks — diatur secara global dari pustaka font bawaan.
  • Background dan Text Color — sesuaikan palet toko Anda dengan pemilih warna.
Customize your blog theme

Ini langkah yang paling memakan waktu, dan sepadan — mengatur gaya kartu dan rasio aspek sedini mungkin akan menghemat recrop di kemudian hari, karena widget tidak bisa memangkas gambar setelah diunggah. Font diatur untuk seluruh blog sekaligus, bukan per elemen.

Catatan: Beberapa sentuhan — kategori buka bawaan, font per-elemen, membuka pos di tab baru — bukan saklar visual. Mereka ditangani dengan CSS/JS Kustom di Pengaturan, dan Elfsight menyediakan cuplikan Pro Tip siap pakai untuk yang umum.

Langkah 6: Konfigurasikan Pengaturan Anda

Buka Pengaturan untuk mengatur bagaimana blog berperilaku. Di sini Anda memutuskan:

  • Nama Blog Anda untuk navigasi yang lebih mudah
  • Visibilitas judul Beranda
  • Deskripsi konten blog Anda
  • Tampilan pos – apakah artikel ditampilkan di halaman atau dalam popup
Configure your blog settings

Pilihan inline (on-page) memastikan alur membaca yang berkelanjutan, paling pas untuk halaman blog khusus. Sebaliknya, pop-up menjaga pengunjung tetap berada di halaman saat ini — pilihan yang lebih aman untuk beranda atau halaman produk.

Tab ini juga mengelola bahasa antarmuka (dengan opsi Sunting Teks, dilokalkan untuk 70 negara), serta editor CSS Kustom dan editor JS Kustom untuk hal-hal yang tidak dicakup oleh kontrol visual.

Langkah 7: Salin kode sematan dan tambahkan ke Shopify

Saat blog terlihat tepat, klik Tambahkan ke situs web secara gratis untuk menghasilkan kode instalasi Anda. Sekarang beralih ke Shopify — untuk tema Toko Online 2.0 saat ini, cara paling bersih adalah sebuah bagian Liquid Kustom:

  1. Di admin Shopify Anda, buka Toko Online dan klik Sesuaikan untuk membuka editor tema.
  2. Gunakan dropdown halaman di bagian atas untuk menuju halaman tempat Anda ingin menampilkan blog.
  3. Klik Add section → pilih Custom Liquid.
  4. Tempelkan kode instalasi Elfsight ke bidang Custom Liquid, lalu klik Simpan.
Copy your Shopify blog embed code

Kode yang sama bekerja di platform mana pun yang menerima HTML kustom — Anda bisa menambahkan blog ini ke WordPress, Wix, Squarespace, Webflow, dan platform CMS lainnya dengan cara yang sama, hanya lokasi penempelannya yang berubah. Perubahan editor tersinkron dengan blog langsung secara otomatis, jadi Anda tidak perlu menyematkan ulang setiap kali Anda mempublikasikan.

Catatan: Blog yang di-embed dirender di peramban, jadi Google mengindeksnya melalui rendering JavaScript — namun tidak memiliki judul meta per-post, deskripsi, atau kontrol kanonik. Untuk postingan yang ingin Anda peringkat di pencarian, blog bawaan Shopify adalah rumah yang lebih kuat.

Pemeriksaan Cepat Pemecahan Masalah

  • Tidak ada bagian “Custom Liquid” di editor: beberapa tema tidak menyediakannya secara default — tambahkan melalui editor kode tema, atau gunakan metode HTML deskripsi produk sebagai gantinya.
  • Blog hanya muncul setelah penyegaran halaman: tema dengan navigasi AJAX mungkin perlu skrip platform ditempatkan di <head> — periksa panduan pemecahan masalah SPA Elfsight.
  • Gambar unggulan terlihat buram: gambar melebar ke lebar penuh dan hingga 80% dari tinggi layar, sehingga gambar kecil akan pecah-piksel — unggah ulang dengan ukuran 1920×1080.
  • Blog terlihat sempit di ponsel: konfirmasikan Tampilan Post dan gaya kartu, dan biarkan tata letak responsif mengatur lebar daripada memaksakan ukuran tetap di CSS Kustom.

Langkah Alternatif Menambahkan Blog ke Shopify

Jika widget ini tidak cocok, ada dua jalur alternatif yang patut Anda ketahui — dimulai dengan opsi bawaan yang disediakan Shopify.

Opsi 1: Blog bawaan Shopify

Ini adalah opsi resmi, berbasis server (dirender di sisi server), dan ini pilihan yang tepat jika peringkat pencarian menjadi prioritas.

  1. Dari admin Shopify Anda, buka Konten → Postingan Blog.
  2. Klik Kelola blog untuk membuat blog (toko Anda dimulai dengan satu blog default bernama “News”), atau klik Buat pos blog untuk menambahkan pos blog di Shopify.
  3. Tambahkan judul, konten, gambar unggulan, dan (opsional) tag serta cuplikan.
  4. Buka bagian Daftar Mesin Pencari untuk mengatur judul meta, deskripsi, dan slug URL posting.
  5. Atur visibilitas menjadi Terlihat (atau jadwalkan) dan simpan.
Pembatasan Utama: Tata letak blog bawaan dikendalikan oleh template Liquid tema Anda, dan posting berada di bawah /blogs/. Mengubah tampilan atau memindahkan blog ke lokasi lain berarti mengedit kode tema — imbalan atas SEO bawaan yang lebih kuat.

Opsi 2: Aplikasi blog dari Shopify App Store

Jika Anda ingin fitur di luar blog bawaan tanpa coding, aplikasi blog khusus adalah jalur ketiga.

  1. Di dasbor Shopify Anda, buka App Store dan cari aplikasi blog.
  2. Bandingkan opsi rendering (server-side vs client-side), kendali SEO, fleksibilitas desain, dan harga.
  3. Pasang aplikasinya dan beri izin yang diminta.
  4. Konfigurasikan itu di dasbor tersendiri, lalu tempatkan bloknya atau sematkan di toko Anda.
Keterbatasan Utama: Kualitas, harga, dan perilaku SEO bervariasi secara luas antar aplikasi, dan setiap satu adalah alat tambahan yang perlu dikelola dan dibayar. Cek apakah ini di-render di server dan menawarkan kontrol meta per-post sebelum berkomitmen.

Tips Optimasi untuk Blog Shopify Anda

Begitu blog Anda tayang, beberapa pengaturan benar-benar membuat perbedaan pada cara tampil dan performanya — ini melampaui saran umum seperti “sesuaikan warna merek”.

  1. Pastikan gambar unggulan berukuran tepat. Gambar akan melebar ke lebar penuh dan hingga 80% tinggi layar, jadi unggah dengan ukuran 1920×1080. Gambar kecil blur jika diperbesar, dan pemotongan tidak bisa diperbaiki kemudian.
  2. Tetapkan ritme publikasi. Tulis dalam batch, lalu gunakan tanggal terbit per posting untuk menyebarkan posting selama beberapa minggu — ritme yang konsisten mengalahkan lima posting dalam satu hari, lalu sunyi.
  3. Tandai pos utama dengan saklar Post Unggulan. Hanya pos terbaru yang dipublikasikan dengan saklar aktif menjadi unggulan, jadi aktifkan kembali saat Anda ingin pos lain muncul di atas.
  4. subscription form to capture emails, a newsletter popup, or a countdown timer that nudges content traffic toward product pages.”> Mengarahkan pembaca blog ke tindakan. Pasangkan postingan dengan sebuah formulir langganan untuk mengumpulkan email, sebuah popup buletin, atau sebuah penghitung waktu mundur yang mendorong lalu lintas konten menuju halaman produk.
Tip dari tim konten Elfsight: Cari topik posting di kotak dukungan Anda. Pertanyaan yang diajukan pelanggan sebelum membeli adalah permintaan yang telah tervalidasi — ubah masing-masing menjadi postingan dan itu menjawab keraguan tersebut secara skala besar sambil mencocokkan kata-kata yang dicari pembeli.

Pertanyaan yang Sering Diajukan

Bisakah saya menambahkan blog ke toko Shopify saya tanpa aplikasi terpisah?

Ya. Shopify memiliki blog bawaan di bawah Konten → Postingan Blog, dengan blog default bernama “Berita,” sehingga Anda bisa memublikasikan tanpa menginstal apa pun. Jika Anda ingin kendali desain dan kebebasan menempatkan blog di luar URL blog standar, Anda bisa sebaliknya menyematkan widget Blog tanpa kode dengan menempelkan satu potongan kode ke bagian Liquid Kustom. Keduanya bekerja tanpa pengkodean tema untuk penggunaan dasar; blog bawaan lebih kuat untuk pencarian, sementara widget lebih kuat untuk gaya dan penempatan.

Apakah blog tersemat berfungsi di ponsel?

Ya. Widget Blog menggunakan tata letak responsif yang otomatis menyesuaikan, sehingga pos dan kartu mengalir ulang agar pas di ponsel dan tablet, serta lazy loading menjaga halaman tetap cepat. Kedua mode tampilan pos — Pada Halaman dan Dalam Popup — bekerja di perangkat seluler. Jika blog terlihat sempit di layar kecil, biasanya itu karena lebar tetap yang dipaksakan melalui CSS Kustom daripada perilaku bawaan; hapus itu dan biarkan tata letak responsif mengatur ukuran.

Bagaimana cara menambahkan posting blog di Shopify menggunakan widget?

Buka tab Pos di editor dan klik Tambah Pos. Pilih Buat Secara Manual untuk menulis di editor blok, atau Hasilkan dengan AI untuk menyusun pos (AI tersedia pada paket Pro ke atas). Tambahkan judul, pengantar, gambar unggulan, dan penulis, atur tanggal terbit, lalu pos akan tayang di setiap halaman tempat widget disematkan. Anda tidak perlu menempelkan ulang kode — perubahan editor akan tersinkron ke toko Anda secara otomatis.

Apakah blog yang disematkan akan muncul di pencarian Google?

It can be indexed. The widget renders in the browser, so Google picks it up through JavaScript rendering. However, it has no per-post meta title, description, or canonical control, so it isn’t built for search acquisition. If your goal is ranking for keywords and pulling in new visitors, Shopify’s native blog — which is server-rendered with full meta control — is the better tool. The widget fits content aimed at an audience you already have.

Apa Aplikasi Blog Terbaik untuk Shopify?

Tak ada jawaban tunggal, karena tergantung pada tujuan Anda. Untuk performa pencarian maksimal, blog bawaan Shopify sulit dikalahkan karena dirender di server dengan kendali SEO penuh. Untuk fleksibilitas desain dan penempatan blog di mana saja tanpa kode tema, sematan tanpa kode adalah jalur yang lebih cepat. Saat membandingkan aplikasi App Store, cek metode rendering, kendali meta per pos, opsi desain, dan apakah penyusunan AI disertakan sebelum memutuskan.

Kesimpulan

Menambahkan blog ke Shopify bergantung pada satu keputusan, bukan mencari alat: blog bawaan Shopify adalah pilihan yang lebih kuat untuk akuisisi melalui pencarian berkat rendering server dan kendali meta per-post yang lengkap, sementara widget Blog yang dapat disematkan memberi desain berbasis template dan kebebasan menempatkan posting di mana saja di toko Anda tanpa menyentuh Liquid.

Jika kendali desain dan kecepatan Tanpa Coding adalah yang Anda cari, buat blog Anda di Editor Widget Blog, sesuaikan tampilannya agar cocok dengan toko Anda, dan tempelkan ke dalam bagian Custom Liquid. Anda bisa memiliki blog langsung di halaman pilihan Anda dalam satu sesi — tidak perlu mengedit tema.

Artikel oleh
Spesialis Konten AI
Kristina Tyumeneva membahas topik AI di Elfsight dan Beamtrace: ia menulis tentang AI Chatbot, visibilitas LLM, dan bagaimana AI merombak pencarian serta pengalaman pelanggan—dengan pandangan praktis untuk pemilik situs web dan tim pemasaran yang membutuhkannya agar benar-benar bekerja.