MURIDSIANA - pernahkah kamu mengunjungi sebuah blog lalu kamu mencoba menghubungi dari pengembang situs blog tersebut. Entah dalam ingin mendengarkan fitur" yang disediakan dari situs blog maupun website.

Biasanya tampilan halaman contact US memiliki dua jenis, diantaranya :

• Halaman contact US link eksternal 
• Halaman contact US formulir pesan otomatis 

Berikut ini MURIDSIANA  akan memberikan penjelasanya mengenai dua jenis halaman contact US yang MURIDSIANA sebutkan di atas.

Halaman Contact US Link Eksternal

Halaman Contact US link eksternal ialah sebuah halaman Contact US yang berisikan daftar media sosial.seperi Facebook, WhatsApp, Instagram, TikTok, dan media sosial lainnya yang telah dipasangi link eksternal yang mengarah secara otomatis ke media sosial pemilik website yang bersangkutan.

Halaman Contact US Formulir Otomatis

Halaman Contact US dengan formulir otomatis merupakan sebuah halaman yang didesain khusus oleh pemilik website agar lebih terlihat profesional dan modern.

Biasanya para pemilik website akan membuat sebuah formulir pesan otomatis menggunakan dua metode formulir pesan otomatis menggunakan html formulir pesan WhatsApp otomatis dan menggunakan html formulir pesan email  otomatis.

Seperti contoh halaman Contact US milik kami MURINSIANA yang menggunakan html formulir pesan otomatis terkirim ke email seperti DEMO berikut ini.

Bagaimana apakah kamu tertarik membuat halaman Contact US formulir pesan otomatis ?.

Jika ia maka kamu mengunjungi artikel yang tepat, karena pada kesempatan kali ini MURIDSIANA akan Membagikan cara membuat halaman Contact US menggunakan formulir pesan otomatis agar terlihat lebih profesional dan modern.

Manfaat halaman Contact US pada blog

Sebelum kamu membuat halaman Contact US pada blog yang kamu buat, alangkah baiknya kamu m ngetahui dahulu manfaat adanya Contact US pada blog.

1. Mempermudah pengunjung website dalam meminta bantuan seputar produk yang tersedia di website milikmu.

2. Website terlihat lebih profesional.

3. Pengunjung jadi lebih percaya terhadap website milikmu. 

Cara Membuat Halaman Contact Us blog dengan formulir otomatis

 Jika kamu ingin membuat halaman contact Us blog yang menggunakan formulir pesan otomatis Terkirim silakan ikuti tutorial yang MURIDSIANA berikan berikut ini.

1. Silakan masuk ke halaman blogspot milik kamu kemudian pilih tata letak.
2. Selanjutnya silakan tambahkan widget baru dan pilih formulir kontak.
3. Setelah kamu membuat WeChat formulir kontak pada tata letak silahkan masuk ke halaman pengaturan tema atau template.
4. Kemudian silakan klik edit HTML.

5. H cari kode HTML seperti di bawah ini kemudian hapus dan klik simpan <form name='contact-form'>

                       <span class='input-label'><data:contactFormNameMsg/></span>

                       <input aria-label='contact name' class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>

                       <span class='input-label'><data:contactFormEmailMsg/> <span class='required'>*</span></span>

                       <input aria-label='contac t email' class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>

                       <span class='input-label'><data:contactFormMessageMsg/> <span class='required'>*</span></span>

                       <textarea aria-label='message' class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>

         H              <input aria-label='submit button' class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>

                       <div class='contact-form-message-wrap'>

                           <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>

                           <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>

                       </div>

                   </form>  

7. Silakan kopi dan pasangkan kode di berikut ini pada postingan halaman yang kamu buat jangan lupa dirubah mode html penuh terlebih dahulu . <div class="widget ContactForm" id="ContactForm1">
   <div class="contact-form-widget">
   <div class="form">
   <form name="contact-form">
   <i class="fa fa-user"></i> Name: <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
           <br />
   <br />
   <i class="fa fa-envelope-o"></i> E-mail:<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
           <br />
   <br />
   <i class="fa fa-pencil-square-o"></i> Message:
   <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><br />
   <input class="contact-form-button contact-form-button-submit fa-user" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
           <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>
   <br /></form>
   
   
8. Kemudian silahkan masuk ke menu halaman pad blogspot milik kamu dan buatlah postingan halaman baru dan berikan nama contact us.
9. Ubah mode penulisan postingan menjadi mode html penuh.
10. Kemudian pastekan code html formulir contact Us yang telah kamu copy barusan.
11. Dan yang terakhir silahkan publikasikan halaman Contact US yang telah kamu buat barusan, jika berhasil maka tampilannya akan seperti dibawah ini.

Name:

E-mail:

Message:

Share :