Apakah Anda ingin menambahkan formulir kontak slide di WordPress? Jika bisnis Anda bergantung pada mendapatkan prospek baru dari formulir kontak situs web Anda, maka salah satu cara terbaik untuk mengembangkan sumber utama Anda adalah membuat formulir kontak Anda lebih terlihat. Pada artikel ini, kami akan menunjukkan cara menambahkan slide out form kontak di WordPress tanpa mengganggu pengguna Anda.
Mengapa Menambahkan Slide Out Contact Form di WordPress?
Banyak pemilik usaha kecil memulai situs web mereka dengan harapan bisa membantu mengembangkan bisnis mereka.
Itu sebabnya Anda menambahkan halaman formulir kontak, sehingga pengguna bisa menghubungi Anda.
Namun, masalahnya adalah sebagian besar pengguna yang mungkin memiliki pertanyaan akan meninggalkan situs web Anda tanpa menghubungi Anda.
Itu sebabnya Anda mungkin memperhatikan bahwa banyak situs populer menambahkan popup formulir kontak, slide dalam bentuk kontak, atau tombol tatap muka yang membuka formulir kontak.
Pilihan animasi dan interaktif ini mengalihkan perhatian pengguna ke formulir kontak dan memungkinkan mereka mengisi formulir dengan cepat tanpa mengunjungi halaman lain. Bentuk ini meningkatkan konversi Anda secara signifikan karena itulah Anda melihatnya di mana saja.
Mari kita lihat bagaimana membuat slide out contact form di WordPress.
Menambahkan Formulir Kontak Slide Out di WordPress
Untuk tutorial ini, Anda memerlukan WPForms. Ini adalah plugin bentuk kontak WordPress terbaik di pasaran.
Anda bisa menggunakan plugin form kontak WPForms versi gratis jika Anda tidak memerlukan semua fitur premium.
Anda juga memerlukan OptinMonster. Ini adalah perangkat lunak pengoptimalan konversi yang paling hebat. Ini membantu Anda mengubah pengunjung situs yang ditinggalkan menjadi pelanggan. Anda memerlukan rencana pro mereka yang memberi Anda akses ke fitur kanvas yang akan kami gunakan dalam tutorial ini.
Langkah 1. Membuat Formulir Kontak di WordPress
Pertama Anda perlu menginstal dan mengaktifkan plugin WPForms. Untuk lebih jelasnya
Setelah aktivasi, Anda perlu mengunjungi WPForms »Tambahkan yang baru halaman untuk membuat formulir kontak Anda. Ini akan meluncurkan antarmuka pembangun WPForms.
Masukkan nama untuk formulir kontak Anda lalu pilih template ‘Pilih form kontak’.
WPForms akan memuat formulir kontak sederhana. Anda akan melihat form preview dalam pane kanan. Anda bisa klik pada field mana saja untuk mengeditnya atau menambahkan kolom baru dari kolom kiri.
Setelah selesai mengedit formulir, klik tombol simpan untuk menyimpan perubahan Anda.
Selanjutnya, Anda perlu mengklik tombol embed di atas untuk mendapatkan kode embed formulir Anda.
Ini akan memunculkan popup yang menunjukkan kode pendek formulir Anda. Silakan copy kode singkat ini karena anda memerlukannya di langkah selanjutnya.
Langkah 2. Membuat Slide Out Optin di OptinMonster
Sekarang kita akan membuat slide out campaign yang akan menampilkan form kontak yang Anda buat di langkah pertama.
Pertama
Plugin ini bertindak sebagai penghubung antara situs web Anda dan akun OptinMonster Anda.
Setelah aktivasi, klik menu OptinMonster di panel admin WordPress Anda dan masukkan kunci API Anda. Anda bisa mendapatkan informasi ini dari akun Anda di situs web OptinMonster.
Setelah memasukkan kunci lisensi Anda, klik tombol ‘Create new optin’ di pojok kanan atas layar Anda.
Ini akan membawa Anda ke situs web OptinMonster.
OptinMonster menawarkan berbagai jenis kampanye dinamis. Untuk tutorial ini, kita akan menggunakan kampanye ‘Slide in’. Silakan klik untuk memilih ‘Slide in’ sebagai jenis kampanye Anda.
Selanjutnya, Anda perlu memilih template. OptinMonster menawarkan beberapa template siap pakai, namun kami perlu memilih ‘kanvas’ untuk tutorial ini.
Begitu Anda memilih template, Anda akan diminta memberi nama untuk kampanye Anda. Ini akan membantu Anda dengan mudah menemukan kampanye di dasbor OptinMonster Anda.
Sekarang OptinMonster akan memuat antarmuka pembangun kampanyenya.
Anda akan melihat pratinjau langsung kampanye Anda di sebelah kanan. Karena kita menggunakan template kanvas, sekarang akan kosong sama sekali.
Di sebelah kiri, Anda akan melihat tab yang berbeda. Di bawah bagian ‘Setelan Optin Umum’, Anda harus memasukkan URL situs web Anda di bawah opsi ‘situs web kampanye Optin’.
Selanjutnya, Anda perlu beralih ke tab ‘Optin’. Di sini Anda bisa memilih warna, tinggi, dan lebar untuk optin Anda.
Silakan pilih warna yang Anda suka dan atur lebar dan tinggi, sehingga bisa menampilkan keseluruhan formulir dengan baik.
Setelah itu, Anda perlu menggulir ke bagian ‘Canvas custom HTML’ dan memasukkan kode pendek WPForms yang Anda salin tadi.
Memasukkan kode singkat tidak akan menampilkan formulir Anda di dalam kampanye slide-in sekarang juga. Itu karena shortcode hanya bekerja di situs WordPress anda sendiri.
Sekarang Anda bisa mengklik tombol ‘Save’ di bagian atas untuk menyimpan setting Anda dan kemudian klik tombol ‘Publish’.
Pada layar berikutnya, Anda perlu mengubah status optin menjadi yang dipublikasikan. Ini akan membuat optin tersedia di situs WordPress Anda.
Langkah 3. Menampilkan Slide Out Contact Form di WordPress
Setelah membuat form kontak dan slide out, Anda siap menampilkannya di situs Anda.
Silakan kunjungi OptinMonster halaman di area admin WordPress anda. Anda akan melihat kampanye slide out yang baru saja Anda buat yang tercantum di sana.
Anda perlu mengklik link ‘Edit output settings’ untuk menentukan bagaimana Anda ingin menampilkannya di situs Anda.
Pada layar berikutnya, pastikan Anda mencentang kotak di sebelah opsi ‘Aktifkan optin on site?’. OptinMonster memungkinkan Anda memilih siapa yang bisa melihat optin. Anda juga dapat memilih area tertentu dari situs Anda untuk menampilkan optin.
Jangan lupa klik tombol save settings untuk menyimpan perubahan Anda.
Sekarang Anda dapat mengunjungi situs web Anda untuk melihat formulir kontak di luar slide. Pastikan Anda menggunakan mode icognito di browser Anda atau keluar dari WordPress, sehingga Anda dapat melihat dengan tepat apa yang akan dilihat pengguna Anda.
Secara default, kampanye slide out akan muncul 5 detik setelah halaman terisi penuh. Namun, OptinMonster memungkinkan Anda untuk mengubahnya juga.
Anda dapat membuat peraturan yang tak terhitung jumlahnya untuk menampilkan kampanye kapan pun kondisi tertentu dicocokkan.
Misalnya, Anda dapat menampilkan slide out form saat pengguna menggulir 50% halaman, saat pengguna akan meninggalkan halaman, dan masih banyak lagi.
