Contact Form pada Divi Digital Theme

Setelah membicarakan mengenai pricing table pada Divi Digital Theme maka kita melanjutkan ke pembahasan ke contact form karena kalau kita melihat pada pricing table tersebut ada button Order.

Memahami contact form pada Divi Digital Theme adalah

1. Memasukkan contact form dari library
   
   Tampak pada gambar di atas kita memasukkan module contact form dari library. Sebelumnya tentu ada proses menyimpan bagian dari contact form Divi Digital Theme ke Divi Library.
   
2. Memberikan background pada kolom
   
   Kita melakukan Row Settings seperti gambar di atas.
   
   
   Kita melanjutkan dengan Column settings seperti gambar di atas.
   
   
   Pada gambar di atas kita memberikan background rgba(0,0,0,0.72) untuk kolom.
   
   
3. Tampilan Contact Form dari Divi Digital Theme
   
   Gambar di atas adalah tampilan default contact form dari Divi Digital Theme.
   
4. Seting module Contact Form
   Setelah kita melihat tampilan contact form pada Divi Digital Theme maka kita ingin melihat seting-setingnya untuk memberikan pemahaman yang lebih baik.
   
   Tampilan di atas tampilan pada modul Contact Form – Content.
   
   
   Tampilan di atas adalah tampilan pada modul Contact Form – Text>
   
   
   Tampilan di atas tampilan pada modul Contact Form – Design – Fields.
   Isian pada tampilan di atas
   – Fields Background Color: rgba(0,0,0,0).
   – Fields Text Colod: #ffffff
   
5. Seting Contact Form – Design – Button
   
   Tampilan di atas adalah tampilan awal pada seting modul Contact Form – Design – Button.
   
   
   Tampilan di atas melanjutkan seting pada module Contact Form – Design – Button – Border.
   
   
   Perhatikan seting pada Button Padding seperti gambar di atas.
   
   
   Perhatikan seting CSS Class seperti gambar di atas.
   
   
   Gambar di atas adalah seting pada Custom CSS – Contact Buttton.

Informasi lebih lanjut silahkan mengunjungi
1. https://www.elegantthemes.com/documentation/divi/contact/ .
2. https://www.proweb.co.id/articles/divi/wp-mail-smtp.html .

Kunjungi www.proweb.co.id untuk menambah wawasan anda.