Loading
Dalam artikel ini, Anda akan mempelajari cara menyisipkan kode HTML, CSS, dan JS pada halaman yang dibuat dengan systeme.io.
Anda akan membutuhkan:
- Akun systeme.io
- Kode HTML, CSS, atau JS
Mengapa menambahkan kode kustom ke halaman Anda?
Dengan menambahkan kode HTML ke halaman Anda, Anda dapat menambahkan gaya, fungsi, dan struktur kustom ke konten seperti gambar, teks, tautan, dan lainnya…
Contoh:
- Untuk menyesuaikan tampilan, Anda dapat menambahkan kode CSS.
- Untuk menambahkan animasi ke halaman atau elemen tertentu (misalnya saat mengarahkan kursor ke atau mengklik tombol), tambahkan kode JS.
- Untuk menambahkan judul atau teks secara umum, membuat tabel, bagian, dan pembagian pada halaman Anda, tambahkan kode HTML.
Catatan penting:
Saat menambahkan kode kustom ke bagian header, footer, kode pelacakan, atau Raw HTML, jangan sertakan tag berikut:
<head> </head><footer> </footer><html> </html><body> </body>
Saat menambahkan video menggunakan iframe , tidak diperlukan tag tambahan.
Salah:
<div>
<iframe src="tautan ke video Anda"></iframe>
</div>
Benar:
<iframe src="tautan ke video Anda"></iframe>
1. Menambahkan kode di bagian Kode Pelacakan:
Untuk menyisipkan kode pelacakan Facebook, buka funnel penjualan yang berisi halaman tempat Anda ingin menempatkan kode tersebut.
Pilih halaman funnel dari daftar halaman di sebelah kiri lalu klik Edit halaman.
Klik Pengaturan (1) di sudut kiri atas, lalu gulir ke bawah ke bagian Pelacakan (2).
1.1 Kode yang disisipkan di bagian header
Di bagian ini, tempelkan kode apa pun yang perlu berada di antara tag <head> dan </head> pada halaman.
1.2 Kode yang disisipkan di bagian footer
Di bagian ini, tambahkan kode apa pun yang ditujukan untuk Document Object Model (DOM).
2. Menambahkan kode dari Pengaturan Funnel Penjualan:
Beberapa kode (seperti kode pelacakan) harus ditambahkan ke semua funnel Anda.
Untuk menghindari pengulangan menempelkan kode di setiap halaman setiap funnel, Anda dapat menerapkannya secara global ke semua funnel secara otomatis.
Untuk melakukannya, buka Foto Profil Anda, klik Pengaturan, lalu klik Sales Funnels dari menu di sebelah kiri. Tempelkan kode pelacakan di kotak teks Kode pelacakan dan klik Simpan.
3. Menambahkan elemen Raw HTML ke halaman:
Anda juga dapat menyisipkan kode HTML apa pun langsung ke halaman melalui editor halaman.
1. Tambahkan elemen Raw HTML dengan menyeretnya ke bagian halaman yang diinginkan.
2. Klik elemen tersebut untuk menampilkan pengaturannya (1).
Di panel kiri, klik Edit kode untuk menampilkan popup tempat Anda dapat menempelkan kode Anda (2).
Tambahkan kode HTML ke kotak teks (3), lalu klik Simpan (4).
Pastikan untuk menyimpan perubahan Anda sebelum keluar. Setelah perubahan disimpan, versi lama halaman tersebut tidak dapat dikembalikan.
Catatan: Kode HTML mentah tidak ditampilkan dalam mode Pratinjau. Kode tersebut hanya akan terlihat di halaman yang sudah dipublikasikan.