> ## Documentation Index
> Fetch the complete documentation index at: https://docs.simplus.id/llms.txt
> Use this file to discover all available pages before exploring further.

# Tema toko online

> Pilih tema untuk toko online, siapkan tema kedua tanpa mengganggu toko, lalu ganti, ubah nama, atau hapus tema.

Tema menentukan tampilan toko online Anda: warna, huruf, banner, dan susunan halaman. Satu tema aktif sebagai **Default**, tema lain bisa Anda siapkan di belakang layar.

## Cara kerjanya

Misalnya Simplus Fashion ingin tampilan khusus Lebaran tanpa mengganggu toko yang sedang ramai:

| Langkah | Yang terjadi di toko |
| - | - |
| Tambahkan tema baru dari **Tema Populer**, beri nama **Tema Lebaran** | Tema baru langsung jadi Default dan tampil di toko |
| Setel **Tema Harian** sebagai Default lagi | Toko kembali ke tampilan harian |
| Rapikan Tema Lebaran lewat **Sesuaikan** | Pembeli tetap melihat Tema Harian |
| Saat Lebaran tiba, setel **Tema Lebaran** sebagai Default | Toko langsung berganti tampilan |

Tema hanya mengatur tampilan. Katalog, harga, stok, pesanan, pembayaran, dan pengiriman tetap sama apa pun temanya. Menu dan Custom Page juga milik toko, jadi bisa dipakai di semua tema. Karena itu, header, footer, dan isi Custom Page yang Anda simpan di tema mana pun, termasuk tema yang bukan Default, langsung terlihat di Custom Page toko.

## Halaman Tema

Di sidebar builder, klik **Tema** di bagian **Toko Online**. Halaman ini punya dua bagian:

| Bagian | Isinya |
| - | - |
| **Tema Saya** | Tema milik toko Anda. Tema yang tampil di toko diberi label **Default**. |
| **Tema Populer** | Template siap pakai yang bisa Anda tambahkan ke Tema Saya |

Gambar kecil di setiap tema diperbarui otomatis setelah Anda menyimpan perubahan di editor.

> [tab] Desktop
>
> ![Tema Saya berisi Tema Lebaran dan Tema Harian berlabel Default, tombol Sesuaikan ditandai](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/tema/d01-tema-saya.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=7749d1039d77546c8ef36b5d9ebdc14d)
>
> Tema Saya dengan dua tema.

> [tab] Mobile
>
> ![Halaman Tema di HP dengan Tema Lebaran dan Tema Harian](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/tema/p01-tema-saya.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=084d54c1071f21ee16b2e2bf7de08fdb)
>
> Tema Saya di HP.

