Cara menambahkan formulir atau popup di blog systeme.io Anda

Artikel ini akan mengajarkan Anda cara menyiapkan formulir inline atau formulir popup di blog systeme.io Anda.

Langkah 1: Membuat formulir inline

Pertama, Anda perlu membuat formulir kontak dari sales funnel Anda.

Untuk melakukannya, buka Saluran Penjualan Anda, klik Buat langkah (1) untuk membuat langkah baru, lalu pilih Formulir Inline (2).

Pilih template yang Anda inginkan dengan mengklik Pilih (3).

Buka editor halaman formulir dengan mengklik Edit Halaman untuk menyesuaikan formulir Anda (4).

Formulir kontak harus memiliki setidaknya satu input formulir, namun Anda dapat menambahkan sebanyak mungkin field yang diinginkan.

Pilih elemen Input Formulir. Kemudian, klik ikon Pengaturan (roda gigi) untuk mengonfigurasi field tersebut. Pilih Tipe Input yang ingin Anda kumpulkan dari daftar dropdown.

Anda juga perlu mengonfigurasi aksi tombol. Pilih tombol lalu tentukan apa yang akan terjadi setelah pengguna mengirim formulir.

Jangan lupa untuk mengklik Simpan perubahan sebelum meninggalkan editor formulir inline Anda.

Langkah 2: Membuat formulir popup

Buka Sales Funnel Anda, klik Tambah langkah (5) untuk membuat langkah baru, lalu pilih Formulir Popup (6).

Pilih template yang Anda inginkan dengan mengklik Pilih (7).

Buka editor halaman formulir dengan mengklik Edit Halaman (8) untuk menyesuaikan formulir popup Anda.

Formulir kontak harus memiliki setidaknya satu input formulir, dan Anda dapat menambahkan field sebanyak yang diinginkan.

Pilih elemen Input Formulir. Lalu klik ikon Pengaturan (roda gigi) untuk mengonfigurasi field tersebut. Pilih Tipe Input dari daftar dropdown.

Anda juga perlu mengatur tombol yang akan menyimpan aksi dari data yang dikumpulkan.

Anda dapat menentukan waktu kemunculan formulir popup di halaman blog Anda; waktu ini dapat diatur melalui editor (dalam satuan detik).

Jangan lupa klik Simpan perubahan sebelum meninggalkan editor formulir popup Anda.

Langkah 3: Menambahkan formulir inline ke blog Anda

Untuk menambahkan formulir kontak ke blog, Anda perlu menyalin skrip formulir lalu menempelkannya di halaman blog Anda.

Langkah pertama adalah kembali ke Konfigurasi langkah dari Formulir Inline Anda, lalu klik Skrip.

Sebuah popup akan muncul berisi tautan ke halaman Formulir Inline Anda. Klik Salin tautan ke clipboard.

Kemudian buka editor halaman blog dengan mengklik Edit dari menu atau langsung klik nama halaman tempat Anda ingin menambahkan Formulir Inline.

Selanjutnya, drag and drop elemen HTML Mentah ke halaman blog Anda.

Buka pengaturan elemen HTML Mentah.

Klik Edit kode lalu tempelkan skrip dari halaman Formulir Inline ke dalamnya.

Pastikan Anda mengklik Simpan untuk menyimpan kode HTML, lalu klik Simpan perubahan di editor sebelum keluar dari halaman blog.

Jika kita melakukan pratinjau halaman blog, formulir akan tampil seperti berikut:

Langkah 4: Menyiapkan formulir popup di blog Anda

Ada dua cara untuk menampilkan formulir popup di halaman blog:

• Otomatis: Popup muncul setelah jeda waktu tertentu.
• Saat diklik: Popup muncul ketika pengguna mengklik tautan atau teks tertentu.

Untuk menampilkan formulir popup setelah teks diklik, kembali ke Konfigurasi dari formulir popup Anda, lalu klik Buat Tautan.

Sebuah popup akan muncul dan memungkinkan Anda membuat tautan yang membuka popup dari teks:

1. Pilih teks yang akan dapat diklik.
2. Klik Salin tautan ke clipboard.

Buka editor halaman blog tempat Anda ingin menambahkan tautan tersebut.

Tambahkan elemen HTML Mentah ke halaman blog.

Buka pengaturan elemen HTML Mentah.

Klik Edit kode lalu tempelkan skrip tautan popup ke dalamnya, kemudian klik Simpan.

Pastikan Anda mengklik Simpan perubahan di editor sebelum keluar dari halaman blog.

Jika halaman blog dipratinjau, formulir popup akan muncul saat teks Klik di sini untuk membuka popup diklik, seperti yang ditunjukkan di bawah ini: