Cara menambahkan formulir berlangganan Mailrelay menggunakan WordPress

Jika Anda ingin menarik pelanggan baru untuk meningkatkan milis Anda, Anda harus menawarkan formulir berlangganan di situs Anda. Jika Anda bekerja dengan WordPress, Anda dapat dengan mudah menambahkan formulir ini ke blog Anda.

Mengapa? Pada dasarnya karena memungkinkan Anda untuk menangkap data dari orang-orang yang tertarik dengan produk atau layanan yang Anda tawarkan sehingga Anda dapat menghubungi mereka secara berkala.

Pada titik ini, Anda mungkin berpikir: Saya tertarik, tetapi apa yang harus saya lakukan untuk membuat formulir berlangganan di situs WordPress saya? Saya tidak terbiasa dengan kode HTML, dan saya membutuhkan sesuatu yang sederhana dan mudah.

Jangan khawatir, dalam tutorial ini; kami akan menunjukkan kepada Anda berbagai cara untuk menambahkan kode HTML yang dihasilkan oleh Mailrelay di situs web Anda yang dibuat menggunakan WordPress dengan dan tanpa plugin.

Menarik, bukan?

Klarifikasi Penting: untuk tutorial ini, kami akan menganggap bahwa Anda telah membuat formulir keikutsertaan di akun Anda dan Anda telah menyalin kode HTML. Oleh karena itu, kami akan fokus menjelaskan cara menambahkan kode ini di WordPress. Jika Anda belum membuat formulir, atau Anda belum menyalin kode HTML, kami menyarankan Anda untuk membaca posting lain ini terlebih dahulu dan ikuti langkah-langkah yang ditunjukkan: Formulir berlangganan Mailrelay V3

· Bagaimana mengintegrasikan formulir berlangganan Mailrelay tanpa menggunakan plugin apa pun

Kita harus memulai tutorial ini dengan mengatakan bahwa kita tidak bisa menipu diri kita sendiri; kebanyakan dari kita akan mencoba mencari plugin untuk melakukan semua tugas untuk kita di situs kita karena plugin itu membuat hidup kita lebih sederhana.

Namun, penting untuk diingat bahwa memasang banyak plugin di situs kami dapat membebani halaman.

Itu, dalam banyak kesempatan, menyiratkan peningkatan waktu pemuatan halaman, yang secara langsung memengaruhi strategi SEO dan pengalaman pengguna kami.

Untuk semua ini, jika Anda ingin menghindari membebani situs web Anda atau Anda hanya tidak ingin menginstal lebih banyak plugin di situs WP Anda, Anda dapat mengintegrasikan kode HTML langsung di situs web Anda tanpa plugin apa pun.

Bagaimana?

Dengan mengikuti langkah-langkah ini:

Untuk memulai, Anda harus masuk ke WordPress Anda dan klik " Penampilan" dan "Widget."

Pada bagian Widgets, kita harus menemukan widget bernama “ Custom HTML. ” Setelah kami menemukannya, kami dapat menyeretnya ke area widget tempat kami ingin menambahkan formulir keikutsertaan kami.

Secara default, WordPress memiliki area widget di sidebar halaman.

Kita dapat menyisipkannya di sana atau jika tema atau template kita memiliki area lain dari Widget yang diaktifkan, kita dapat mengubah tempatnya (misalnya, di footer).

Dalam hal ini, kita akan menambahkannya di area widget yang paling umum, karena semua situs web WordPress memiliki opsi ini secara default; Mari tambahkan kode HTML di sidebar.

Kita hanya perlu menyeret widget ke area ini, menambahkan judul, dan menempelkan kode yang dihasilkan oleh Mailrelay. Ingatlah bahwa Anda telah membuat kode HTML sebelum mulai membaca tutorial ini.

Setelah memberi nama widget (di bagian judul) dan memasukkan kode (di bagian konten), Anda harus mengklik tombol simpan.

Kemudian, untuk memeriksa apakah semuanya berfungsi dengan baik, Anda dapat mengakses blog Anda, dan Anda akan melihat formulir berlangganan di bilah sisi.

* Penting untuk diingat bahwa formulir akan memiliki gaya (warna dan font) yang dikonfigurasi dalam template atau tema Anda.

Dalam hal ini, kita telah melihat bagaimana mengintegrasikan formulir di bilah sisi. Jika situs Anda mengaktifkan area widget lain, Anda dapat mengikuti langkah yang sama seperti yang kami jelaskan sebelumnya, tetapi Anda harus menyeret widget ke area tersebut.

Hasilnya akan sama; satu-satunya perbedaan adalah formulir keikutsertaan Anda akan ditampilkan di area yang ditentukan dan bukan di bilah sisi.

· Bagaimana mengintegrasikan formulir berlangganan Mailrelay di WordPress dengan Elementor (versi gratis)

Cara mengintegrasikan formulir berlangganan Mailrelay di WordPress dengan Elementor (versi gratis)

