Menyematkan Kode Kustom - Membangun - Dokumen Carrd

Last updated on 6/26/2025@mrbirddev
Menyematkan Kode Kustom - Membangun - Dokumen Carrd

Menyematkan Kode Kustom

Memerlukan Pro Standard atau lebih tinggi

Elemen Embed memungkinkan Anda untuk menyisipkan kode HTML, CSS, dan bahkan JavaScript kustom di hampir semua tempat di situs (termasuk elemen <head>). Jika Anda perlu menambahkan widget pihak ketiga yang belum didukung oleh elemen Widget, atau jika Anda ingin menggabungkan fitur kustom di luar apa yang saat ini ditawarkan Carrd, berikut cara melakukannya:

  1. Klik Add Element

  2. Klik Embed untuk membuat elemen Embed baru.

  3. Atur Type ke Code.

  4. Atur Code ke kode kustom yang ingin Anda sisipkan. Ini bisa berupa apa saja yang biasanya Anda tempelkan ke HTML situs, jadi HTML standar, tag <style> yang berisi aturan CSS kustom, dan bahkan tag <script> yang berisi kode JavaScript semuanya dapat diterima di sini.

  5. (Opsional) Atur Label ke sesuatu yang membantu mengidentifikasi embed ini (misalnya, Kode Widget Saya).

  6. Pilih Style embed:

  • Inline untuk menyisipkan kode Anda tepat di tempat embed muncul di situs (seperti elemen lainnya).
  • Hidden untuk menyisipkan kode Anda di salah satu dari tiga lokasi spesifik:
  • Head untuk elemen <head> situs,
  • Body Top untuk tepat setelah tag pembuka <body> situs, atau
  • Body End untuk tepat sebelum tag penutup </body> situs.

Karena ini secara efektif mempublikasikan embed di luar aliran elemen normal, silakan pindahkan ke tempat yang lebih nyaman (misalnya, ke bagian paling akhir situs).

  1. Selesai! Kode kustom Anda sekarang seharusnya terlihat di situs yang dipublikasikan. Perhatikan bahwa elemen embed tidak akan benar-benar mengeluarkan apa pun di builder, jadi Anda perlu mempublikasikan situs untuk melihatnya beraksi.

Last updated on 6/26/2025@mrbirddev
Loading...