Pasang logo dan favicon, ubah warna lewat color scheme, pilih huruf atau tambah font kustom, dan atur tampilan checkout toko online.
Atur Tema mengatur hal yang berlaku di seluruh toko: logo, warna, huruf, tombol, kartu produk, dan tampilan checkout. Isi halaman, seperti banner dan teks, diatur di editor tema.
Buka Tema → Sesuaikan, lalu klik ikon roda gigi di kiri editor. Daftar pengaturan muncul di panel kiri, dan preview di kanan langsung menampilkan perubahan.
Daftar pengaturan di Atur Tema.
Semua perubahan di Atur Tema, kecuali warna scheme, baru tampil di toko setelah Anda klik Simpan di kanan atas editor.
Warna toko diatur lewat scheme: satu set warna latar, teks, dan tombol. Setiap section memilih satu scheme, misalnya header memakai Scheme 5. Mengubah satu scheme mengubah semua section yang memakainya.
1
Pilih scheme
Di Atur Tema, klik Colors, lalu klik scheme yang ingin diubah. Lingkaran kecil di setiap scheme menunjukkan warnanya.
Daftar color scheme.
2
Ubah warnanya
Di Ubah Scheme, ketik kode warna atau klik lingkaran warna di kanan setiap isian: Background, Background gradient, Text, Solid button background, Solid button label, Outline button, dan Shadow.
3
Simpan
Klik Simpan di jendela itu.
Mengubah warna Scheme 5.
Simpan di jendela Ubah Scheme langsung menyimpan warna ke tema, tanpa perlu klik Simpan di editor. Kalau tema ini Default, toko langsung berubah warna.
Untuk menambah scheme baru, klik tombol + di kanan bawah daftar Colors. Scheme baru bisa dipilih di pengaturan Color scheme setiap section.
Di Atur Tema, klik Typography. Ada dua pengaturan: Headings untuk header toko (announcement bar dan menu), dan Body untuk judul serta teks di semua section lain.
2
Pilih font
Klik isian Font, ketik nama font di kotak pencarian, lalu klik font-nya. Geser Font size scale untuk memperbesar atau memperkecil ukuran huruf.
Memilih font untuk Headings.
3
Simpan
Klik Simpan di kanan atas editor.
Di bawah pilihan font tertulis “Memilih font berbeda dapat memengaruhi kecepatan toko.” Pakai satu atau dua font saja supaya toko tetap cepat dibuka.
Kalau font yang Anda mau belum ada di daftar, tambahkan sendiri. Setiap toko bisa punya maksimal 20 font kustom.
1
Klik Tambah
Di Typography, klik + Tambah di kanan atas panel.
2
Isi font
Pilih salah satu tab:
Google Fonts: ketik nama keluarga font persis seperti di fonts.google.com, misalnya Playfair Display. Bobot 400 sampai 700 ikut ditambahkan otomatis.
Unggah file: unggah file .woff2, .woff, .ttf, atau .otf, maksimal 2 MB per font, lalu cek Nama tampilan. Nama ini terisi otomatis dari nama file dan bisa Anda ganti.
Menambah font dari Google Fonts.
3
Tambahkan dan pilih
Klik Tambahkan. Font muncul di Font Kustom dengan label GOOGLE atau FILE, dan bisa dipilih di Headings atau Body dengan label KUSTOM.
Untuk menghapus font kustom, klik ikon tempat sampah di sampingnya, lalu konfirmasi “Hapus font kustom?”. Setelah terhapus muncul pesan “Font … dihapus”. Font yang masih dipakai di Headings, Body, atau checkout tidak bisa dihapus. Pengecekan ini berlaku untuk semua tema di Tema Saya, bukan hanya tema yang sedang diedit. Ganti font-nya di setiap tema yang memakainya dan klik Simpan.
Lebar halaman, jarak antar section, dan jarak antar kolom
Animations
Efek muncul saat scroll dan efek saat mouse diarahkan
Buttons, Variant Pills, Inputs
Ketebalan garis, sudut, dan bayangan tombol, pilihan varian, serta isian
Product Cards, Collection Cards
Gaya kartu produk dan collection, perataan teks, dan scheme
Content Containers, Media, Dropdown and Pop-ups, DrawersComing Soon
Gaya kotak konten, gambar, menu dropdown, dan panel samping. Pilihan ini tersimpan, tapi belum mengubah tampilan toko.
Badges
Warna label Sale dan Sold out di keranjang. Di kartu produk, label memakai scheme kartu produk. Pengaturan posisi dan sudut Coming Soon.
Brand Information
Judul dan deskripsi merek di footer
Search Behavior
Saran pencarian. Pilihan menampilkan harga dan vendor produk Coming Soon
Currency Format
Menampilkan kode mata uang, misalnya Rp10.000 atau 10.000 IDR
Cart
Jenis keranjang: Drawer (panel samping), Page (halaman keranjang), atau Popup notification. Show vendor, Enable cart note, dan collection di drawer Coming Soon.
Custom CSS
Kode CSS untuk seluruh toko, untuk pengguna yang paham CSS
Klik ikon troli di kiri editor untuk membuka Checkout and Accounts. Preview berganti ke halaman checkout. Panel ini juga punya pilihan halaman Checkout, Orders List, dan Profile untuk melihat halaman akun pembeli.
Pengaturan Checkout and Accounts.
Bagian
Yang diatur
Logo
Logo di halaman checkout dan lebarnya
Checkout Header
Posisi dan perataan logo. Gambar latar Coming Soon
Checkout LayoutComing Soon
One page checkout atau Three page checkout. Pilihan ini tersimpan, tapi belum mengubah checkout toko.
Background 1 dan Background 2
Warna latar formulir checkout dan ringkasan pesanan. Gambar latar Coming Soon
Color
Warna aksen, tombol, dan pesan error. Fields and cardsComing Soon
Typography
Font untuk judul dan teks di checkout
Address autocompletionComing Soon
Saran alamat otomatis saat pembeli mengetik. Pilihan ini belum berpengaruh di checkout.
Header menuComing Soon
Menu di header halaman akun pembeli. Pilihan ini tersimpan, tapi belum tampil.
Buy again buttonComing Soon
Tombol pesan lagi. Saat ini Buy again selalu tampil di pesanan pembeli, apa pun pilihannya.
Produk di preview checkout adalah contoh. Pembeli melihat produk di keranjangnya sendiri. Klik Simpan setelah selesai.
{"docsConfig":{"theme":"aspen","$schema":"https://mintlify.com/docs.json","name":"Simplus","colors":{"primary":"#4D54FF","light":"#8186FF","dark":"#2F36E6"},"logo":"https://mintcdn.com/simplus/ibW6UHd5bnrHulcT/images/simplus-logo_384.png?fit=max\u0026auto=format\u0026n=ibW6UHd5bnrHulcT\u0026q=85\u0026s=3fb2b9d267ecc85656e4a90fea8d556d","favicon":"https://mintcdn.com/simplus/ibW6UHd5bnrHulcT/images/favicon.ico?fit=max\u0026auto=format\u0026n=ibW6UHd5bnrHulcT\u0026q=85\u0026s=6fe12e4ddc3dc5753e54cbf65d662ad4","appearance":{"default":"light","strict":true},"background":{"color":{"light":"#FFFFFF"}},"navbar":{"links":[{"href":"https://registry.scalar.com/@simplus/apis/public","label":"API Reference"},{"href":"https://simplus.id/pricing","label":"Pricing"},{"href":"https://api.whatsapp.com/send?phone=628992488800\u0026text=Halo%20kak%2C%20saya%20mau%20tanya-tanya%20dong%20tentang%20Simplus..","label":"Hubungi Kami"}],"primary":{"type":"button","label":"Login","href":"https://my.simplus.id"}},"integrations":{"gtm":{"tagId":"GTM-5PFJGRR3"}},"errors":{"404":{"redirect":true,"title":"Bingung Mau Kemana?","description":"Coba klik Search Bar, deh"}},"interaction":{"drilldown":true},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"simplus","hasAudioNarration":false,"actualSubdomain":"simplus","customDomains":["docs.simplus.id"],"gitSource":{"type":"gitlab","owner":"simplusid","repo":"mintlify-simplus-docs","projectId":81298693,"deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"feedback":{"thumbs":true},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6af1d4a7092d681a0ecda73a","clientVersion":"0.0.4088","searchFilterCounts":[{"language":"default","tag":"Tutorial","count":68},{"language":"default","tag":"Web Jualan","count":17},{"language":"default","tag":"Laporan","count":12},{"language":"default","tag":"Penjualan","count":10},{"language":"default","tag":"Produk \u0026 Katalog","count":10},{"language":"default","tag":"Integration","count":9},{"language":"default","tag":"Memulai","count":9},{"language":"default","tag":"Stok","count":9},{"language":"default","tag":"Perangkat","count":7},{"language":"default","tag":"Webhook","count":5}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"comment-mode","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"web-jualan/atur-tema","slug":"/web-jualan/atur-tema","pageMetadata":{"title":"Atur tema: logo, warna, dan huruf","sidebarTitle":"Atur tema","description":"Pasang logo dan favicon, ubah warna lewat color scheme, pilih huruf atau tambah font kustom, dan atur tampilan checkout toko online.","icon":"sliders","href":"/web-jualan/atur-tema"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Pasang logo dan favicon, ubah warna lewat color scheme, pilih huruf atau tambah font kustom, dan atur tampilan checkout toko online.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,li:`li`,p:`p`,strong:`strong`,tbody:`tbody`,td:`td`,th:`th`,thead:`thead`,tr:`tr`,ul:`ul`,..._provideComponents(),...props.components},{Badge,Card,CardGroup,Frame,Heading,Note,OptimizedImage,Step,Steps,Table}=_components;if(!Badge)_missingMdxReference(`Badge`,true);if(!Card)_missingMdxReference(`Card`,true);if(!CardGroup)_missingMdxReference(`CardGroup`,true);if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!Note)_missingMdxReference(`Note`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Step)_missingMdxReference(`Step`,true);if(!Steps)_missingMdxReference(`Steps`,true);if(!Table)_missingMdxReference(`Table`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Atur Tema`}),` mengatur hal yang berlaku di seluruh toko: logo, warna, huruf, tombol, kartu produk, dan tampilan checkout. Isi halaman, seperti banner dan teks, diatur di `,_jsx(_components.a,{href:`/web-jualan/editor-tema`,children:`editor tema`}),`.`]}),`\n`,_jsx(Heading,{level:`2`,id:`membuka-atur-tema`,children:`Membuka Atur Tema`}),`\n`,_jsxs(_components.p,{children:[`Buka `,_jsx(_components.strong,{children:`Tema`}),` → `,_jsx(_components.strong,{children:`Sesuaikan`}),`, lalu klik ikon roda gigi di kiri editor. Daftar pengaturan muncul di panel kiri, dan preview di kanan langsung menampilkan perubahan.`]}),`\n`,_jsx(Frame,{caption:`Daftar pengaturan di Atur Tema.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d01-atur-tema.webp?fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=9bf86e2a8b9b9e1b263131352e543e7c`,alt:`Panel Atur Tema dengan daftar Logo, Colors, Typography, Layout, dan lainnya, ikon roda gigi ditandai`,\"data-og-width\":`2560`,width:`2560`,\"data-og-height\":`1600`,height:`1600`,\"data-path\":`images/web-jualan/atur-tema/d01-atur-tema.webp`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d01-atur-tema.webp?w=280\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=d2318c0adddae6964ead6886830dcc16 280w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d01-atur-tema.webp?w=560\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=99017810790e8613c1f4d074fe91ab04 560w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d01-atur-tema.webp?w=840\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=d640d6012fe6762244fa1581c6cecb7c 840w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d01-atur-tema.webp?w=1100\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=8a8d0d45508b3ed668448ad980904ec4 1100w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d01-atur-tema.webp?w=1650\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=5cf61b151f673ee15405699ce488a28f 1650w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d01-atur-tema.webp?w=2500\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=63d905a7d5fcb718470461b4872513fa 2500w`})}),`\n`,_jsxs(_components.p,{children:[`Semua perubahan di Atur Tema, kecuali warna scheme, baru tampil di toko setelah Anda klik `,_jsx(_components.strong,{children:`Simpan`}),` di kanan atas editor.`]}),`\n`,_jsx(Heading,{level:`2`,id:`logo-dan-favicon`,children:`Logo dan favicon`}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Buka Logo`,children:_jsxs(_components.p,{children:[`Di `,_jsx(_components.strong,{children:`Atur Tema`}),`, klik `,_jsx(_components.strong,{children:`Logo`}),`.`]})}),_jsxs(Step,{title:`Unggah gambar`,children:[_jsxs(_components.p,{children:[`Klik kotak `,_jsx(_components.strong,{children:`Logo`}),` untuk mengunggah logo toko. Klik kotak `,_jsx(_components.strong,{children:`Favicon image`}),` untuk ikon kecil di tab browser, yang diperkecil menjadi 32 × 32 px.`]}),_jsx(Frame,{caption:`Logo dan favicon toko.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d02-logo.webp?fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=bdfec6da040ae596adca4bc35d31f9f9`,alt:`Pengaturan Logo dengan kotak Logo dan Favicon image berisi gambar ditandai, logo tampil di header preview`,\"data-og-width\":`2560`,width:`2560`,\"data-og-height\":`1600`,height:`1600`,\"data-path\":`images/web-jualan/atur-tema/d02-logo.webp`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d02-logo.webp?w=280\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=70d7fcfd623bbf84d970e99a23bee0bd 280w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d02-logo.webp?w=560\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=ccc55bbd94924d6b6d76fb50a260ce35 560w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d02-logo.webp?w=840\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=0dd441e657bd8d76fb765a4cc10ca3fb 840w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d02-logo.webp?w=1100\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=f6601cc639eaab33b46e4c0b16cc9aac 1100w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d02-logo.webp?w=1650\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=a2977af022ec31b2402b4a8d03ee6825 1650w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d02-logo.webp?w=2500\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=5e8fab72a320726687e9e824abb285f7 2500w`})})]}),_jsx(Step,{title:`Atur lebar dan simpan`,children:_jsxs(_components.p,{children:[`Geser `,_jsx(_components.strong,{children:`Desktop logo width`}),` sampai ukuran logo pas di header, lalu klik `,_jsx(_components.strong,{children:`Simpan`}),`.`]})})]}),`\n`,_jsxs(_components.p,{children:[`Tanda `,_jsx(_components.strong,{children:`×`}),` di pojok kotak menghapus gambar itu. Klik `,_jsx(_components.strong,{children:`Simpan`}),` setelahnya. Logo checkout diatur terpisah di bagian `,_jsx(_components.a,{href:`#tampilan-checkout`,children:`Checkout`}),`.`]}),`\n`,_jsx(Heading,{level:`2`,id:`warna-lewat-color-scheme`,children:`Warna lewat color scheme`}),`\n`,_jsxs(_components.p,{children:[`Warna toko diatur lewat `,_jsx(_components.strong,{children:`scheme`}),`: satu set warna latar, teks, dan tombol. Setiap section memilih satu scheme, misalnya header memakai `,_jsx(_components.strong,{children:`Scheme 5`}),`. Mengubah satu scheme mengubah semua section yang memakainya.`]}),`\n`,_jsxs(Steps,{children:[_jsxs(Step,{title:`Pilih scheme`,children:[_jsxs(_components.p,{children:[`Di `,_jsx(_components.strong,{children:`Atur Tema`}),`, klik `,_jsx(_components.strong,{children:`Colors`}),`, lalu klik scheme yang ingin diubah. Lingkaran kecil di setiap scheme menunjukkan warnanya.`]}),_jsx(Frame,{caption:`Daftar color scheme.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d03-colors.webp?fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=e5285e8c412e4a90e9aa3326f34b8449`,alt:`Daftar Scheme 1 sampai Scheme 5 dengan Scheme 5 ditandai`,\"data-og-width\":`2560`,width:`2560`,\"data-og-height\":`1600`,height:`1600`,\"data-path\":`images/web-jualan/atur-tema/d03-colors.webp`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d03-colors.webp?w=280\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=185ec789655b4e010221e424b0880fdc 280w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d03-colors.webp?w=560\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=a89af73f623bba91c079ad8f79925042 560w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d03-colors.webp?w=840\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=aa31c88040103c713faf089441534f0a 840w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d03-colors.webp?w=1100\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=caa2388b0363868ebed3db008797c97a 1100w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d03-colors.webp?w=1650\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=4fa7904a14cb67c68c526875e13add0a 1650w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d03-colors.webp?w=2500\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=011c33f1b12f20dcdabe2f384dc0bcd8 2500w`})})]}),_jsx(Step,{title:`Ubah warnanya`,children:_jsxs(_components.p,{children:[`Di `,_jsx(_components.strong,{children:`Ubah Scheme`}),`, ketik kode warna atau klik lingkaran warna di kanan setiap isian: `,_jsx(_components.strong,{children:`Background`}),`, `,_jsx(_components.strong,{children:`Background gradient`}),`, `,_jsx(_components.strong,{children:`Text`}),`, `,_jsx(_components.strong,{children:`Solid button background`}),`, `,_jsx(_components.strong,{children:`Solid button label`}),`, `,_jsx(_components.strong,{children:`Outline button`}),`, dan `,_jsx(_components.strong,{children:`Shadow`}),`.`]})}),_jsxs(Step,{title:`Simpan`,children:[_jsxs(_components.p,{children:[`Klik `,_jsx(_components.strong,{children:`Simpan`}),` di jendela itu.`]}),_jsx(Frame,{caption:`Mengubah warna Scheme 5.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d04-ubah-scheme.webp?fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=b4c6848d35e727a6acbeab47bff1e88c`,alt:`Jendela Ubah Scheme dengan isian warna Background sampai Shadow, tombol Simpan ditandai`,\"data-og-width\":`2560`,width:`2560`,\"data-og-height\":`1600`,height:`1600`,\"data-path\":`images/web-jualan/atur-tema/d04-ubah-scheme.webp`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d04-ubah-scheme.webp?w=280\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=89f96762557c076c889bd9d5818eaeec 280w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d04-ubah-scheme.webp?w=560\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=2bda3ede6a5e3c6e128c7de93ce48e3d 560w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d04-ubah-scheme.webp?w=840\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=4a0dee2d9d041013257979dde5b7057a 840w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d04-ubah-scheme.webp?w=1100\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=09bdb92515ad793d15748623ccc49a6b 1100w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d04-ubah-scheme.webp?w=1650\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=a5ecec8eeef118e4d1db8971ddd0a676 1650w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d04-ubah-scheme.webp?w=2500\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=e9fda746dd6bf4cb443b8537de39f0d0 2500w`})})]})]}),`\n`,_jsx(Note,{children:_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Simpan`}),` di jendela Ubah Scheme langsung menyimpan warna ke tema, tanpa perlu klik Simpan di editor. Kalau tema ini Default, toko langsung berubah warna.`]})}),`\n`,_jsxs(_components.p,{children:[`Untuk menambah scheme baru, klik tombol `,_jsx(_components.strong,{children:`+`}),` di kanan bawah daftar Colors. Scheme baru bisa dipilih di pengaturan `,_jsx(_components.strong,{children:`Color scheme`}),` setiap section.`]}),`\n`,_jsx(Heading,{level:`2`,id:`huruf-typography`,children:`Huruf (Typography)`}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Buka Typography`,children:_jsxs(_components.p,{children:[`Di `,_jsx(_components.strong,{children:`Atur Tema`}),`, klik `,_jsx(_components.strong,{children:`Typography`}),`. Ada dua pengaturan: `,_jsx(_components.strong,{children:`Headings`}),` untuk header toko (announcement bar dan menu), dan `,_jsx(_components.strong,{children:`Body`}),` untuk judul serta teks di semua section lain.`]})}),_jsxs(Step,{title:`Pilih font`,children:[_jsxs(_components.p,{children:[`Klik isian `,_jsx(_components.strong,{children:`Font`}),`, ketik nama font di kotak pencarian, lalu klik font-nya. Geser `,_jsx(_components.strong,{children:`Font size scale`}),` untuk memperbesar atau memperkecil ukuran huruf.`]}),_jsx(Frame,{caption:`Memilih font untuk Headings.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d05-typography.webp?fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=01fdd4aeb84af4407f653c79a34e054d`,alt:`Pengaturan Typography dengan font Headings Playfair Display dan tombol Tambah ditandai`,\"data-og-width\":`2560`,width:`2560`,\"data-og-height\":`1600`,height:`1600`,\"data-path\":`images/web-jualan/atur-tema/d05-typography.webp`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d05-typography.webp?w=280\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=74616207025273e3c5018a07213b25a0 280w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d05-typography.webp?w=560\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=c2e8e578099c2623fc4f98e340e9e4f3 560w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d05-typography.webp?w=840\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=080696384aa02c2579a8107452c00074 840w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d05-typography.webp?w=1100\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=d737e0778800991e52d4c439f3789da5 1100w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d05-typography.webp?w=1650\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=d451a88f85aa97f23170fd0afc990405 1650w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d05-typography.webp?w=2500\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=2d6cf62b7f68920fe6614a7f599b5d9f 2500w`})})]}),_jsx(Step,{title:`Simpan`,children:_jsxs(_components.p,{children:[`Klik `,_jsx(_components.strong,{children:`Simpan`}),` di kanan atas editor.`]})})]}),`\n`,_jsx(_components.p,{children:`Di bawah pilihan font tertulis “Memilih font berbeda dapat memengaruhi kecepatan toko.” Pakai satu atau dua font saja supaya toko tetap cepat dibuka.`}),`\n`,_jsx(Heading,{level:`3`,id:`menambah-font-kustom`,children:`Menambah font kustom`}),`\n`,_jsxs(_components.p,{children:[`Kalau font yang Anda mau belum ada di daftar, tambahkan sendiri. Setiap toko bisa punya `,_jsx(_components.strong,{children:`maksimal 20 font kustom`}),`.`]}),`\n`,_jsxs(Steps,{children:[_jsx(Step,{title:`Klik Tambah`,children:_jsxs(_components.p,{children:[`Di `,_jsx(_components.strong,{children:`Typography`}),`, klik `,_jsx(_components.strong,{children:`+ Tambah`}),` di kanan atas panel.`]})}),_jsxs(Step,{title:`Isi font`,children:[_jsx(_components.p,{children:`Pilih salah satu tab:`}),_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Google Fonts`}),`: ketik nama keluarga font persis seperti di fonts.google.com, misalnya `,_jsx(_components.strong,{children:`Playfair Display`}),`. Bobot 400 sampai 700 ikut ditambahkan otomatis.`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Unggah file`}),`: unggah file `,_jsx(_components.code,{children:`.woff2`}),`, `,_jsx(_components.code,{children:`.woff`}),`, `,_jsx(_components.code,{children:`.ttf`}),`, atau `,_jsx(_components.code,{children:`.otf`}),`, maksimal 2 MB per font, lalu cek `,_jsx(_components.strong,{children:`Nama tampilan`}),`. Nama ini terisi otomatis dari nama file dan bisa Anda ganti.`]}),`\n`]}),_jsx(Frame,{caption:`Menambah font dari Google Fonts.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d06-tambah-font.webp?fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=3fe1386dc6ccb6283995d094a809fc02`,alt:`Jendela Tambah font tab Google Fonts dengan nama Playfair Display dan tombol Tambahkan ditandai`,\"data-og-width\":`2560`,width:`2560`,\"data-og-height\":`1600`,height:`1600`,\"data-path\":`images/web-jualan/atur-tema/d06-tambah-font.webp`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d06-tambah-font.webp?w=280\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=ca96e8f4a6b2e34a7f312dd108b28869 280w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d06-tambah-font.webp?w=560\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=e3c5b49ac7114c7af6fa61fe64ceb053 560w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d06-tambah-font.webp?w=840\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=b6f6d7b48ddda932d46cd5f8e899af92 840w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d06-tambah-font.webp?w=1100\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=3c49a2920c1acf3347fcb96a3b3f607b 1100w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d06-tambah-font.webp?w=1650\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=efa906b69e5cc8add86d8d91abba6ba2 1650w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d06-tambah-font.webp?w=2500\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=f9de88348345a515fd8681afbaa84a7a 2500w`})})]}),_jsx(Step,{title:`Tambahkan dan pilih`,children:_jsxs(_components.p,{children:[`Klik `,_jsx(_components.strong,{children:`Tambahkan`}),`. Font muncul di `,_jsx(_components.strong,{children:`Font Kustom`}),` dengan label `,_jsx(_components.strong,{children:`GOOGLE`}),` atau `,_jsx(_components.strong,{children:`FILE`}),`, dan bisa dipilih di Headings atau Body dengan label `,_jsx(_components.strong,{children:`KUSTOM`}),`.`]})})]}),`\n`,_jsxs(_components.p,{children:[`Untuk menghapus font kustom, klik ikon tempat sampah di sampingnya, lalu konfirmasi “Hapus font kustom?”. Setelah terhapus muncul pesan “Font … dihapus”. Font yang masih dipakai di Headings, Body, atau checkout tidak bisa dihapus. Pengecekan ini berlaku untuk semua tema di `,_jsx(_components.strong,{children:`Tema Saya`}),`, bukan hanya tema yang sedang diedit. Ganti font-nya di setiap tema yang memakainya dan klik `,_jsx(_components.strong,{children:`Simpan`}),`.`]}),`\n`,_jsx(Heading,{level:`2`,id:`pengaturan-lain`,children:`Pengaturan lain`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Pengaturan`}),_jsx(_components.th,{children:`Yang diatur`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Layout`})}),_jsx(_components.td,{children:`Lebar halaman, jarak antar section, dan jarak antar kolom`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Animations`})}),_jsx(_components.td,{children:`Efek muncul saat scroll dan efek saat mouse diarahkan`})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`Buttons`}),`, `,_jsx(_components.strong,{children:`Variant Pills`}),`, `,_jsx(_components.strong,{children:`Inputs`})]}),_jsx(_components.td,{children:`Ketebalan garis, sudut, dan bayangan tombol, pilihan varian, serta isian`})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`Product Cards`}),`, `,_jsx(_components.strong,{children:`Collection Cards`})]}),_jsx(_components.td,{children:`Gaya kartu produk dan collection, perataan teks, dan scheme`})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`Content Containers`}),`, `,_jsx(_components.strong,{children:`Media`}),`, `,_jsx(_components.strong,{children:`Dropdown and Pop-ups`}),`, `,_jsx(_components.strong,{children:`Drawers`}),` `,_jsx(Badge,{color:`orange`,size:`sm`,children:`Coming Soon`})]}),_jsx(_components.td,{children:`Gaya kotak konten, gambar, menu dropdown, dan panel samping. Pilihan ini tersimpan, tapi belum mengubah tampilan toko.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Badges`})}),_jsxs(_components.td,{children:[`Warna label `,_jsx(_components.strong,{children:`Sale`}),` dan `,_jsx(_components.strong,{children:`Sold out`}),` di keranjang. Di kartu produk, label memakai scheme kartu produk. Pengaturan posisi dan sudut `,_jsx(Badge,{color:`orange`,size:`sm`,children:`Coming Soon`}),`.`]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Brand Information`})}),_jsx(_components.td,{children:`Judul dan deskripsi merek di footer`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Search Behavior`})}),_jsxs(_components.td,{children:[`Saran pencarian. Pilihan menampilkan harga dan vendor produk `,_jsx(Badge,{color:`orange`,size:`sm`,children:`Coming Soon`})]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Currency Format`})}),_jsx(_components.td,{children:`Menampilkan kode mata uang, misalnya Rp10.000 atau 10.000 IDR`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Cart`})}),_jsxs(_components.td,{children:[`Jenis keranjang: `,_jsx(_components.strong,{children:`Drawer`}),` (panel samping), `,_jsx(_components.strong,{children:`Page`}),` (halaman keranjang), atau `,_jsx(_components.strong,{children:`Popup notification`}),`. `,_jsx(_components.strong,{children:`Show vendor`}),`, `,_jsx(_components.strong,{children:`Enable cart note`}),`, dan collection di drawer `,_jsx(Badge,{color:`orange`,size:`sm`,children:`Coming Soon`}),`.`]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Custom CSS`})}),_jsx(_components.td,{children:`Kode CSS untuk seluruh toko, untuk pengguna yang paham CSS`})]})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`tampilan-checkout`,children:`Tampilan checkout`}),`\n`,_jsxs(_components.p,{children:[`Klik ikon troli di kiri editor untuk membuka `,_jsx(_components.strong,{children:`Checkout and Accounts`}),`. Preview berganti ke halaman checkout. Panel ini juga punya pilihan halaman `,_jsx(_components.strong,{children:`Checkout`}),`, `,_jsx(_components.strong,{children:`Orders List`}),`, dan `,_jsx(_components.strong,{children:`Profile`}),` untuk melihat halaman akun pembeli.`]}),`\n`,_jsx(Frame,{caption:`Pengaturan Checkout and Accounts.`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d07-checkout.webp?fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=6c140a912bb65ce0c234af282c3256ad`,alt:`Panel Checkout and Accounts dengan ikon troli ditandai dan preview halaman checkout`,\"data-og-width\":`1720`,width:`1720`,\"data-og-height\":`1600`,height:`1600`,\"data-path\":`images/web-jualan/atur-tema/d07-checkout.webp`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d07-checkout.webp?w=280\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=241a075b2b6e1addf6c8e0c7aaf99f9c 280w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d07-checkout.webp?w=560\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=74d08d82f7c5d42145ae06a8c569c580 560w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d07-checkout.webp?w=840\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=95b9acbb060a18053564fcb546513c3f 840w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d07-checkout.webp?w=1100\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=265f6081e0145a4aacc5faa8340c9131 1100w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d07-checkout.webp?w=1650\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=ec4c5e662be054a56f629eb6ed786e99 1650w, https://mintcdn.com/simplus/zczX3u4gwKEkQq3G/images/web-jualan/atur-tema/d07-checkout.webp?w=2500\u0026fit=max\u0026auto=format\u0026n=zczX3u4gwKEkQq3G\u0026q=85\u0026s=fd80194232083ff8720eb34cda83b3c6 2500w`})}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Bagian`}),_jsx(_components.th,{children:`Yang diatur`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Logo`})}),_jsx(_components.td,{children:`Logo di halaman checkout dan lebarnya`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Checkout Header`})}),_jsxs(_components.td,{children:[`Posisi dan perataan logo. Gambar latar `,_jsx(Badge,{color:`orange`,size:`sm`,children:`Coming Soon`})]})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`Checkout Layout`}),` `,_jsx(Badge,{color:`orange`,size:`sm`,children:`Coming Soon`})]}),_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`One page checkout`}),` atau `,_jsx(_components.strong,{children:`Three page checkout`}),`. Pilihan ini tersimpan, tapi belum mengubah checkout toko.`]})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`Background 1`}),` dan `,_jsx(_components.strong,{children:`Background 2`})]}),_jsxs(_components.td,{children:[`Warna latar formulir checkout dan ringkasan pesanan. Gambar latar `,_jsx(Badge,{color:`orange`,size:`sm`,children:`Coming Soon`})]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Color`})}),_jsxs(_components.td,{children:[`Warna aksen, tombol, dan pesan error. `,_jsx(_components.strong,{children:`Fields and cards`}),` `,_jsx(Badge,{color:`orange`,size:`sm`,children:`Coming Soon`})]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:_jsx(_components.strong,{children:`Typography`})}),_jsx(_components.td,{children:`Font untuk judul dan teks di checkout`})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`Address autocompletion`}),` `,_jsx(Badge,{color:`orange`,size:`sm`,children:`Coming Soon`})]}),_jsx(_components.td,{children:`Saran alamat otomatis saat pembeli mengetik. Pilihan ini belum berpengaruh di checkout.`})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`Header menu`}),` `,_jsx(Badge,{color:`orange`,size:`sm`,children:`Coming Soon`})]}),_jsx(_components.td,{children:`Menu di header halaman akun pembeli. Pilihan ini tersimpan, tapi belum tampil.`})]}),_jsxs(_components.tr,{children:[_jsxs(_components.td,{children:[_jsx(_components.strong,{children:`Buy again button`}),` `,_jsx(Badge,{color:`orange`,size:`sm`,children:`Coming Soon`})]}),_jsxs(_components.td,{children:[`Tombol pesan lagi. Saat ini `,_jsx(_components.strong,{children:`Buy again`}),` selalu tampil di pesanan pembeli, apa pun pilihannya.`]})]})]})]}),`\n`,_jsxs(_components.p,{children:[`Produk di preview checkout adalah contoh. Pembeli melihat produk di keranjangnya sendiri. Klik `,_jsx(_components.strong,{children:`Simpan`}),` setelah selesai.`]}),`\n`,_jsx(Heading,{level:`2`,id:`siapa-yang-boleh-mengatur`,children:`Siapa yang boleh mengatur`}),`\n`,_jsxs(_components.p,{children:[`Owner, atau karyawan dengan izin `,_jsx(_components.strong,{children:`Mengelola Toko Online`}),` di `,_jsx(_components.a,{href:`/tutorial/pengguna/grup-hak-akses`,children:`Grup Hak Akses`}),`.`]}),`\n`,_jsx(Heading,{level:`2`,id:`pesan-yang-mungkin-muncul`,children:`Pesan yang mungkin muncul`}),`\n`,_jsxs(Table,{children:[_jsx(_components.thead,{children:_jsxs(_components.tr,{children:[_jsx(_components.th,{children:`Pesan`}),_jsx(_components.th,{children:`Artinya`}),_jsx(_components.th,{children:`Yang perlu dilakukan`})]})}),_jsxs(_components.tbody,{children:[_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Editing this scheme’s colors will affect all sections that use this scheme.`}),_jsx(_components.td,{children:`Satu scheme dipakai banyak section`}),_jsx(_components.td,{children:`Buat scheme baru kalau hanya satu section yang ingin berubah warna`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Maksimal 20 font kustom per toko. Hapus font yang tidak dipakai dulu. / Batas 20 font kustom tercapai. Hapus font yang tidak dipakai dulu.`}),_jsxs(_components.td,{children:[`Slot font kustom penuh. `,_jsx(_components.strong,{children:`Tambahkan`}),` tidak bisa diklik.`]}),_jsx(_components.td,{children:`Hapus font kustom yang tidak dipakai`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Font ini masih dipakai di tipografi tema atau checkout. Ganti font headings/body dulu, lalu hapus.`}),_jsx(_components.td,{children:`Font yang mau dihapus masih dipakai di salah satu tema`}),_jsx(_components.td,{children:`Pilih font lain di Headings, Body, atau checkout di setiap tema yang memakainya, simpan, lalu hapus`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Nama font ini sudah ada di katalog toko Anda.`}),_jsx(_components.td,{children:`Font itu sudah pernah ditambahkan`}),_jsx(_components.td,{children:`Pilih font tersebut dari daftar`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Nama tidak valid`}),_jsx(_components.td,{children:`Nama font memakai simbol selain huruf, angka, spasi, atau tanda hubung`}),_jsx(_components.td,{children:`Ketik nama keluarga font, misalnya Playfair Display`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Gagal menambahkan Google Font.`}),_jsx(_components.td,{children:`Font gagal ditambahkan`}),_jsx(_components.td,{children:`Coba lagi. Salin nama persis dari fonts.google.com. Nama dengan ejaan berbeda tetap diterima, tapi font-nya tidak tampil.`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Format tidak didukung. Unggah file .woff2, .woff, .ttf, atau .otf.`}),_jsx(_components.td,{children:`Format file font tidak didukung`}),_jsx(_components.td,{children:`Pilih file .woff2, .woff, .ttf, atau .otf`})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Ukuran maksimal 2 MB per font.`}),_jsx(_components.td,{children:`File font terlalu besar`}),_jsxs(_components.td,{children:[`Pakai file `,_jsx(_components.code,{children:`.woff2`}),` yang lebih kecil`]})]}),_jsxs(_components.tr,{children:[_jsx(_components.td,{children:`Font bawaan sistem tidak dapat dihapus.`}),_jsx(_components.td,{children:`Font bawaan bukan font kustom`}),_jsx(_components.td,{children:`Tidak perlu dihapus, cukup tidak dipilih`})]})]})]}),`\n`,_jsx(Heading,{level:`2`,id:`langkah-berikutnya`,children:`Langkah berikutnya`}),`\n`,_jsxs(CardGroup,{cols:2,children:[_jsx(Card,{title:`Editor tema`,icon:`pen-ruler`,href:`/web-jualan/editor-tema`,children:_jsx(_components.p,{children:`Ubah banner, teks, dan section di setiap halaman.`})}),_jsx(Card,{title:`Menu dan Custom Page`,icon:`bars`,href:`/web-jualan/menu-dan-custom-page`,children:_jsx(_components.p,{children:`Susun menu toko dan buat halaman sendiri.`})})]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Atur tema: logo, warna, dan huruf","sidebarTitle":"Atur tema","description":"Pasang logo dan favicon, ubah warna lewat color scheme, pilih huruf atau tambah font kustom, dan atur tampilan checkout toko online.","icon":"sliders","href":"/web-jualan/atur-tema"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Membuka Atur Tema","slug":"membuka-atur-tema","depth":2,"children":[]},{"title":"Logo dan favicon","slug":"logo-dan-favicon","depth":2,"children":[]},{"title":"Warna lewat color scheme","slug":"warna-lewat-color-scheme","depth":2,"children":[]},{"title":"Huruf (Typography)","slug":"huruf-typography","depth":2,"children":[{"title":"Menambah font kustom","slug":"menambah-font-kustom","depth":3,"children":[]}]},{"title":"Pengaturan lain","slug":"pengaturan-lain","depth":2,"children":[]},{"title":"Tampilan checkout","slug":"tampilan-checkout","depth":2,"children":[]},{"title":"Siapa yang boleh mengatur","slug":"siapa-yang-boleh-mengatur","depth":2,"children":[]},{"title":"Pesan yang mungkin muncul","slug":"pesan-yang-mungkin-muncul","depth":2,"children":[]},{"title":"Langkah berikutnya","slug":"langkah-berikutnya","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"simplus","siteName":"Simplus","title":"Atur tema: logo, warna, dan huruf - Simplus","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-11-09T14:03:46.421Z","originalFileLocation":"web-jualan/atur-tema.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=\"light\";if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"light\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Pasang logo dan favicon, ubah warna lewat color scheme, pilih huruf atau tambah font kustom, dan atur tampilan checkout toko online.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Simplus\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/simplus/LCx1aIhjQaFCMWBU/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/simplus/LCx1aIhjQaFCMWBU/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/simplus/LCx1aIhjQaFCMWBU/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/simplus/LCx1aIhjQaFCMWBU/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/simplus/LCx1aIhjQaFCMWBU/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/simplus/LCx1aIhjQaFCMWBU/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/simplus/LCx1aIhjQaFCMWBU/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/simplus/LCx1aIhjQaFCMWBU/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/simplus/LCx1aIhjQaFCMWBU/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Atur tema: logo, warna, dan huruf - Simplus\">\u003cmeta data-mint-head property=\"og:description\" content=\"Pasang logo dan favicon, ubah warna lewat color scheme, pilih huruf atau tambah font kustom, dan atur tampilan checkout toko online.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Simplus\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.simplus.id/web-jualan/atur-tema\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://simplus.mintlify.site/_mintlify/api/og/v2?division=Tampilan+toko\u0026amp;title=Atur+tema%3A+logo%2C+warna%2C+dan+huruf\u0026amp;description=Pasang+logo+dan+favicon%2C+ubah+warna+lewat+color+scheme%2C+pilih+huruf+atau+tambah+font+kustom%2C+dan+atur+tampilan+checkout+toko+online.\u0026amp;theme=5e3f4c2ecbab2147b731073e\u0026amp;signature=19511deaa494a65cab99c6f47b8b584010e1aced6af7c86f881c901a982933ca\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Atur tema: logo, warna, dan huruf - Simplus\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Pasang logo dan favicon, ubah warna lewat color scheme, pilih huruf atau tambah font kustom, dan atur tampilan checkout toko online.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://simplus.mintlify.site/_mintlify/api/og/v2?division=Tampilan+toko\u0026amp;title=Atur+tema%3A+logo%2C+warna%2C+dan+huruf\u0026amp;description=Pasang+logo+dan+favicon%2C+ubah+warna+lewat+color+scheme%2C+pilih+huruf+atau+tambah+font+kustom%2C+dan+atur+tampilan+checkout+toko+online.\u0026amp;theme=5e3f4c2ecbab2147b731073e\u0026amp;signature=19511deaa494a65cab99c6f47b8b584010e1aced6af7c86f881c901a982933ca\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/simplus/LCx1aIhjQaFCMWBU/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Simplus\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#4D54FF\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.simplus.id/web-jualan/atur-tema\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/web-jualan/atur-tema.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.simplus.id/#organization\",\"name\":\"Simplus\",\"url\":\"https://docs.simplus.id\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/simplus/ibW6UHd5bnrHulcT/images/simplus-logo_384.png?fit=max\u0026auto=format\u0026n=ibW6UHd5bnrHulcT\u0026q=85\u0026s=3fb2b9d267ecc85656e4a90fea8d556d\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.simplus.id#website\",\"name\":\"Simplus\",\"url\":\"https://docs.simplus.id\",\"publisher\":{\"@id\":\"https://docs.simplus.id/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.simplus.id/web-jualan/atur-tema#webpage\",\"url\":\"https://docs.simplus.id/web-jualan/atur-tema\",\"name\":\"Atur tema: logo, warna, dan huruf\",\"description\":\"Pasang logo dan favicon, ubah warna lewat color scheme, pilih huruf atau tambah font kustom, dan atur tampilan checkout toko online.\",\"dateModified\":\"2026-11-09T14:03:46.421Z\",\"isPartOf\":{\"@id\":\"https://docs.simplus.id#website\"},\"breadcrumb\":{\"@id\":\"https://docs.simplus.id/web-jualan/atur-tema#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.simplus.id/web-jualan/atur-tema#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Tampilan toko\",\"item\":\"https://docs.simplus.id/web-jualan/tema\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Atur tema: logo, warna, dan huruf\",\"item\":\"https://docs.simplus.id/web-jualan/atur-tema\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.simplus.id/web-jualan/atur-tema#article\",\"headline\":\"Atur tema: logo, warna, dan huruf\",\"name\":\"Atur tema: logo, warna, dan huruf\",\"description\":\"Pasang logo dan favicon, ubah warna lewat color scheme, pilih huruf atau tambah font kustom, dan atur tampilan checkout toko online.\",\"url\":\"https://docs.simplus.id/web-jualan/atur-tema\",\"mainEntityOfPage\":{\"@id\":\"https://docs.simplus.id/web-jualan/atur-tema#webpage\"},\"dateModified\":\"2026-11-09T14:03:46.421Z\",\"publisher\":{\"@id\":\"https://docs.simplus.id/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.simplus.id#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Simplus\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Simplus","nav":{"global":null,"tabs":[{"tab":"Tutorial","icon":"graduation-cap","pages":[{"title":"Tutorial","href":"/tutorial/introduction"}]},{"tab":"Web Jualan","icon":"store","groups":[{"group":"Memulai","pages":[{"title":"Pengenalan Web Jualan","sidebarTitle":"Pengenalan","icon":"globe","href":"/web-jualan/pengenalan"},{"title":"Aktivasi toko online","sidebarTitle":"Aktivasi","icon":"rocket","href":"/web-jualan/aktivasi"}]},{"group":"Produk","pages":[{"title":"Katalog Web Jualan","sidebarTitle":"Katalog","icon":"shirt","href":"/web-jualan/katalog"},{"title":"Produk digital","icon":"file-arrow-down","href":"/web-jualan/produk-digital"},{"title":"Kategori, brand, dan collection","sidebarTitle":"Kategori, brand, collection","icon":"layer-group","href":"/web-jualan/kategori-brand-collection"},{"title":"Promo toko online","sidebarTitle":"Promo","icon":"tag","href":"/web-jualan/promo"}]},{"group":"Tampilan toko","pages":[{"title":"Tema toko online","sidebarTitle":"Tema","icon":"palette","href":"/web-jualan/tema"},{"title":"Editor tema","sidebarTitle":"Editor tema","description":"Ganti banner, teks, dan produk di setiap halaman toko online, susun ulang section, lalu simpan dan lihat hasilnya di desktop dan HP.","icon":"pen-ruler","href":"/web-jualan/editor-tema"},{"title":"Atur tema: logo, warna, dan huruf","sidebarTitle":"Atur tema","icon":"sliders","href":"/web-jualan/atur-tema"},{"title":"Menu dan Custom Page","sidebarTitle":"Menu dan Custom Page","description":"Buat halaman sendiri seperti Panduan Ukuran atau Tentang Kami, lalu susun menu toko online sampai tiga tingkat dan tampilkan di header.","icon":"bars","href":"/web-jualan/menu-dan-custom-page"}]},{"group":"Pengaturan","pages":[{"title":"Pengaturan Toko Web Jualan","sidebarTitle":"Pengaturan Toko","icon":"store","href":"/web-jualan/pengaturan-toko"},{"title":"Metode pembayaran Web Jualan","sidebarTitle":"Pembayaran","icon":"building-columns","href":"/web-jualan/pembayaran"},{"title":"Pengiriman Web Jualan","sidebarTitle":"Pengiriman","icon":"truck","href":"/web-jualan/pengiriman"},{"title":"Domain toko online","sidebarTitle":"Domain","icon":"link","href":"/web-jualan/domain"},{"title":"Pengaturan Iklan Web Jualan","sidebarTitle":"Pengaturan Iklan","icon":"chart-line","href":"/web-jualan/pengaturan-iklan"}]},{"group":"Pesanan","pages":[{"title":"Pengalaman Pembeli di Web Jualan","sidebarTitle":"Pengalaman pembeli","icon":"bag-shopping","href":"/web-jualan/pengalaman-pembeli"},{"title":"Kelola pesanan Web Jualan","sidebarTitle":"Kelola pesanan","icon":"box","href":"/web-jualan/kelola-pesanan"}]}]},{"tab":"Perangkat","icon":"microchip","pages":[{"title":"Perangkat","href":"/perangkat/printer/persiapan"}]},{"tab":"Integration","icon":"plug","pages":[{"title":"Integration","href":"/integration/api/pengenalan"}]}]},"basePath":"","title":"Atur tema: logo, warna, dan huruf - Simplus","buildId":"dpl_DTau1J5HqS9UTgVSDwGksstFWtPa","deploymentId":"dpl_DTau1J5HqS9UTgVSDwGksstFWtPa","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-DvzxQbD0.js","DynamicMarkdown-mQG_iQiE.js","zoom-image-lightbox-BFbLClTf.js","lightbox-handle-r17bVUz3.js"]}
