Konvert.id
← Konvert.id

LP - Settings

LP Settings: Custom Code (Head & Body)

Tambahkan kode pihak ketiga (chat widget, schema.org, custom CSS) ke head atau body landing page kamu

Menengah~5 menit

Prasyarat

Hasil akhir: Kode pihak ketiga (chat widget, schema JSON-LD, CSS custom) berhasil dipasang di LP dan berfungsi. Butuh: LP yang sudah punya konten (Tutorial 13).

Apa itu Custom Code?

Untuk menambahkan kode pihak ketiga yang tidak tersedia secara native di builder, gunakan Custom Code di tab Settings. Fitur ini memberi kontrol penuh atas tiga area di halaman HTML LP-mu.

section Custom Code di tab Settings — tiga textarea: Head Code, Body Start Code, Body End Code
section Custom Code di tab Settings — tiga textarea: Head Code, Body Start Code, Body End Code
Area Kapan dipakai
Head CSS custom, meta tag tambahan, JSON-LD schema.org, Google Fonts manual
Body Start Kode yang perlu load sesegera mungkin setelah <body>
Body End Script yang boleh load belakangan (chat widget, heatmap)

Cara Menggunakan

  1. Buka Tab Settings di panel kiri
  2. Scroll ke section Custom Code
  3. Pilih area yang sesuai (Head, Body Start, atau Body End)
  4. Paste kode di textarea yang sesuai
  5. Save dan test di Preview sebelum Publish

Contoh: Chat Widget (Tawk.to)

<!-- Masukkan ke Body End -->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/XXXXX/1xxxxxx';
s0.parentNode.insertBefore(s1,s0);
})();
</script>

Contoh: Schema.org JSON-LD (Product)

<!-- Masukkan ke Head -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Kursus Digital Bisnis Online",
  "description": "Strategi bisnis online dari nol",
  "offers": {
    "@type": "Offer",
    "price": "297000",
    "priceCurrency": "IDR"
  }
}
</script>

Contoh: Custom CSS

<!-- Masukkan ke Head -->
<style>
  /* Override font global */
  body { font-family: 'Poppins', sans-serif; }
  /* Sembunyikan elemen tertentu */
  .footer-credit { display: none; }
</style>

Peringatan: Custom Code langsung dirender di halaman. Kode yang salah bisa merusak tampilan LP. Selalu test di Preview dulu sebelum Publish.

Langkah Selanjutnya

Topik Tutorial
SEO (meta title, description) LP Settings: SEO
Meta Pixel per LP LP Settings: Meta Pixel
GTM per LP LP Settings: GTM
Publish LP LP Settings: Publish

Siap buat landing page pertamamu?

Daftar Konvert gratis dan mulai jualan online hari ini.

Daftar Sekarang