Cara Membuat Contact Form di Blog [Kerennnn]

Selamat datang kembali di Demo IdBoegis, Blog yang membahas seputar Tips Adsense, Tips Komputer, Tutorial Blog, SSH Gratis, Tips Youtube, Tips Smartphone dan informasi internet lainnya.

Pada Artikel kali ini kita akan membahas Cara Membuat Contact Form di Blog [Kerennnn], Postingan ini masih berhubungan dengan Artikel Tutorial Blog. Artikel Widget.

Baca juga:

Cara Membuat Contact Form di Blog [Kerennnn]

Advertisement

Cara membuat halaman dan memasang form contact us untuk blog - Halo sobat blog siabdi, sebelumnya saya sudah membagikan tutorial mengenai cara membuat privacy policy dan disclaimer untuk blog. dan pada kesempatan kali ini saya akan sedikit memberikan cara lain dalam membuat halaman form kontak untuk blog milik sobat. Sebenarnya beberapa waktu lalu saya juga telah memberikan tutorial ini, bagi yang ingin membacanya silahkan baca artikel saya yang berjudul cara memasang contact form di halaman statis dan cara memindahkan widget contact form ke halaman statis.

Cara yang akan saya bagikan kali ini merupakan cara yang terbilang cekup mudah. Karena kita hanya memerlukan beberapa langkah saja untuk membuatnya. Karena kita akan membuat form kontaknya dengan bantuan form builder. Selain itu, tampilan dari form ini pun terbilang cukup elegan dan profesional ketika kita gunakan untuk form contact di halaman blog kita. Bagi sobat yang ingin mencobanya silahkan ikuti langkah-langkah di bawah ini.

Cara Membuat Halaman Contact Form

1. Pertama, silahkan kunjungi halaman 123 Contact Form disini.
2. Karena kita akan menggunakan layanan gratisan, Selanjutnya silahkan klik tombol Sign Up For Free untuk mendaftar, tapi ingat, setelah mendaftar jangan lupa untuk memverifikasi pendaftaran sobat melalui link yang telah di kirimkan oleh pihak provider ke email sobat.

3. Setelah sobat mendaftar dan memverifikasi pendaftaran tersebut, selanjutnya silahkan sobat menuju halaman dashboard 123 Contact Form dan silahkan klik menu New Form.

4. Selanjutnya sobat akan di hadapkan ke beberapa pilihan template form, karena kita akan membuat form contact, maka silahkan pilih Contact Form dan kemudian silahkan pilih Use This Template.

5. Kemudian, sobat akan dibawa ke form builder seperti gambar di bawah ini. Perhatikan pada bagian yang saya tandai dengan nomor.

Keterangan :
Nomor 1 : Sobat dapat menambahkan beberapa menu kedalam form contact yang akan sobat gunakan nanti dengan memilih menu layanan yang ada di bagian nomor 1. Namun, ada beberapa bagian yang tidak bisa di gunakan pada versi free, seperti halnya layanan upload file dan lain sebagainya. Jadi apabila sobat ingin menggunakan layanan file uploader, maka sobat di haruskan untuk mengupgrade akun sobat menjadi akun permium,

Nomor 2 : Merupakan Field Contact Form milik sobat, secara default akan nampak seperti gambar di atas bila tidak ada tambahan menu. Saran saya silahkan gunakan defaultnya saja!

Nomor 3 : Tombol untuk mendapatkan kode form contact.

6. Untuk mendapatkan kodenya, silahkan pilih menu Embed code > Javascript > dan copy semua kode yang telah di sediakan. Perhatikan gambar di bawah ini.

7. Setelah langkah nomor 6 sobat jalankan, langkah selanjutnya silahkan sobat masuk ke halaman blog sobat dan silahkan buat laman/ page baru dengan judul Contact Us. Kemudian silahkan masuk ke mode HTML dan silahkan pastekan kode yang di peroleh dari langkah nomor 6 di atas ke dalamnya.

8. Terakhir silahkan publikasikan dan lihat hasilnya :)

Kesimpulan :
Dengan menerapkan contact form di atas, apabila ada seseorang yang mengirimkan pesan melalui halaman tersebut, maka pesan tersebut akan otomatis masuk ke email yang anda gunakan untuk mendaftar.

Demikian artikel kali ini mengenai cara membuat contact form di blog, bagi sobat yang masih kebingungan dengan tutorial di atas, silahkan tinggalkan komentar sobat. Terimakasih telah membaca tutorial di atas, semoga bermanfaat dan salam blogging :)