> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Bar pengumuman

  

## Dalam artikel ini:

1.  Pengenalan
    
2.  Pasang aplikasi bar pengumuman
    

![](https://storage.crisp.chat/users/helpdesk/website/6c12c58f2987300/81f0d80f-08f5-4164-8cf0-6ad588_30w4ou.png)

  

### 1. Pengenalan

Sekarang anda boleh melekatkan mesej penting di atas kedai anda dengan butang. Tetapan mudah, penyesuaian sepenuhnya. Kadang kala pelanggan mungkin tidak sedar dengan promosi anda, atau sebarang pemberitahuan. Lekatkannya di atas dengan sepanduk skrin penuh ( cadangkan warna yang berbeza besar dengan warna latar belakang anda ). Butang jadikan penyampaian maklumat berfungsi sepenuhnya.

  

### 2. Pasang aplikasi bar pengumuman

**Langkah 1 :** [Admin EasyStore](https://admin.easystore.co/) > Aplikasi > Lebih Aplikasi > cari **Announcement bar** dan install this app

![](https://storage.crisp.chat/users/helpdesk/website/b0e2e59eb016c000/9bde9f35-6b03-4c65-8837-dd0966_jdd77v.png)

**Langkah 2 :** Tandakan **Dayakan Announcement Bar**:

*   masukkan **Mesej** anda
    
*   tetapkan **Warna Mesej**
    
*   tetapkan **Warna Latar Belakang**
    
*   tetapkan **Pilihan Tambahan**.
    

![](https://storage.crisp.chat/users/helpdesk/website/c195ce254d307000/77b16ae2-4de7-4083-bf1a-7b2db1_h392fd.png)

**Langkah 3 :** Anda boleh **Dayakan butang**:

*   masukkan **Teks Butang**
    
*   masukkan **Pautan Butang** ( apabila pelanggan klik pada butang, mereka akan dibawa ke pautan yang dimasukkan )
    
*   tetapkan **Warna Butang**
    
*   tetapkan **Warna Teks Butang**
    

![](https://storage.crisp.chat/users/helpdesk/website/96405b2d6d79600/7aeb3601-a631-4ecf-8d6d-ec6340_1nqkpvv.png)

|| 📌 Nota : Apabila pelanggan klik 'Teks Butang', pelanggan anda akan dibawa ke pautan yang dimasukkan di teks butang tersebut

**Langkah 4:** Anda juga boleh Mengaktifkan Countdown untuk bar pengumuman anda

![](https://storage.crisp.chat/users/helpdesk/website/f1406c0c94bfb800/78b5535d-af32-4a7c-884c-55f108_hkeghx.png)

**Langkah 5 :** Anda boleh melihat hasil di bahagian bawah

![](https://storage.crisp.chat/users/helpdesk/website/42ae514ccb44e800/3d3d1d35-6649-4e12-99de-3b2b6c_1qc3d24.png)

**Langkah 6 :** Jangan lupa untuk klik butang **Save changes**

**💡 Tips :** Anda boleh rujuk langkah di bawah sekiranya bar pemgumuman menghadang top bar laman web anda.

**Admin Panel EasyStore > Saluran > Kedai Online > Mengubahkan Sumber > assets > theme.js** dan tambahkan kod ini dibawah file tersebut > Simpan

`if($('#announcementBarTop').length){ $('.header-bar.sticky-topbar').css('top',$('#announcementBarTop').height() +'px'); }`

  

### Rujukan gambar GIF tambahan:

![](https://storage.crisp.chat/users/helpdesk/website/5663bfa3b4cc5c00/5507e407-c158-4ba2-b256-2dbc75_1fhb91s.png)