> For the complete documentation index, see [llms.txt](https://docs.oceanesia.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.oceanesia.com/tutorial-1/manual-book-v-1-0/update-newsletter-di-bottom-page.md).

# Update Newsletter di Bottom Page

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Lf2imdWcUvVdpt7VCPQ%2F-Lf2izbZQBtbZ2pU5EV3%2Fimage.png?alt=media\&token=f8774cf4-4a4d-4e72-ba5b-0922fd6ae4f2)

Selain Newsletter yang tampil di pop-up (pada saat website baru dibuka), Anda juga bisa menampilkan Newsletter di bottom page (halaman bawah page website) seperti pada contoh di atas. Caranya adalah sebagai berikut:

1. Masuk ke menu **Journal > Dashboard > Newsletter.**
2. Klik **Create New** pada pojok kanan atas
3. Klik **General Options.**
4. Ikuti pengisian seperti di bawah ini.

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LhDsa1wYyaqzWXBrX8s%2F-LhDr35PXtj6UhGGLjfF%2Fimage.png?alt=media\&token=9491876d-3b15-4022-b26b-c389336f9be5)

* **Module Name:** isi dengan "Newsletter"
* **Module Title:** bisa dikosongkan, atau isi dengan "Newsletter", atau judul lain jika ingin menambahkan judul pada banner newsletter tsb.
* **Module Text:** isi deskripsi yang ingin ditampilkan, misalnya "Sign up to get exclusive offers from our favorite brands and to be well up in the news".
* **Module Text Font:** klik **Edit** untuk mengubah font style atau font color tulisan deskripsi.
* **Module Background**: Untuk mengubah background pada keseluruhan menu Newsletter.
* **Module Shadow:** bisa dikosongkan.
* **Module Border Settings:** bisa dikosongkan.
* **Module Padding:** standarnya 40 - 50 - 40 - 50.

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LhDsa1wYyaqzWXBrX8s%2F-LhDrzkUxU82ih2f2tJo%2Fimage.png?alt=media\&token=0cc055f4-032a-42b5-b3e9-7ddf72b78182)

* **Text Position:** Pilih **Left** jika ingin menampilkan tulisan deskripsi seperti di bawah (deskripsi: "Sign up to get exclusive offers from our favorite brands and to be well up in the news").

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-Lf2imdWcUvVdpt7VCPQ%2F-Lf2izbZQBtbZ2pU5EV3%2Fimage.png?alt=media\&token=f8774cf4-4a4d-4e72-ba5b-0922fd6ae4f2)

Atau pilih **Top** jika tidak ingin menampilkan tulisan deskripsi, seperti di bawah ini.

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LhE30ITO_gXvBV09Xjd%2F-LhE3AsFs7dRzAiCQWmV%2Fimage.png?alt=media\&token=e71ef1b5-7589-4e47-ab30-8c2ea3d5fbc4)

* **Input Height**: 30
* **Input Placeholder:** untuk input tulisan di dalam kotak, misalnya "masukkan alamat e-mail anda".
* **Input Background Color:** untuk mengubah warna background pada tulisan 

  "masukkan alamat e-mail anda".
* **Input Text Font:** Untuk mengubah font style, font size atau font color pada tulisan "masukkan alamat e-mail anda".
* **Input Border Settings:** Bisa dikosongkan.
* **Input Shadows:** bisa dikosongkan.
* **Button Text:** untuk menginput text pada tombol, seperti "subscribe" atau "kirim".
* **Button Icon:** Untuk menambahkan icon pada tombol subscribe/kirim. Atau bisa dikosongkan.
* **Button Font**: Untuk mengubah jenis,ukuran,dan warna font pada tombol subscribe diatas; **Hover:** Untuk mengubah warna font jika tombol subscribe diklik.

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LhDsa1wYyaqzWXBrX8s%2F-LhE0h8yfsu0QAKrFJK4%2Fimage.png?alt=media\&token=bef9fd28-43b4-4f91-b59a-780d74a31b41)

* **Button Background:** Untuk mengubah warna background tombol subscribe; **Hover:** Untuk mengubah warna background jika tombol subscribe diklik.
* **Button Border**: bisa dikosongkan.
* **Button Shadow**: bisa dikosongkan.
* **Button Offset:** input 1 -1.
* **Enable on Phone, Tablet,** dan **Desktop:** Set ON.

5\. Jika sudah, klik **Save.**

6\. Selanjutnya, masuk ke menu **Journal > Dashboard > Footer > Menu.**

7\. Klik **Add Row+**

![](https://468408990-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LVM9qa13Pa-5BtdEH57%2F-LhDsa1wYyaqzWXBrX8s%2F-LhE2QSO_-fIzeuZ6rOe%2Fimage.png?alt=media\&token=51257dce-c064-40ea-8e21-65478a43bfd7)

* **Row Type:** klik **Columns.**
* **Bottom Spacing:** input 40.
* **Status: ON.**

8\. Jika sudah selesai semua, klik **Save.**