Membuat Auto Confirmation Dengan Contact Form 7

Auto Confirmation adalah email otomatis yang dikirimkan kepada pengunjung ketika mereka selesai mengisi suatu form pada website, seperti form registrasi user, order form (shopping cart), maupun form kontak. Tujuannya yaitu untuk memberikan konfirmasi bahwa data yang mereka isikan tersebut sudah diterima.

Selain itu email auto confirmation bisa juga dipakai untuk mengirimkan pesan-pesan tertentu yang bertujuan untuk mempromosikan produk atau layanan secara diam-diam tanpa perlu khawatir dianggap sebagai spam.

Plugin Contact Form 7 default-nya tidak mempunyai fasilitas untuk mengirimkan email auto confirmation. Akan tetapi kita bisa membuat sendiri dengan memanfaatkan action hook wpcf7_before_send_mail yang terdapat pada plugin tersebut.

Nah, pada artikel ini saya akan membahas secara detail, langkah demi langkah bagaimana cara untuk membuat email auto confirmation pada Contact Form 7. Kita akan membuat auto confirmation yang sederhana dengan skenario sebagai berikut:

1. Pengunjung mengisi form pada website
2. Email auto confirmation yang berisi ucapan terima kasih dikirimkan secara otomatis setelah pengunjung mengklik tombol Submit

Berikut ini contoh format pesan auto confirmation tersebut:

Subject: **Pesan Telah Diterima** :: Sorsawo Dot Com
Message:
 
Yth. Wahyu Wibowo,
 
Terima kasih, pesan Anda sudah kami terima!
Kami akan segera memberikan tanggapan secepatnya.
 
Salam
 
Sorsawo Dot Com

Langkah 1

Pertama, install Contact Form 7 dan buat sembarang form dengan plugin tersebut, misalnya form kontak. Minimal form tersebut harus mempunyai input yang berupa email. Setelah itu sisipkan form tersebut pada Post/Page menggunakan shortcode.

Berikut ini contoh format dari form kontak tersebut:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

[response]
 
<p>Your Name *<br />
   [text* your-name]</p>
 
<p>Email Address *<br />
    [email* your-email] </p>
 
<p>Subject *<br />
    [text* your-subject] </p>
 
<p>Message<br />
    [textarea your-message 70x5] </p>
 
<p>[submit "Submit"]</p>

Langkah 2

Edit file functions.php yang terdapat pada theme yang Anda pakai dan tambahkan kode seperti di bawah ini.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

function my_wpcf7_auto_confirmation( $cfdata ) {
   $form_title = $cfdata->title;
   $form_data = $cfdata->posted_data;
 
   if ( $form_title === 'Form Kontak' ) {
      $name = $form_data['your-name'];
      $email = $form_data['your-email'];
      $subject = '**Pesan Telah Diterima** :: Sorsawo Dot Com';
      $header = 'From: Sorsawo Dot Com <tes@sorsawo.com>' . PHP_EOL;
      $message = 'Yth. ' . $name . ',' . PHP_EOL . PHP_EOL .
         'Terima kasih, pesan Anda sudah kami terima!' . PHP_EOL .
         'Kami akan segera memberikan tanggapan secepatnya.' . PHP_EOL . PHP_EOL .
         'Salam' . PHP_EOL . PHP_EOL .
         'Sorsawo Dot Com' . PHP_EOL;
 
      wp_mail( $email, $subject, $message, $header);
   }
}
 
add_action( 'wpcf7_before_send_mail', 'my_wpcf7_auto_confirmation', 1);

Ganti pernyataan $form_title === 'Form Kontak' sesuai dengan nama form yang Anda buat.

$name = $form_data['your-name'];
$email = $form_data['your-email'];

Deklarasi variabel seperti pada cuplikan kode di atas harus sesuai dengan definisi shortcode yang terdapat pada template form yang Anda buat. Contoh di atas bersesuaian dengan template di bawah ini.

[text* your-name]
[email* your-email]

Selamat mencoba.