Elementor adalah salah satu perancang tata letak WordPress paling terkenal saat ini, pada kenyataannya, ini adalah salah satu plugin yang paling banyak digunakan untuk mengedit formulir keikutsertaan.

Di antara fitur utamanya, kami dapat menemukan: versi gratis dengan banyak fitur, yang memungkinkan setiap pengguna membuat bagian yang menarik dan dipersonalisasi tanpa harus menginvestasikan uang.

Elementor adalah plugin yang saat ini tersedia secara gratis dengan fitur yang lebih terbatas dan dengan versi berbayar/Premium dengan beberapa opsi tambahan.

Namun, tidak masalah jika Anda menggunakan versi gratis atau berbayar, Anda akan dapat mengintegrasikan formulir Mailrelay Anda ke bagian dan lokasi yang diinginkan. Anda akan belajar bagaimana melakukannya hanya dalam beberapa langkah:

Persyaratan pertama adalah menginstal plugin Elementor di situs kami. Jika Anda belum menginstalnya, Anda harus pergi ke tab plugin dan klik “ tambah baru.”

Cari "Pembuat halaman elemen " di repositori WordPress dan klik Instal.

Setelah terinstal, ingatlah untuk mengaktifkannya, dan kami akan siap untuk mengintegrasikan kode kami.

Untuk memulai integrasi, Anda harus membuka halaman atau bagian tempat Anda ingin memasukkan formulir berlangganan. Setelah mengakses bagian ini, Anda harus mencari modul kode HTML.

Setelah ditemukan, tambahkan modul di kolom atau bagian halaman tempat Anda ingin formulir Anda ditampilkan. Setelah menyeretnya ke area yang dimaksud, kita harus menempelkan kode HTML yang kita simpan sebelumnya.

Setelah kode HTML dimasukkan, Anda akan melihat bagaimana formulir akan tersedia di formulir berlangganan di bagian atau kolom yang dipilih. Pastikan semuanya benar dan publikasikan perubahannya. Hasilnya akan terlihat di situs Anda:

Seperti yang kami sebutkan sebelumnya, baik dalam kasus ini dan sebelumnya, penting untuk diingat bahwa formulir akan memiliki gaya yang diatur dalam template atau tema Anda.

Untuk membuat perubahan atau modifikasi gaya, Anda perlu mengedit HTML atau menggunakan plugin khusus yang memungkinkan kami menyesuaikan formulir langganan kami (Bloom, misalnya).

· Bagaimana mengintegrasikan formulir berlangganan Mailrelay di WordPress dengan Bloom

Bloom adalah salah satu plugin terlengkap yang dapat kami temukan untuk membuat formulir berlangganan. Jika Anda sudah menginstal plugin ini di WordPress atau Anda berpikir untuk membeli lisensi, kami akan menjelaskan bagaimana Anda dapat mengintegrasikannya dengan akun Mailrelay Anda.

Setelah mengakses panel admin, hal pertama yang harus Anda lakukan adalah mengklik formulir Bloom / Opt-in. Di tab ini, Anda dapat menemukan semua formulir berlangganan yang sudah Anda buat. Dalam hal ini, kita akan membuat formulir baru dari awal untuk mempelajari cara mengintegrasikannya dengan mudah dengan Mailrelay.

Untuk membuat formulir baru, cukup klik tombol biru di bagian atas layar “ keikutsertaan baru. ” atau bentuk baru.

Sistem akan membuka daftar drop-down di mana Anda harus memilih jenis formulir yang ingin Anda buat. Mari kita pilih opsi "inline", karena ini akan memungkinkan Anda untuk menerapkannya nanti di bagian atau halaman yang Anda inginkan.

Di jendela berikutnya, Anda harus mulai mengonfigurasi formulir baru kami. Hal pertama yang harus Anda lakukan adalah memberi nama untuk dapat mengidentifikasinya secara internal (nama ini hanya akan terlihat oleh Anda, tidak akan ditampilkan kepada pengunjung.)

Setelah itu, kita harus memilih penyedia email. Dalam hal ini, karena kami memiliki kode HTML kami dari Mailrelay, kami dapat langsung menuju ke bagian bawah daftar drop-down dan memilih opsi "Formulir HTML khusus" .

Segera setelah memilih opsi ini, sistem akan menampilkan kotak abu-abu di mana kita dapat memasukkan kode potongan formulir. Dalam hal ini, Anda harus menempelkan kode HTML yang dihasilkan oleh Mailrelay dan mengklik tombol “Desain selanjutnya keikutsertaan Anda”.

Di bawah ini, kita akan melihat berbagai bentuk, dengan warna dan gaya yang berbeda. Anda harus memilih opsi terbaik sesuai dengan tata letak situs Anda agar sesuai dengan skema warna halaman. Penting untuk dipahami bahwa karena kita telah memperkenalkan kodenya, gayanya tidak akan sama dengan yang ditampilkan oleh plugin, tetapi hasil akhirnya biasanya cukup bagus.

