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.

Contact Form pada Divi Digital Theme

2 thoughts on “Contact Form pada Divi Digital Theme

Comments are closed.