1. Home
  2. Toko Online
  3. Cara Menggunakan Template Desain Toko Online

Cara Menggunakan Template Desain Toko Online

Tampilan toko online yang menarik sangat penting untuk menarik perhatian calon pembeli. Berkaitan dengan hal tersebut, penggunaan template desain website sangatlah penting. Jika pakai TokoTalk, kamu bisa pakai pilihan template menarik. Cek caranya!

Cara Pakai Template Desain Toko Online

Jika kamu memiliki kesulitan dalam mendesain toko online milikmu, kamu bisa menggunakan template desain yang sudah disediakan TokoTalk. Kamu tetap dapat mengubah desainnya nanti sesuai dengan selera atau merekmu. Berikut adalah caranya:

  1. Buka menu Online Shop > Desain & Template
  2. Pilih kategori template yang sesuai dengan toko kamu

    Catatan : Kamu dapat memilih kategori template yang mungkin tidak sesuai dengan kategori toko online kamu, kategorisasi yang kami buat adalah untuk mempermudah kamu mencari template yang kami rekomendasikan pada kategori tersebut.
  3. Lalu, kamu bisa melihat template-template desain yang tersedia. Mulai dari template yang direkomendasikan untuk toko busana, makanan, hingga anak-anak.
  4. Untuk melihat contoh tampilan template, kamu bisa menekan tombol Lihat Tampilan.
    lihat-template-tokotalk
  5. Jika kamu sudah menemukan template yang menarik untuk tokomu, klik Gunakan Template.
    gunakan-template
  6. Template akan langsung terpasang ke tokomu, dan kamu akan langsung dibawa untuk menyesuaikan desain tokomu.
  7. Kamu cukup mengikuti petunjuk-petunjuk yang ada seperti mengganti logo toko, mengganti foto spanduk toko, dan lainnya. Jangan khawatir, kamu tetap dapat menggantinya lagi nanti!
  8. Jika sudah selesai mengikuti petunjuk untuk mendesain tokomu, klik Selesai.

Kamu tetap dapat mengunjungi menu Online Shop > Desain & Template lalu klik Ubah Desain untuk mengganti desain tokomu.

TokoTalk telah menyediakan 100++ template design yang dapat dengan mudah dapat diplikasikan sesuai dengan toko kamu. Kami bisa eksplorasi berbagai macam template design yang bisa kamu pilih sesuai dengan jenis produk yang kamu jual. Contoh kategori antara lain: Fashion, Gadget, Perlengkapan Rumah, Makanan dan Minuman,  

Jangan lupa untuk memberikan kami kritik dan saran untuk fitur template desain ini! Setiap masukan yang kamu beri sangat berharga untuk kemajuan TokoTalk ke depannya.

Melihat Riwayat Desain Toko

Kamu bisa menyimpan perubahan desain sebagai draft apabila kamu belum yakin untuk menerapkannya di tokomu. Untuk melihat riwayat desain tokomu, kamu bisa melihatnya di menu Online Shop > Desain & Template.

  1. Klik Aplikasikan Desain untuk menerapkan desain lama tokomu.
  2. Pilih Ubah nama jika kamu ingin memberi nama untuk riwayat desain tersebut.
  3. Pilih Hapus jika kamu tidak ingin menyimpan riwayat desain tersebut.

Catatan : Jumlah template yang bisa kamu simpan pengaturannya adalah 5 template. Jika kamu ingin menggunakan template lain, maka kamu harus menghapus salah satu template terlebih dahulu.

Cara Ubah Gambar Spanduk Toko

Banner / cover image (slideshow) / spanduk toko merupakan suatu informasi yang ditampilkan dalam bentuk gambar besar untuk diletakkan di halaman website utama. Tujuan menampilkan banner ini untuk memperkenalkan branding toko online kamu kepada setiap orang yang mengakses website kamu.

Cara mengatur banner di website Toko online mudah, silakan dapat mengikuti langkah-langkah berikut :