Langkah selanjutnya adalah menyesuaikan bidang yang ingin kita gunakan dalam formulir. Pada “opt-in title”, kita harus menulis judul yang akan ditampilkan dengan jelas di header form. Jika Anda tidak ingin memasukkan judul, Anda dapat mengosongkan bidang ini.

Setelah itu, kita harus mengisi teks formulir. Jika Anda berpikir untuk menjelaskan mengapa pengunjung Anda harus berlangganan buletin Anda, atau apa yang Anda tawarkan kepada pelanggan Anda sebagai imbalan berlangganan, ini adalah bidang yang harus Anda gunakan untuk menambahkan semua informasi ini.

Jadi kita bisa menyesuaikan gambar. Sebagian besar templat standar Bloom menyertakan gambar di bagian atas, tetapi jika Anda ingin memodifikasinya dan/atau menggantinya dengan logo Anda, misalnya, Anda harus melakukannya di bagian ini.

Kami datang ke bagian gaya. Jika Anda ingin menyesuaikan lebih lanjut formulir berlangganan Anda, mengubah font, warna, latar belakang, atau aspek estetika lainnya, inilah tempatnya. Di Opt-in Styling dan form styling, Anda dapat memilih dari banyak opsi dan alternatif.

Setelah itu, kita akan menemukan beberapa opsi lagi untuk menyesuaikan formulir. Kita dapat menambahkan teks di footer (ideal untuk klarifikasi atau komentar cepat) dan pesan konfirmasi, yaitu teks yang akan ditampilkan setelah pengunjung berhasil berlangganan buletin.

Setelah mengatur semua bidang, kita dapat mengklik "Simpan" untuk menyimpan pekerjaan kita. Ketika kita mengklik simpan, plugin akan membawa kita keluar dari layar dan menampilkan semua formulir keikutsertaan yang aktif.

Nah, kita telah membuat dan mengonfigurasi formulir Bloom kita. Langkah selanjutnya adalah mengintegrasikannya dengan benar ke dalam situs kita.

Untuk melakukan itu, di formulir Bloom / opt-in, kita akan mencari formulir yang baru saja kita buat dan, di sebelah kiri, kita akan menemukan simbol ini “[].”

Ketika kita mengkliknya, kita akan melihat jendela baru dengan kode pendek untuk formulir ini. Salin atau simpan kode ini di suatu tempat karena Anda harus menggunakannya nanti.

Setelah menyalin kode pendek, kita harus menambahkannya ke situs web tempat kita ingin menampilkan formulir ini. Jika kita memiliki tata letak visual seperti Elementor atau Divi, kita dapat mengintegrasikannya di mana pun kita inginkan dengan modul kode atau kode pendek.

Sebaliknya, jika kita sudah bekerja dengan Gutenberg, sistem baru yang dibuat oleh WordPress, kita dapat mengintegrasikan Kode Pendek kita menggunakan widget yang disematkan khusus untuk tujuan ini.

Oleh karena itu, kita harus membuka halaman atau bagian untuk mengeditnya. Setelah mengaksesnya, kita akan mengklik tombol “+”, dan di widget, kita akan memilih blok “Shortcode”. Setelah itu, kita harus memasukkan kode atau shortcode yang telah kita simpan tadi. Di sini Anda hanya perlu menempelkan konten dan menyimpan perubahan.

Setelah mengikuti langkah-langkah ini, formulir baru Anda akan tersedia di situs Anda. Prosesnya jauh lebih mudah dari yang Anda kira, bukan?

· Kesimpulan

Seperti yang telah kita lihat di seluruh artikel, ada banyak opsi untuk mengintegrasikan formulir HTML Mailrelay menggunakan WordPress. Dalam posting ini, kami ingin fokus pada metode yang kami anggap mudah sehingga Anda akan kehilangan rasa takut untuk memanipulasi kode.

Seperti yang telah kita lihat, Anda dapat mengintegrasikan Mailrelay dengan WordPress tanpa plugin, melalui bagian widget atau bahkan menggunakan Gutenberg, fitur baru yang ditawarkan oleh WordPress.

Namun, jika Anda sudah memiliki editor visual seperti Divi, Elementor atau plugin opt-in lainnya, Anda juga dapat menggunakannya untuk menambahkan formulir Anda di mana pun Anda inginkan. Dalam kasus Bloom, keuntungan utama yang kami miliki adalah bahwa plugin memungkinkan kami untuk dengan mudah mengedit gaya formulir, untuk memberi mereka sentuhan yang lebih pribadi dan menyesuaikan kode dengan tata letak situs kami.

Namun, jika Anda sudah terbiasa dengan HTML dan ingin membuat beberapa perubahan pada kode, untuk menambahkan gaya atau warna, itu juga mungkin. Tentu saja, ingatlah untuk berhati-hati karena jika formulir keikutsertaan Anda tidak berfungsi dengan benar, itu akan memengaruhi strategi pemasaran email Anda.

Dan sekarang, apakah Anda ingin mengintegrasikan formulir Mailrelay Anda ke situs WordPress Anda?