Cara Memasang Contact Us di Halaman Statis VioMagz/VioToko/LinkMagz

Untuk Anda yang saat ini sedang bingung dalam Cara Memasang Contact Us di Halaman Statis VioMagz/VioToko/LinkMagz, maka berikut ini adalah caranya.

Note: Untuk Anda pengguna template LinkMagz, cara ini hanya akan berfungsi jika Anda menggunakan template LinkMagz dengan versi 2.4.0 keatas.

Perlu juga saya ingatkan bahwa halaman contact us yang dibagikan disini hanya bisa dipasang di halaman statis. Itu berarti halaman ini tidak dapat di pasang pada postingan artikel.

Apa Fungsi Halaman Contact?

Sebagai seorang blogger cukup penting membuat halaman contact dan meletakan menu contact di blog itu sendiri. Sebab dengan adanya halaman contact pada blog akan membuat para pengunjung mudah untuk menghubungi kita. Selain itu, siapa tau rezeki kita kan, ada seseorang yang ingin melakukan kerja sama seperti konten sponsor dll. Maka mereka sudah tau harus menghubungi kita lewat mana.

Oke langsung saja kita masuk ke inti artikel ini.

• Pertama Login ke “Blogger” > Masuk ke menu “Halaman“
• Buat Halaman statis baru dengan mengklik tombol “Halaman baru“
• Penting! Masukan judul terlebih dahulu. Isi judul dengan “Kontak” “Kontak Saya” atau sesuai keinginan.
• Pada bagian editor konten, pilih mode HTML, setelah masukan kode ini :

<div class="contact-form-widget"> <form name="contact-form"> <span class="ctitles">Nama :</span> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" /> <span class="ctitles">Alamat Email <span class="swajib">*</span> :</span> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" type="text" value="" /> <span class="ctitles">Isi Pesan <span class="swajib">*</span> :</span> <textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="10"></textarea> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" /> <br /> <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div> </form> </div> <script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script> 

• Kemudian klik “Publikasikan“
• Selesai.

Untuk demo atau contoh contact us ini bisa Anda lihat pada halaman berikut https://viomagz.sugeng.id/p/kontak-saya.html.