Avada Form to WhatsApp

Konversi Avada Form ke whatsapp Chat

Alhamdulillah saya berhasil membuat data yang di-submit melalui avada form menjadi WhatsApp Chat URL sehingga bisa dikirim ke WhatsApp. Berikut ini contoh kode function yang bisa kamu pakai dengan disisipkan di function.php WordPress atau menggunakan plugin seperti Code Snippets.

Kode Function Menangkap dan Mengubah Data

Copy to Clipboard

add_action('init', 'process_avada_form');

function process_avada_form() {
    // Tangkap data yang dikirimkan dari form Avada
    if (isset($_POST['testi_name']) && isset($_POST['testi_company']) && isset($_POST['testi_web']) && isset($_POST['testi_message'])) {
        $name = sanitize_text_field($_POST['testi_name']);
        $company = sanitize_text_field($_POST['testi_company']);
        $web = sanitize_text_field($_POST['testi_web']);
        $message = sanitize_text_field($_POST['testi_message']);

// Buat URL chat WhatsApp
        $whatsapp_number = '628123456789'; // Ganti dengan nomor WhatsApp Anda
        $whatsapp_message = "*Nama:* $name%0A%2C%20%0D" .
                            "*Perusahaan:* $company%0A%2C%20%0D" .
                            "*Website:* $web%0A%2C%20%0D" .
                            "*Pesan:* $message";
        $whatsapp_url = "https://wa.me/$whatsapp_number?text=$whatsapp_message";

// Redirect ke URL WhatsApp
        wp_redirect($whatsapp_url);
        exit;
    }
}

Kode di atas berfungsi menangkap data yang di-submit ketika kode avada builder di-eksekusi, lalu melakukan konversi data tersebut menjadi URL / link dengan pesan WhatsApp ke nomor tujuan. Kalian perlu melakukan beberapa penyesuaian terkait field yang digunakan dan jangan lupa juga nomor WhatsApp tujuan.

Pengaturan Avada Form Option

Lalu, untuk memudahkan pengaturan di Avada Form options, silahkan import dengan copy paste code ini:

Copy to Clipboard

{"_fusion":{"member_only_form":"no","nonce_method":"none","label_position":"above","tooltip_text_color":"var(--awb-color1)","tooltip_background_color":"var(--awb-color7)","field_margin":{"top":"0px","bottom":"0px"},"form_input_height":"56px","form_bg_color":"var(--awb-color1)","form_text_color":"var(--awb-color6)","form_label_color":"var(--awb-color6)","form_placeholder_color":"hsla(var(--awb-color6-h),var(--awb-color6-s),var(--awb-color6-l),calc(var(--awb-color6-a) - 20%))","form_border_width":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"form_border_color":"hsla(var(--awb-color1-h),var(--awb-color1-s),var(--awb-color1-l),calc(var(--awb-color1-a) - 100%))","form_focus_border_color":"hsla(var(--awb-color1-h),var(--awb-color1-s),var(--awb-color1-l),calc(var(--awb-color1-a) - 100%))","form_border_radius":"2","form_type":"post","method":"post","url_method":"get","action":"https://arunajr.com/","custom_headers":"[]","privacy_store_ip_ua":"yes","form_actions":{"0":"database"},"off_canvas":"2794","form_confirmation_type":"message","privacy_expiration_action":"anonymize"}}

Kode di atas adalah export dari pengaturan Avada form yang saya gunakan, jadi kalian perlu memeriksanya apakah settingan Avada Form tersebut sudah sesuai dengan kebutuhan kalian. Semoga artikel ini bermanfaat.