Jawaban singkat
Anda bisa menambahkan kode sendiri di tiga tempat di builder: bagian Kode custom di dalam halaman, pengaturan CSS custom, dan pengaturan JavaScript custom. Tidak ada kotak untuk menempel kode ke bagian head toko Anda. Untuk tag di head, gunakan aplikasi yang sesuai (lihat daftar di bawah).
Alat yang tepat untuk setiap tugas
- Verifikasi toko saya di Google Search Console, atau tambahkan meta tag
google-site-verification: aplikasi Domain Verifier. Aplikasi ini juga menangani verifikasi domain Facebook (Meta), TikTok, dan Snapchat. - Google Analytics, tag Google Ads, atau tag apa pun yang Anda kelola di Google Tag Manager: aplikasi Google Tag Manager.
- Pixel Facebook, TikTok, Snapchat, ChatGPT, Pinterest, X, atau Google Ads: lihat Facebook, TikTok, Snapchat, ChatGPT, Pinterest, dan X, atau konversi Google Ads.
- Feed produk Google Merchant Center: lihat Google Merchant Center. Gunakan Domain Verifier untuk Search Console.
- Heatmap dan rekaman sesi: lihat Microsoft Clarity atau Contentsquare.
- Widget atau embed di dalam halaman (formulir pemesanan, video, peta): bagian Kode custom di bawah.
- Gaya untuk seluruh toko atau satu bagian: lihat CSS custom.
- Skrip di setiap halaman: lihat JavaScript custom.
Mengapa kode di builder tidak bisa memverifikasi situs Anda
Google, Meta, dan platform lain mencari tag mereka di bagian head halaman Anda saat melakukan verifikasi. Bagian Kode custom menempatkan kode Anda di dalam body halaman, di tempat bagian itu berada. JavaScript custom berjalan di browser pembeli setelah halaman dimuat. Keduanya tidak menaruh tag di head seperti yang dibutuhkan platform tersebut, jadi verifikasi gagal. Domain Verifier menambahkan tag di tempat yang benar untuk Anda.
Bagian Kode custom
Bagian yang bisa Anda tambahkan ke halaman mana pun, hingga 2 per halaman. Buka tab Bagian, klik Tambah bagian baru, lalu pilih Kode custom. Bagian ini punya tiga kolom:
- HTML: markup yang tampil di dalam bagian ini.
- CSS: gaya yang hanya berlaku untuk bagian ini, jadi tidak bisa merusak bagian lain di halaman Anda.
- JavaScript: berjalan setiap kali bagian ini ditampilkan. Kode Anda menerima bagian ini sebagai
container, jadi gunakancontainer.querySelector(...)untuk menjangkau markup Anda sendiri.
Anda juga mengatur lebar, skema warna, dan padding-nya seperti bagian lain. Gunakan Terapkan ke semua halaman untuk menyalinnya ke halaman lain yang sudah punya bagian Kode custom.
Tips
- Periksa kode Anda di pratinjau builder, lalu publikasikan dan uji toko live Anda di ponsel dan komputer.
- Jika halaman terlihat rusak setelah perubahan, hapus kodenya, publikasikan, lalu tambahkan lagi sedikit demi sedikit.
- Skrip pihak ketiga bisa memperlambat toko Anda. Tambahkan hanya yang Anda perlukan.
- Asisten AI yang terhubung ke toko Anda hanya bisa mengubah kode custom jika pemilik toko mengizinkannya. Lihat Kelola akses asisten.