Widget Tombol Webflow

Buat tombol-tombol efektif di situs Webflow Anda untuk mendorong pendaftaran, memicu pembelian, memulai obrolan, dan membantu pengunjung mengambil tindakan yang tepat dengan cepat.
Rating 4,8
Lebih dari 10.000 ulasan
Rencana gratis tersedia
Buat Widget Gratis
Tidak perlu kartu kredit
Webflow Button Widget

Buat Widget Tombol

Atur widget Anda dan tambahkan ke situs Webflow Anda secara gratis!

Mengapa Orang Suka Elfsight

Betapa menyenangkannya jika pengunjung Anda selalu tahu ke mana harus klik selanjutnya? Widget Tombol Elfsight membuatnya mudah. Ingin menautkan ke produk, memicu formulir, membuka berkas, atau mengarahkan pengguna ke penawaran spesial? Widget ini membantu Anda membuat tombol yang menarik dalam beberapa menit.

Tanpa coding, tanpa repot tata letak — hanya desain bersih dan responsif yang pas untuk proyek Webflow Anda. Anda bisa menempatkannya di mana saja pada halaman Anda, menyesuaikannya sesuai keinginan, dan menghubungkannya ke aksi apa pun yang penting bagi bisnis Anda.

Tahukah Anda?

Menurut riset pemasaran, tombol bisa menghasilkan hingga 45% lebih banyak klik dibanding tautan teks biasa.

Ubah lebih banyak pengunjung menjadi pelanggan dengan Tombol Elfsight — mulai gratis dan hanya butuh beberapa menit untuk mengaturnya.

Fitur Utama Widget Tombol Webflow

Elfsight dirancang untuk membuat situs Anda lebih mudah digunakan dan lebih mudah untuk diklik. Berikut hal-hal yang bisa Anda lakukan dengannya:

  • Flexible design: Pilih dari berbagai kombinasi warna, font, bentuk, dan efek hover untuk menyelaraskan branding Anda secara tepat.
  • Aksi Kustom: Tautkan ke halaman, kirim email, atau mulai obrolan – Anda yang menentukan apa yang terjadi saat pengguna mengklik.
  • Layout mengambang dan inline: Letakkan di dalam konten Anda atau biarkan melayang di layar agar tetap terlihat sepanjang waktu.
  • Desain responsif: Berfungsi sempurna di semua perangkat – desktop, tablet, dan ponsel – langsung siap pakai.
  • Dukungan ikon: Tambahkan ikon ke tombol Anda untuk pengenalan cepat dan tampilan yang rapi serta modern.
  • Instalasi cepat: Tambahkan ke situs Webflow Anda dalam beberapa menit – tanpa pengaturan teknis atau plugin tambahan.

Coba semua fitur ini di editor langsung – tanpa registrasi.

Cara Menambahkan Tombol ke Webflow

Menyematkan tombol Anda di Webflow hanya butuh beberapa detik dengan Elfsight. Berikut langkah demi langkahnya.

Metode 1: Tombol Inline

Terbaik untuk tombol yang ingin Anda tampilkan langsung di dalam konten halaman Anda.

  1. Buka Elfsight Editor: Pilih templat dan mulai menyesuaikan.
  2. Atur Desain Anda: Pilih teks, warna, ikon, dan aksi yang Anda inginkan tombol ini lakukan.
  3. Dapatkan Kode: Klik “Tambahkan ke situs web secara gratis” dan salin kode sisipan.
  4. Sematkan di Webflow: Buka Webflow Designer Anda, seret elemen Sematkan ke bagian yang Anda pilih, lalu tempelkan kodenya di dalamnya.

Metode 2: Tombol Mengapung

Ideal jika Anda ingin tombol yang tetap terlihat saat pengunjung menggulir.

  1. Pilih Tata Letak: Pilih opsi mengambang di editor Elfsight.
  2. Sesuaikan: Pilih posisi, gaya, dan tindakan – misalnya, buka obrolan atau tautkan ke formulir.
  3. Salin Kode Sematkan: Klik “Tambahkan ke situs web secara gratis.”
  4. Paste into Webflow: Tempelkan ke Webflow: Buka Pengaturan Proyek Anda, buka “Custom Code,” lalu tempel potongan kode sebelum tag penutup </body>.

Butuh bantuan? Cek Pusat Bantuan kami atau jelajahi blog kami untuk tips lebih lanjut tentang cara menambahkan tombol ke situs Anda. Anda juga bisa berbagi ide di Wishlist kami atau mengikuti pembaruan di Changelog.

Apakah Widget Tombol berfungsi dengan koleksi Webflow CMS?

Ya, widget Elfsight dapat disematkan di dalam templat koleksi CMS, sehingga mereka muncul secara dinamis di seluruh halaman CMS.

Apakah saya perlu paket Webflow berbayar untuk menambahkan Tombol?

Ya, Webflow memerlukan paket berbayar untuk menambahkan kode kustom, karena sisipan kustom tidak tersedia pada paket gratis.

Apa saja tindakan yang bisa dilakukan widget Tombol di Webflow?

Tombol Elfsight dapat menautkan ke halaman, memicu panggilan telepon, membuka obrolan messenger, mengirim email, terhubung ke profil media sosial, atau menggiring pengunjung ke bagian halaman tertentu.

Bagaimana cara mengatur tombol panggilan?

Untuk membuat tombol telepon di Webflow, pilih template aksi telepon dan masukkan nomor telepon Anda. Widget ini memungkinkan pengunjung langsung menelpon di perangkat yang didukung.

Aplikasi chat mana saja yang didukung?

Elfsight terintegrasi dengan WhatsApp dan Telegram, memungkinkan pengunjung Anda memulai percakapan obrolan langsung dari situs Webflow Anda.

Bisakah ini terhubung ke akun media sosial?

Ya, Anda bisa menghubungkan tombol tautan Anda ke platform sosial seperti Facebook, Instagram, TikTok, Pinterest, dan X untuk meningkatkan keterlibatan dan jumlah pengikut.

Opsi penempatan apa yang tersedia?

Widget ini bisa ditempatkan di bagian konten Webflow atau ditampilkan sebagai tombol mengambang yang tetap terlihat saat menggulir.

Bisakah saya menambahkan ikon saya sendiri?

Ya, Anda dapat mengunggah ikon kustom atau menggunakan ikon bawaan, menempatkannya di samping atau di atas teks tombol untuk konsistensi desain yang lebih baik.

Bisakah saya menyesuaikan desain visual tombol?

Di editor Elfsight, Anda bisa menyesuaikan warna, tipografi, animasi hover, garis tepi, jarak, dan tata letak teks agar widget ini selaras dengan branding Webflow Anda.

Apakah Gulir Halus Didukung?

Ya, opsi Scroll to Element memungkinkan tombol menavigasi pengguna secara mulus ke bagian, formulir, atau blok tertentu pada halaman Webflow Anda.

Segera buat Tombol Webflow yang dibuat khusus

Sesuaikan, lalu pasang widget ke situs Anda dengan menggunakan demo yang aktif.
Elfsight Apps
Versi lintas-platform yang cocok untuk situs mana pun
mulai dari $0/bulan
Mulai dengan paket gratis
Situs web tanpa batas
Dukungan cepat dan tepat waktu serta dokumentasi yang lengkap
Bantuan pemasangan gratis
Sepenuhnya dapat disesuaikan