1. Login ke TokoTalk Admin, buka halaman Toko online > Desain & Template. Kemudian pilih Ubah desain

ubah-desain-tokotalk

2. Pilih menu Tampilan > Gambar sampul ( Slideshow )

gambar-sampul-tokotalk

3. Pilih menu Ubah dan bisa memilih gambar yang ingin dijadikan banner.

ubah-banner-tokotalk

Rekomendasi Ukuran Gambar Spanduk 

Cara atur ukuran banner bisa dilakukan pada menu: Desain & Template > Tampilan > Gambar sampul (slideshow) > pilih Tinggi slideshow

pengaturan-banner-tokotalk

  1. Sesuaikan dengan gambar pertama
    Maksud dari Sesuaikan dengan gambar pertama adalah Apabila kamu membuat gambar sampul dengan 3 gambar dan menggunakan efek slideshow, maka untuk gambar sampul yang pertama dan kedua akan secara otomatis mengikuti serta menyesuaikan ukuran gambar sampul pertama yang sudah kamu upload.

    Sebagai contoh :
    • Gambar sampul 1: Berukuran kotak
    • Gambar sampul 2: Berukuran persegi panjang

      Maka ketika mengaktifkan pilihan sesuaikan dengan gambar pertama, ukuran gambar sampul akan secara otomatis mengikuti yang pertama.
  2. Penuhi tinggi layar atau “Fill screen height”
    • Ukuran untuk Desktop: 1920 x 1080 px (Tanpa menggunakan header-menu)
    • Ukuran untuk Desktop: 1920 x 968 px (Dengan menggunakan header-menu)
    • Ukuran untuk Mobile Phone: 1280 x 1920 px

      Minimal pixel height: 1080 px ( rasio 16:9 )
      Maximum pixel width: 1920 px ( rasio 16:9 )

      Untuk minimal pixel height dan maximum pixel width dengan rasio 16:9, adalah rasio gambar yang dapat kami sarankan untuk memberikan kualitas gambar di website yang baik.
  3. Extra small atau Ekstra kecil
    Ukuran untuk Desktop: 1920 x 160 px
    Ukuran untuk Mobile Phone : height 160 px
  4. Small atau Kecil
    Ukuran untuk Desktop: 1920 x 304 px
    Ukuran untuk Mobile Phone: height: 212 px
  5. Medium atau Sedang
    Ukuran untuk Desktop: 1920 x 160 px
    Ukuran untuk Mobile Phone: height: 160 px
  6. Large atau Besar
    Ukuran untuk Desktop: 1920 x 656 px
    Ukuran untuk Mobile Phone: height: 360 px
  7. Extra Large atau Ekstra besar
    Ukuran untuk Desktop: 1920 x 768 px
    Ukuran untuk Mobile Phone: 480 px

Catatan:

Pastikan setiap gambar yang akan kamu pergunakan sebagai banner memiliki bagian yang sesuai untuk dijadikan pusat perhatian..  Dimungkinkan gambar yang ditampilkan pada versi mobile akan terpotong pada bagian samping kiri dan kanan.

Rekomendasi Logo Toko

Logo toko merupakan salah satu penanda brand dan representasi unik secara umum dari toko kamu.  TokoTalk menyediakan fitur untuk kamu menambahkan logo pada toko online kamu, yang dapat mudah terlihat oleh customer toko kamu.

Cara mengatur logo di website Toko online cukup mudah, dapat mengikuti langkah-langkah berikut:

1. Login TokoTalk Admin, buka halaman Toko online > Desain & Template

ubah-desain-tokotalk

2. Pilih menu Tema > Header dan klik Upload

Ukuran logo yang direkomendasikan adalah 250 x 250 pixel.  Pastikan pada resolusi tersebut logo masih dapat terlihat dengan baik (gambar tidak pecah)

ubah-logo-tokotalk

3. Rekomendasi untuk format logo adalah dengan format JPG

Updated on 1 Maret 2022

Related Articles