C cenaly.com
Mulai gratis

Webflow · kontak dari portofolio Anda

Widget Cenaly.com untuk Webflow

Tambahkan komunikasi atau janji temu ke desain Webflow yang sudah ada. Pilih tugas dan atur widget di Cenaly.com, lalu tambahkan kode di tingkat situs atau halaman. Di bawah ini — ketentuan akses ke custom code dan instruksi terpisah untuk consent.

  • Custom code: Site plan aktif atau Workspace Core, Growth, Agency, atau Freelancer
  • Publikasi — langkah terpisah setelah menyimpan kode
  • Periksa tampilan seluler, animasi, dan transisi antar halaman

Tanpa kartu · pendaftaran satu menit, tag satu menit lagi · perubahan pengaturan sampai ke situs dalam 5 menit

Satu tag untuk semua widget9 dari 13 gratisShadow DOM — tidak merusak tata letakLabel dalam bahasa halamanDua cloud: AWS dan Rusia

Apa yang berjalan di Webflow

Pilih widget yang diperlukan dan atur di Akun. Widget biasa menggunakan tag umum; untuk consent dan analitik, urutan pemasangan tersendiri itu penting.

Widget dan platform yang dipilih akan tersimpan saat pendaftaran. Selanjutnya, atur widget di akun. Biarkan instruksi ini untuk Webflow tetap terbuka: setelah pengaturan, kembali ke langkah pemasangan di bawah.

Semua 13 widget →

Apakah Paket berbayar Webflow diperlukan

Paket berbayar platform diperlukan

Perlu Site plan aktif atau Workspace Core, Growth, Agency, atau Freelancer.

Bantuan resmi Webflow mengizinkan custom code untuk Site manager dan Designer dengan Site plan aktif atau salah satu Workspace yang disebutkan. Site plan berbayar bukan satu-satunya cara.

Alamat webflow.io sendiri tidak menunjukkan apakah penyisipan kode tersedia: periksa Workspace, hak akses, dan pengaturan proyek. Menghubungkan domain sendiri dan kemampuan CMS memiliki ketentuan Paket masing-masing.

Item menu dan ketentuan tarif di halaman ini berasal dari bantuan resmi:

Diverifikasi dengan bantuan platform 2026-09-22

Cara menyisipkan kode di Webflow

Widget biasa: chat, tombol kontak, janji temu

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

Contoh tag untuk widget biasa. Ambil kode Anda dari akun; tidak perlu menggantinya dengan domain demonstrasi. Untuk memblokir analitik, gunakan instruksi terpisah di bawah ini. Banner cookie dan analitik: prosedur terpisah →

  1. 1

    Salin kode pemasangan

    Di akun Cenaly.com: Panel admin → Marketing → “Situs saya”. Masukkan alamat situs di kolom pertama dan salin baris tag.

  2. 2

    Buka pengaturan proyek

    Di Webflow: Site settings (Pengaturan situs) proyek yang diinginkan.

  3. 3

    Buka Custom code

    Tab Custom code — di dalamnya ada dua kolom: Head code (di dalam head) dan Footer code (sebelum body penutup).

  4. 4

    Tempelkan tag ke Head code

    Tempelkan baris ke Head code dan simpan. Tag html, head, dan body tidak perlu ditambahkan ke kolom ini — hanya skripnya sendiri.

  5. 5

    Publikasikan proyek

    Klik Publish: bantuan Webflow secara terpisah mencatat bahwa efek kode Anda terlihat di situs live setelah publikasi.

  6. 6

    Periksa pemasangan

    Buka situs yang sudah dipublikasikan dan kembali ke “Situs saya” → “Periksa pemasangan”.

Perlu widget hanya di satu halaman — halaman di Webflow memiliki kolom sendiri untuk kode di pengaturan halaman.

Bantuan resmi Webflow ↗

