Gamestone Docs

Appearance

Panduan Halaman Tema ​

Pendahuluan ​

Halaman Tema digunakan untuk mengelola tampilan dan identitas visual dari website toko partner. Halaman ini dapat diakses melalui menu Kustomisasi → Tema di dashboard. Terdapat beberapa tab yang dapat dikonfigurasi sesuai kebutuhan toko Anda.

1. Tab-Tab Pengaturan Tema ​

1.1 Tab Layout ​

  • Deskripsi:
    Mengatur tata letak (layout) halaman utama website toko Anda.
  • Cara Menggunakan:
    Pilih opsi layout yang tersedia dan klik Simpan untuk menerapkan perubahan.

1.2 Tab Deskripsi ​

  • Deskripsi:
    Deskripsi website yang akan ditampilkan di bagian footer toko. Memberikan informasi singkat tentang layanan atau identitas toko Anda.
  • Cara Menggunakan:
    1. Masukkan teks deskripsi pada kolom yang tersedia.
    2. Klik Simpan untuk menerapkan perubahan.

1.3 Tab Metadata ​

  • Deskripsi:
    Mengatur metadata SEO seperti judul halaman dan deskripsi meta yang digunakan oleh mesin pencari.
  • Cara Menggunakan:
    1. Isi Meta Title dan Meta Description.
    2. Klik Simpan untuk menyimpan perubahan.

1.4 Tab Hero ​

  • Deskripsi:
    Mengatur tampilan bagian hero (banner utama) di halaman depan toko. Dapat berupa gambar, teks, atau kombinasi keduanya.
  • Cara Menggunakan:
    1. Unggah gambar hero atau isi teks yang ingin ditampilkan.
    2. Klik Simpan untuk menerapkan.

Halaman Tema menyediakan pengaturan untuk beberapa jenis logo:

  • Favicon:
    Logo kecil yang tampil di tab browser atau bookmark.
    Unggah file gambar berukuran kecil (disarankan 32x32 px atau 64x64 px).

  • Logo Utama (Header):
    Logo yang digunakan di bagian header website.
    Unggah file logo yang menjadi identitas utama toko Anda.

  • Secondary Logo (Footer):
    Logo tambahan yang digunakan di bagian footer website.

Cara Menggunakan:

  1. Pada tab Logo, unggah file gambar untuk masing-masing jenis logo.
  2. Klik Simpan setelah mengunggah.

1.6 Tab Warna ​

Partner dapat memilih tema warna untuk menyesuaikan tampilan website secara keseluruhan.

  • Cara Menggunakan:
    1. Aktifkan tombol Kontrol Tema di bagian atas tab Warna.
    2. Buka halaman website partner Anda.
    3. Tekan tombol T pada keyboard untuk menampilkan kontrol tema.
    4. Pilih tema warna yang diinginkan — perubahan ditampilkan secara langsung (live preview).
    5. Kembali ke Merchant Dashboard dan pilih warna yang sudah dipilih.
    6. Klik Simpan untuk menerapkan warna secara permanen.

1.7 Tab Live Chat ​

  • Deskripsi:
    Mengintegrasikan fitur live chat (misalnya WhatsApp atau platform chat lainnya) pada website toko.
  • Cara Menggunakan:
    1. Isi nomor atau informasi kontak live chat pada kolom yang tersedia.
    2. Klik Simpan untuk menerapkan.

1.8 Tab Sosial Media ​

  • Deskripsi:
    Menambahkan dan mengelola link sosial media toko yang akan ditampilkan di website.
  • Cara Menggunakan:
    1. Klik Tambah Sosial Media untuk menambahkan entri baru.
    2. Pilih Jenis Sosial Media (Instagram, Facebook, TikTok, dll.).
    3. Masukkan Link Sosial Media yang sesuai.
    4. Klik Simpan untuk menyimpan perubahan.
  • Catatan:
    Anda dapat menambahkan lebih dari satu sosial media.

1.9 Tab Link ​

  • Deskripsi:
    Menambahkan custom link (tautan kustom) yang akan ditampilkan di website toko, misalnya link ke halaman promosi atau katalog eksternal.
  • Cara Menggunakan:
    1. Tambahkan judul dan URL link yang diinginkan.
    2. Klik Simpan untuk menerapkan.

2. Navigasi Halaman Tema ​

  1. Akses Halaman Tema

  2. Tab yang Tersedia
    Layout | Deskripsi | Metadata | Hero | Logo | Warna | Live Chat | Sosial Media | Link

3. Troubleshooting ​

  • Gejala: Logo yang diunggah tidak muncul setelah disimpan.
  • Solusi:
    1. Pastikan ukuran dan format file gambar sesuai (PNG, JPG, SVG).
    2. Refresh halaman website untuk memastikan logo yang baru diunggah ditampilkan.
    3. Hubungi tim support Gamestone jika masalah berlanjut.

Tema Warna Tidak Berubah Setelah Diterapkan ​

  • Gejala: Setelah memilih tema warna, tampilan website tidak berubah.
  • Solusi:
    1. Pastikan Anda telah menekan tombol T untuk menampilkan kontrol tema di website.
    2. Pastikan Anda menyimpan pemilihan warna di dashboard.
    3. Refresh halaman website untuk melihat perubahan.

4. FAQ ​

Q: Di mana saya bisa mengatur Sosial Media toko?

Di tab Sosial Media pada halaman Kustomisasi → Tema. Anda bisa menambahkan berbagai platform sosial media beserta linknya.

Q: Apakah deskripsi toko bisa diperbarui kapan saja?

Ya, deskripsi dapat diperbarui kapan saja melalui tab Deskripsi. Perubahan langsung diterapkan setelah disimpan.

Q: Berapa ukuran logo yang ideal?

Untuk favicon, disarankan 32x32 px atau 64x64 px. Untuk logo header dan footer, gunakan ukuran yang proporsional dengan desain toko Anda.

Q: Apakah saya bisa mengubah tema warna kapan saja?

Ya, Anda dapat mengganti tema warna kapan saja melalui tab Warna. Gunakan kontrol tema (tekan T di website) untuk preview sebelum menyimpan.

Dengan panduan ini, Anda dapat menyesuaikan tampilan toko secara lengkap melalui berbagai tab di halaman Tema. Jika ada pertanyaan lebih lanjut, silakan hubungi tim support Gamestone.