Cara menambahkan bilah pengumuman ke Shopify

Shopify announcement bar (juga dikenal sebagai hello bar, banner promo, atau sticky banner) adalah banner tipis yang membentang di bagian atas dan di atas navigasi sebuah situs web. Banner ini sering digunakan untuk mengumumkan manfaat kepada pengguna yang dapat mendorong terjadinya penjualan — misalnya, flash sale atau batas waktu gratis ongkos kirim.  

Beberapa tema Shopify Online Store 2.0, termasuk tema bawaan Dawn, dilengkapi dengan announcement bar native. Ini adalah titik awal yang baik, tetapi cukup terbatas. Dengan tema Dawn, Anda dapat menyesuaikan skema warna dasar, menambah atau menghapus ikon media sosial, dan menambahkan satu baris teks atau tautan per pengumuman yang berotasi.

Jika Anda membayangkan sesuatu yang lebih dinamis, seperti beberapa baris teks, tombol, kode kupon click-to-copy, atau penghitung mundur yang menambah kesan kelangkaan, editor native tidak akan mampu mewujudkannya. 

Untuk membangun announcement bar kustom yang berkonversi tinggi di Shopify, Anda dapat memasang aplikasi pihak ketiga dari Shopify App Store, atau menggunakan widget Announcement Bar yang gratis dan ringan yang menjaga situs Anda tetap cepat dan anggaran Anda tetap utuh. Kami membahas cara melakukan keduanya di sini.

Watch on youtube

How to Add an Announcement Bar to Shopify

Opsi 1: Pasang aplikasi banner Shopify khusus

Cara paling umum yang dilakukan para pedagang untuk menambahkan sticky banner di Shopify adalah dengan menuju ke Shopify App Store dan memasang aplikasi pemasaran pihak ketiga. 

Berikut tampilan pengaturan tersebut pada umumnya:

1. Cari aplikasi “announcement bar” atau “promo banner” di Shopify App Store.

2. Pasang aplikasi dan tambahkan ke tema Anda melalui alur onboarding aplikasi tersebut.

3. Sesuaikan teks, warna, dan perilaku banner Anda di dasbor aplikasi.

Alur kerja untuk menyesuaikan banner akan bergantung pada plug-in yang digunakan. Gambar sebelumnya memberi Anda gambaran tentang cara menyesuaikan lebar banner menggunakan plug-in Attrac.

Meskipun ini adalah jalur yang menjadi pilihan default banyak pedagang, ada dua kekurangan yang perlu Anda ketahui sebelum memutuskan untuk menggunakannya:

1. Aplikasi banner pihak ketiga mungkin menambahkan JavaScript: Mereka melakukan ini untuk menjalankan animasi, pesan yang berotasi, atau penghitung mundur, dan kode tersebut sering kali dimuat di bagian atas halaman. Tergantung pada cara aplikasi dibangun, hal ini dapat memperlambat kecepatan halaman dan memengaruhi Core Web Vitals. Periksa ulasan dan lihat apa yang dikatakan pemilik toko lain tentang dampak performa aplikasi di dunia nyata sebelum memasangnya.
2. Banyak hello bar gratis di Shopify memiliki keterbatasan: Paket gratis dirancang untuk menarik Anda masuk, dan fitur yang sebenarnya Anda inginkan — seperti penghitung mundur, geotargeting, atau sekadar menghapus watermark aplikasi — terkunci di balik langganan bulanan.

Jika Anda lebih suka melewati semua ini, widget situs web gratis akan dibahas berikutnya.

Opsi 2: Tambahkan widget announcement bar gratis yang dapat disesuaikan (direkomendasikan)

Jika Anda menginginkan banner promo yang dinamis dan bergaya rapi dengan semua fitur yang Anda butuhkan — dan Anda menginginkannya secara gratis sambil tetap menjaga kecepatan situs — jalur yang lebih baik adalah menyematkan widget yang andal dan ter-hosting. 

Di sinilah Widget Announcement Bar dari Jotform berperan. Widget ini bekerja secara efektif sebagai alternatif aplikasi banner promo Shopify.

Pengaturannya sangat mudah:

1. Bangun banner Anda di editor widget Jotform, dengan menambahkan teks serta tombol CTA atau penghitung mundur apa pun di pengaturan General.

2. Sesuaikan warna dan tata letaknya agar cocok dengan tema Shopify Anda.

3. Klik Continue dan salin cuplikan sematan dengan mengklik Copy Code.

4. Tempelkan cuplikan tersebut ke dalam blok Custom Liquid atau Custom HTML di Shopify Theme Editor Anda. 

Keuntungannya di sini adalah Anda dapat menyesuaikan tata letak sepenuhnya dan menyamakan warna tema Shopify Anda secara persis, semuanya tanpa peningkatan premium. 

Dan karena widget ini adalah sematan Shopify announcement bar yang berjalan off-server, semua pekerjaan berat — seperti animasi, penghitung waktu, penataan gaya, dan lainnya — terjadi di luar tema Shopify Anda. Itu berarti Anda mendapatkan

• Penataan gaya yang bersih yang berjalan secara independen dari gaya global situs Shopify, sehingga tidak ada konflik dengan tema Anda
• Waktu muat yang cepat karena tidak ada kode render-blocking yang membebani kecepatan halaman Anda
• Tidak ada biaya berulang yang menumpuk di atas tagihan hosting Anda hanya untuk menampilkan penghitung mundur atau fitur menarik lainnya

Tingkatkan performa toko Shopify Anda dengan widget cerdas tanpa server

Announcement bar hanyalah permulaan. Jotform terintegrasi dengan Shopify dan memiliki koleksi lengkap widget situs web gratis yang menawarkan fleksibilitas yang sama dengan pendekatan off-server yang sama.

Beberapa yang patut Anda lihat jika Anda sedang mengembangkan toko Shopify antara lain

• Widget Google Reviews untuk menampilkan umpan balik pelanggan langsung di halaman produk Anda dan membangun kepercayaan sebelum checkout
• Widget Visitor Counter untuk menampilkan aktivitas halaman secara real-time dan menambahkan bukti sosial pada daftar produk dengan lalu lintas tinggi
• Widget Countdown untuk memperkuat kesan urgensi pada penawaran waktu terbatas, mirip dengan yang akan Anda bangun di announcement bar Anda
• Widget Popup untuk mengumpulkan pendaftaran email atau mempromosikan kode diskon tanpa halaman arahan khusus

Sebagai merek e-commerce yang sedang berkembang, Anda lebih baik membelanjakan anggaran pemasaran Anda untuk berjualan di Shopify, mencari produk, dan mengakuisisi pelanggan — bukan membayar biaya aplikasi berulang hanya agar banner dapat ditampilkan dengan benar. Alat gratis tanpa server seperti Widget Announcement Bar Jotform memungkinkan Anda menerapkan bilah promo premium yang berkonversi tinggi dalam hitungan menit — dan setelah aktif, Anda dapat mengalihkan perhatian Anda ke widget berikutnya yang akan membantu toko Anda berkembang. Cobalah hari ini.