Pemeriksaan pemasangan

  1. 1

    Terbitkan ulang situs

    Di pembuat situs, perubahan tersimpan sebagai draf: selama halaman belum diterbitkan ulang, tag belum ada di situs yang aktif.

  2. 2

    Buka “Situs Saya” di Akun

    Panel admin → Marketing → “Situs Saya”. Di kolom pertama ada alamat situs Anda, di sebelahnya ada “Periksa pemasangan”.

  3. 3

    Lihat apa yang ditemukan

    Pemeriksaan membaca HTML sumber halaman dan menampilkan widget yang ditemukan. Tag yang dipasang melalui Google Tag Manager tidak akan terlihat — ini keterbatasan pemeriksaan, bukan pemasangannya.

Penjelasan kesalahan penginstalan ada di bantuan Petunjuk pemasangan →

Keunikan Webflow

  • Preview dan situs yang dipublikasikan

    Webflow mendukung custom code di preview/comment, tetapi tidak di expand canvas. Pengunjung akan melihat perubahan setelah publikasi; lakukan pemeriksaan akhir pada alamat yang dipublikasikan.

  • Kode proyek atau satu halaman

    Head code umum menambahkan tag di tingkat situs. Jika hanya perlu satu URL, gunakan pengaturan halaman dan jangan duplikasi tag umum yang sudah terpasang di sana.

  • Pertahankan formulir dan tampilan

    Widget tidak menghubungkan formulir Webflow ke Cenaly.com secara otomatis. Shadow DOM mengisolasi gaya, tetapi animasi, kemampuan klik tombol, dan tumpang tindih perlu diperiksa di situs Anda.

  • Consent dan GTM

    Jangan letakkan consent setelah kontainer yang sudah menjalankan tracker. Untuk tag biasa melalui GTM, pemeriksaan HTML sisi server tidak mengonfirmasi pemasangan — periksa widget di halaman yang dipublikasikan.

Pertanyaan dan jawaban

Apakah wajib membeli Site plan?

Tidak, custom code juga tersedia melalui Core, Growth, Agency, atau Freelancer Workspace sesuai ketentuan Webflow. Periksa hak Site manager/Designer dan akses ke kolom di proyek tertentu.

Head code atau Footer code?

Tag biasa dapat ditambahkan ke Head code; jangan mengelilinginya dengan tag html/head/body. Consent dengan pemblokiran hingga persetujuan memerlukan skrip pertama terpisah di head sebelum tracker.

Mengapa widget tidak muncul di editor?

Custom code tidak berfungsi di expand canvas. Preview/comment mendukungnya, tetapi perubahan masih perlu dipublikasikan. Periksa pengaktifan widget dan alamat akhir situs.

Apakah widget akan memengaruhi animasi?

Isolasi gaya tidak menjamin kompatibilitas dengan skrip apa pun. Periksa interaksi, formulir, dan layar seluler sebelum menyebarkan widget ke semua halaman.

Bagaimana dengan halaman CMS?

Kode situs umum juga berlaku untuk halaman koleksi. Periksa contoh halaman tersebut yang sudah dipublikasikan dan jangan menduplikasi tag di templatnya.

Apakah tag async biasa cocok untuk banner cookie?

Untuk memblokir pelacak sebelum persetujuan, diperlukan consent/v1.js terpisah sebagai yang pertama di head tanpa async/defer. Periksa pemuatannya sebelum pilihan dibuat, setelah penolakan, dan setelah penerimaan. Analitik bawaan platform mungkin memerlukan pengaturan terpisah; munculnya banner tidak membuktikan kepatuhan terhadap hukum.

Selengkapnya — pemasangan per platform, penyiapan, dan penanganan masalah — ada di bantuan. Petunjuk pemasangan →

Pasang widget di situs Webflow Anda

Periksa akses ke custom code, pilih widget, dan konfigurasikan. Setelah dipublikasikan, uji halaman biasa dan halaman koleksi.

Pilih widget

Tanpa kartu · pendaftaran satu menit, tag satu menit lagi · perubahan pengaturan sampai ke situs dalam 5 menit