Klik **Sesuaikan** di sebuah tema untuk membuka [editor tema](https://docs.simplus.id/web-jualan/editor-tema.md).

## Menambah tema dari Tema Populer

> [!WARNING]
>
> Tema yang baru ditambahkan **langsung menjadi Default** dan tampil di toko, tanpa konfirmasi. Kalau Anda hanya ingin menyiapkannya dulu, setel tema lama sebagai Default lagi tepat setelah menambahkan.

**1. Pilih template**

Scroll ke **Tema Populer**, lalu klik **Tambahkan** di template yang Anda suka.

![Kartu template Default Theme dengan tombol Tambahkan ditandai](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/tema/d02-tambahkan.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=ecc6abfdf41253771e39eca54420d34f)

Menambahkan template ke Tema Saya.

**2. Tunggu sampai muncul di Tema Saya**

Tema baru muncul di **Tema Saya** dengan label **Default**. Isinya masih konten contoh dari template, misalnya banner dan teks berbahasa Inggris. Header-nya juga belum memakai **Main menu**. Pilih lagi di section **Header**. Lihat [Menu](https://docs.simplus.id/web-jualan/menu-dan-custom-page.md#menu).

**3. Kembalikan tema lama kalau perlu**

Kalau toko belum siap memakai tema baru, klik **⋯** di tema lama, lalu **Setel sebagai Default**. Setelah itu rapikan tema baru lewat **Sesuaikan** tanpa terlihat pembeli.

## Mengganti tema yang tampil di toko

**1. Buka menu tema**

Klik **⋯** di kanan tema yang ingin dipakai. Tema yang bukan Default punya tiga pilihan: **Setel sebagai Default**, **Ubah Nama**, dan **Hapus**.

![Menu titik tiga Tema Harian terbuka dengan pilihan Setel sebagai Default, Ubah Nama, dan Hapus](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/tema/d03-menu.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=d5765530d8c841c149c275ef46f5f16b)

Menu ⋯ di tema yang bukan Default.

**2. Setel sebagai Default**

Klik **Setel sebagai Default**, lalu konfirmasi. Dalam beberapa detik label **Default** pindah ke tema itu dan toko langsung memakai tampilannya.

## Mengubah nama dan menghapus tema

* **Ubah Nama**: klik **⋯** → **Ubah Nama**, ketik nama baru, lalu klik **Simpan**. Nama hanya terlihat oleh Anda, tidak oleh pembeli.
* **Hapus**: klik **⋯** → **Hapus**, lalu konfirmasi. Tema terhapus permanen beserta semua perubahan di dalamnya.

![Jendela Ubah Nama berisi Tema Harian dengan isian dan tombol Simpan ditandai](https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/tema/d04-ubah-nama.webp?fit=max\&auto=format\&n=zczX3u4gwKEkQq3G\&q=85\&s=7063d470e56647ad7e42241ec618adaa)

Ubah Nama tema.

Tema yang sedang Default hanya punya pilihan **Ubah Nama**. Untuk menghapusnya, setel tema lain sebagai Default dulu.

## Siapa yang boleh mengatur

Owner, atau karyawan dengan izin **Mengelola Toko Online** di [Grup Hak Akses](https://docs.simplus.id/tutorial/pengguna/grup-hak-akses.md). Builder hanya terbuka untuk bisnis dengan paket Web Jualan. Lihat [Aktivasi Web Jualan](https://docs.simplus.id/web-jualan/aktivasi.md).

## Pesan yang mungkin muncul

| Pesan | Artinya | Yang perlu dilakukan |
| - | - | - |
| Apakah anda yakin ingin mengatur tema ini sebagai tema utama? | Konfirmasi sebelum tema dipakai di toko | Klik **OK** untuk memakai tema itu |
| Apakah anda yakin ingin menghapus tema ini? Tindakan ini tidak dapat dibatalkan. | Konfirmasi sebelum tema dihapus | Klik **OK** hanya kalau tema itu memang tidak dipakai lagi |
| Belum ada tema ditambahkan. | Tema Saya masih kosong | Klik **Tambahkan** di salah satu Tema Populer |

## FAQ

> [accordion] Apakah produk dan pesanan ikut berubah saat saya ganti tema?
>
> Tidak. Tema hanya tampilan. Katalog, harga, stok, pesanan, pembayaran, dan pengiriman tetap sama.

> [accordion] Bagaimana melihat tema yang belum Default?
>
> Klik **Sesuaikan** di tema itu. Preview di editor menampilkan tema tersebut. Tombol **Kunjungi website** selalu membuka toko dengan tema Default.

> [accordion] Tampilan toko langsung berubah setelah saya klik Tambahkan. Bagaimana mengembalikannya?
>
> Tema yang baru ditambahkan otomatis jadi Default. Klik **⋯** di tema lama, lalu **Setel sebagai Default**. Toko kembali ke tampilan lama dalam beberapa detik, dan tema baru tetap tersimpan di Tema Saya.

## Langkah berikutnya

> [card] [Editor tema](https://docs.simplus.id/web-jualan/editor-tema.md)
>
> Ganti banner, teks, dan susunan section.

> [card] [Atur tema](https://docs.simplus.id/web-jualan/atur-tema.md)
>
> Logo, warna, huruf, dan tampilan checkout.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.