Bagaimana Cara Menyesuaikan Email WooCommerce menggunakan Kode & Plugin?

Halo pengguna WooCommerce! Jika Anda ingin membangun identitas merek unik Anda dan mendorong pembelian berulang, Anda dapat dengan mudah melakukannya dengan templat email WooCommerce yang disesuaikan.

Kami akan memandu Anda melalui template email default WooCommerce, cara menyesuaikannya dengan kode, dan plugin penyesuai email WooCommerce mana yang paling cocok untuk Anda.

Mari kita mulai.

Template email standar WooCommerce – jenis dan konten

Pada dasarnya, WooCommerce dilengkapi dengan sebelas templat email bawaan yang dikirim ke pelanggan dan admin terkait dengan pesanan dan pembaruan akun.

• Email pesanan yang ditahan – dikirim ke pelanggan setelah pesanan ditangguhkan.
• Email pemrosesan pesanan – dikirim ke pelanggan setelah pembayaran selesai.
• Email pesanan selesai – dikirim ke pelanggan ketika pesanan mereka ditandai selesai, dan menunjukkan bahwa pesanan telah dikirim.
• Email pengembalian dana pesanan – dikirim ke pelanggan saat pesanan ditandai sebagai pengembalian dana.
• Pesanan Baru – dikirim ke admin toko ketika pesanan baru ditempatkan di situs mereka.
• Pesanan yang Dibatalkan – dikirim ke admin toko untuk memberi tahu mereka tentang pesanan yang dibatalkan.
• Pesanan Gagal – dikirim ke admin toko untuk memberi tahu mereka tentang pesanan yang gagal.
• Email faktur pelanggan – dikirim ke pelanggan dan berisi informasi pesanan dan tautan pembayaran.
• Email catatan pelanggan – dikirim ke pelanggan saat catatan pelanggan ditambahkan dari admin pesanan edit.
• Email pengaturan ulang kata sandi – dikirim ke pelanggan ketika mereka lupa kata sandi dan meminta kata sandi baru.
• Email akun baru – dikirim ke pelanggan saat mereka mendaftar melalui halaman checkout atau pendaftaran akun.

Contoh email pesanan selesai terlihat seperti snapshot di bawah ini.

Singkatnya, email terdiri dari detail berikut – informasi produk, total harga termasuk pajak dan biaya pengiriman, cara pembayaran, alamat pengiriman & penagihan.

Tapi template email WooCommerce ini tidak cocok

Menjadi email transaksional, tingkat buka dan klik secara alami akan lebih tinggi daripada jenis email lainnya.

Namun, email pesanan WooCommerce ini tampak sederhana, membosankan, dan tidak menarik, seperti yang Anda lihat dari template email di atas.

Ini tidak memiliki faktor keuletan. Itu tidak membawa merek dan posisi Anda. Ini mencerminkan proposisi nilai Anda dengan buruk.

Jika Anda terus menggunakan template ini, konsumen Anda, termasuk pelanggan setia Anda, mungkin memiliki kesan negatif terhadap merek Anda, sehingga menghasilkan tingkat churn yang lebih tinggi.

Saya minta maaf untuk mengatakan tetapi ini benar. Kesempatan besar hilang!

Delapan dari sepuluh orang tidak akan pernah mengubah template email mereka. Jika Anda salah satunya, segera beralih.

Semua orang masih membaca email … dan Anda harus terlihat baik di dalamnya. Anda tidak ingin memberi kesan buruk kepada pelanggan tentang merek Anda jika mereka memutuskan untuk membeli sesuatu, bukan?

Jadi mengapa tidak menyesuaikan email WooCommerce sejak awal?

Email WooCommerce yang disesuaikan membangun merek dan hubungan yang unik

Menyesuaikan email WooCommerce bukanlah ilmu roket untuk dipahami. Agak cakewalk (jika Anda menggunakan plugin). Seseorang dapat bermain dengan gaya email, warna, perataan, gambar, dan banyak lagi.

Bandingkan template email di atas (disediakan oleh plugin Email Customizer Pro For WooCommerce) dengan email default WooCommerce. Anda akan dengan mudah melihat perbedaannya.

Dari email awal mereka, kami dapat menyimpulkan citra merek mereka. Karena kita memiliki kecenderungan alami untuk tertarik dengan warna dan pola yang kita lihat. Penggunaan warna, font, dan bahasa merek Anda menetapkan konsistensi dan memperkuat merek Anda. Anda membuat barang curian Anda sendiri .

Dengan setiap dolar yang dihabiskan untuk pemasaran email, jumlah maksimum $38 dapat diperoleh, fakta yang terbukti.

Perusahaan Anda mendapat manfaat dari rasa keterhubungan emosional. Pelanggan menjadi penggemar setia Anda dalam jangka panjang. Ini memberi merek Anda lebih banyak daya tarik.

Ini membantu dalam ingatan Anda. Selain itu, menyertakan produk terkait dan kode kupon dapat mengakibatkan pembelian tambahan .

Yang mengatakan, email transaksional WooCommerce yang disesuaikan ini adalah titik kait dengan pelanggan Anda. Saat Anda mengunci audiens dasar Anda, bisnis mengambil langkah dan keuangan terlihat menjanjikan.

Bagaimana cara menyesuaikan email WooCommerce menggunakan kode?

Kami akan memandu Anda melalui proses mempersonalisasi email ini sekarang.

Apa yang Anda senang lakukan? Ambil pendekatan langsung dengan menggunakan plugin dan memulai. ATAU Anda ingin bereksperimen dengan coding?

Keduanya dibahas dalam artikel ini.

Mari sesuaikan email WooCommerce menggunakan cara teknis. Setelah itu, kita akan melihat beberapa plugin populer.

Kustomisasi email WooCommerce menggunakan Pengaturan, Kait & Filter

Ini bukan secangkir teh semua orang. Ini untuk orang-orang yang tahu pemrograman.

Sekarang ada dua metode untuk menyesuaikan email dengan kode.

1. Sesuaikan template email WooCommerce yang sudah ada
2. Menggunakan kode khusus, buat template email WooCommerce baru

Kami akan membahas metode pertama. Untuk metode kedua, lihat blog ini – buat template email WooCommerce khusus.

Pada dasarnya WooCommerce memungkinkan penyesuaian email dalam tiga vertikal berbeda – pengaturan, penggantian, dan tindakan/filter (kait).

1. Pengaturan : Seseorang dapat mengubah warna latar belakang, warna teks, warna dasar. Tangkapannya datang dalam bentuk membatasi perubahan apa pun pada tata letak dan badan email.
2. Overriding : Jika Anda ingin mengubah tata letak email, Anda dapat mengubah HTML template.
3. Hooks : Selain perubahan di atas, Anda juga dapat menambahkan konten tambahan melalui hook tanpa mengganggu tata letak.

Mari kita pelajari masing-masing dari ketiganya secara rinci.

Menyesuaikan template email menggunakan Pengaturan

Pertama, mari kita lihat bagaimana Anda dapat menyesuaikan template email satu per satu.

Untuk ini, Anda harus membuka template dengan mengklik nama template atau tombol Manage di sebelah kanan.

Anda dapat menyesuaikan konten template email individual. Setelah Anda membuka template email, Anda dapat menyesuaikan beberapa aspeknya. Ini adalah opsi yang Anda dapatkan seperti yang ditunjukkan pada gambar (courtesy – LearnWoo.com)

• Aktifkan/Nonaktifkan – Kotak centang ini yang memungkinkan Anda mengaktifkan atau menonaktifkan pemberitahuan email khusus ini.
• Penerima – Tentukan id email yang akan dikirimi email ini. Pisahkan beberapa id email dengan menggunakan koma. Ini hanya berlaku untuk email admin.
• Subjek – Tentukan subjek email di sini. Bidang memungkinkan teks atau placeholder. Placeholder yang tersedia adalah:
  • {Judul situs}
  • {alamat situs}
  • {alamat URL}
  • {tanggal pemesanan}
  • {jumlah order}
• Judul email – Tentukan judul email. Placeholder yang sama dari atas juga berlaku di sini.
• Konten tambahan – Teks yang Anda tambahkan di sini akan terlihat di badan email. Anda juga dapat menggunakan placeholder di sini.
• Jenis email – Tentukan format email. Format yang tersedia adalah:
  • Teks biasa
  • HTML
  • banyak bagian

template HTML
Ada opsi di akhir pengaturan di bawah templat HTML heading. Di sini, Anda akan menemukan jalur file yang memungkinkan Anda mengedit salinan template email khusus ini, yang dapat Anda tempel di folder tema untuk ditimpa. Ada juga dua tombol di sini – satu untuk menyalin file template ke tema, dan satu lagi untuk melihat pratinjau template.

Terakhir, setelah menambahkan semua detail, Anda dapat mengklik tombol Save changes .

Sekarang, Anda dapat menerapkan beberapa penyesuaian lagi yang akan berlaku untuk semua template email Anda. Opsi ini dapat diakses setelah masuk ke panel admin WordPress dan kemudian pergi ke WooCommerce > Settings > Emails > Email sender options.

Opsi ini meliputi:

• Gambar header – Ditampilkan di bagian atas semua email. Harus menjadi logo merek Anda.
• Teks footer – Tambahkan tautan situs web atau detail kontak Anda untuk memudahkan pelanggan Anda menghubungi.
• Warna dasar – Warna yang ingin Anda gunakan untuk judul, tautan, dan latar belakang judul email Anda.
• Warna latar belakang – Warna latar belakang email Anda.
• Warna latar belakang tubuh – Warna latar belakang konten email Anda.
• Warna teks isi – Warna untuk semua konten email tertulis.
• Wawasan manajemen toko – Masuk untuk menerima wawasan manajemen toko dari WooCommerce di sini. Centang kotak untuk mengaktifkan notifikasi ini.

Dalam pendekatan ini,

Mengganti template email

Pendekatan lain adalah dengan memodifikasi tata letak email default. WooCommerce menawarkan sistem template bermanfaat yang memungkinkan Anda menyesuaikan bagian email dengan mereplikasi format file ke dalam tema.

Setiap jenis email memiliki file template untuk kontennya. (Misalnya, woocommerce/templates/emails/customer-processing-order.php )

Untuk masing-masing dari sebelas email default WooCommerce, inilah nama file template. Untuk apa setiap email sudah dibahas di awal artikel.

1. admin-dibatalkan-order.php
2. admin-gagal-order.php
3. admin-new-order.php
4. customer-on-hold-order.php
5. customer-processing-order.php
6. customer-completed-order.php
7. customer-refunded-order.php
8. catatan pelanggan.php
9. faktur-pelanggan.php
10. pelanggan-akun-baru.php
11. customer-reset-password.php

Selain itu, ada templat bersama yang dapat diakses dan digunakan semua jenis email. Ini dapat ditemukan di woocommerce/templates/emails/ .

Dalam banyak kasus, ini adalah template yang ditimpa pengembang untuk mengubah aspek email yang dibagikan.

Di bawah ini adalah bagian berbeda yang membentuk email di atas, masing-masing dapat disesuaikan.

1. email-header.php = mencetak/menampilkan header email.
2. email-footer.php = mencetak/menampilkan footer email.
3. email-order-details.php = mencetak/menampilkan semua detail pesanan – produk/item baris, pajak, pengiriman, kupon, gateway pembayaran, dll untuk pesanan itu.
4. email-order-items.php = mencetak/menampilkan detail produk pesanan yaitu item baris untuk pesanan itu.
5. email-downloads.php = jika pesanan berisi produk yang dapat diunduh, ini akan mencetak/menampilkan informasi tersebut bersama dengan nama file, tautan untuk mengunduh, kedaluwarsa, jumlah unduhan, dll untuk pesanan itu.
6. email-customer-details.php = mencetak/menampilkan detail pelanggan seperti alamat email untuk pesanan itu.
7. email-addresses.php = mencetak/menampilkan alamat penagihan dan pengiriman pelanggan untuk pesanan tersebut.
8. email-styles.php = berisi CSS dan properti yang akan diterapkan dalam email. Harus email yang aman.

Katakanlah, Anda ingin mengubah warna teks footer:

• Pertama, pastikan direktori berikut ada di instalasi WordPress: wp-content/themes/your-theme/woocommerce/emails.
• Selanjutnya, salin file yang ditemukan di wp-content/plugins/woocommerce/templates/emails/email-styles.php ke tema toko di:
  your-theme/woocommerce/emails/.
• Terakhir, edit your-theme/woocommerce/emails/email-styles.php untuk mengubah warna teks footer.

 #template_footer #kredit {
    batas:0;
    warna: #66bae3;
    font-family: Arial;
    ukuran font:12px;
    tinggi garis: 125%;
    perataan teks:pusat;
    bantalan: 0 48px 48px 48px;
}

Contoh di atas menunjukkan bagaimana Anda dapat mengubah warna teks footer. Demikian pula:

• Untuk menambahkan/mengedit teks dalam email Pemrosesan, Anda dapat mengganti template email 'customer-processing-order.php' dan mengubahnya.
• Jika Anda tidak ingin menampilkan alamat pengiriman untuk semua pesanan, ganti template email 'email-customer-details.php'.
• Untuk mempercantik desain email Anda, ganti template email 'email-styles.php' dan tambahkan CSS khusus Anda.
• Untuk menyertakan spanduk kepercayaan merek Anda seperti pengiriman cepat, dukungan yang lebih baik, pembayaran yang aman, dll., ganti template email 'email-footer.php'.

Kustomisasi bersyarat dengan Hooks

Pendekatan untuk menyesuaikan email ini berkaitan dengan kode khusus WooCommerce. Jelas, itu membutuhkan keahlian tingkat tinggi dalam PHP.

Namun, prosesnya mudah karena tata letak WooCommerce asli masih digunakan. Prosesnya melibatkan perubahan bagian dari konten.

Misalnya, Anda ingin menambahkan metode Pengiriman yang dipilih, di email pesanan.
Anda dapat menggunakan woocommerce_email_after_order_table , atau woocommerce_email_before_order_table untuk menambahkan konten.

 add_action( 'woocommerce_email_after_order_table', 'sa_add_shipping_method_
ke_pesan_email', 10, 2 );
function sa_add_shipping_method_to_order_email( $order, $is_admin_email ) {
    echo 'Pengiriman: ' . $pesan->get_shipping_method();
}

Ingat, metode ini terkait erat dengan tema yang Anda pilih. Oleh karena itu ketika Anda mengubah tema Anda, Anda harus memindahkan file template yang dimodifikasi, atau tindakan yang ditambahkan, ke tema baru juga.

Sekarang mari kita beralih ke cara yang mudah.

Kustomisasi template email menggunakan plugin penyesuai email WooCommerce

Mengapa Anda tidak mencoba sesuatu yang baru yang akan menarik minat klien Anda? Kirim email yang dipersonalisasi untuk membuat mereka tersenyum dan merasa senang. Terlebih lagi ketika mereka tersedia pada saat itu juga.

Di pasaran saat ini, ada banyak sekali plugin. Untuk tahun 2022, kami telah membuat daftar enam plugin penyesuai email WooCommerce yang populer.

Mari kita lihat masing-masing dengan fitur dan harganya.

Email Customizer Pro untuk WooCommerce

Di dunia di mana pelanggan Anda terus-menerus diserang dengan konten, komponen yang paling mahal adalah 'rentang perhatian', dan jika Anda dapat menangkapnya, Anda mengirim beberapa email yang luar biasa. Itulah yang dapat membantu Anda dengan plugin Email Customizer Pro untuk WooCommerce.

Plugin ini memungkinkan Anda dengan mudah menyesuaikan semua sebelas email transaksional default WooCommerce / template email pesanan WooCommerce tanpa menulis sebaris kode . Plugin ini dikembangkan oleh StoreApps, pengembang ekstensi resmi WooCommerce.

Anda dapat mengedit teks email , warna, header & footer, menambahkan tautan khusus, menambahkan tautan ke jejaring sosial Anda; semua menggunakan antarmuka Penyesuai WordPress yang sudah dikenal.

Email Langganan WooCommerce juga dapat disesuaikan.

Template email siap pakai dari plugin Email Customizer Pro untuk WooCommerce terlihat seperti ini:

Coba demo langsung

Highlight:

• Anda mendapatkan lima template siap pakai untuk dipilih. Tidak ada sakit kepala desain. Saat memilih template, Anda akan diarahkan ke penyesuai WordPress yang sudah dikenal, tempat Anda dapat membuat perubahan pada email.
• Buat perubahan pada teks isi email . Ini adalah plugin USP. Anda dapat mengedit informasi yang ada serta menambahkan informasi Anda sendiri. Pesan pesanan email default, tajuk, subjudul, dan kata penutup semuanya dapat diubah. Sertakan foto, tautan video, kupon, dan tautan posting blog. Anda bahkan mungkin meminta umpan balik dan ulasan.
• Area lain di mana plugin bersinar adalah bagian rekomendasi produk . Untuk meningkatkan penjualan melalui upsell dan cross-sell, gunakan tag gabungan untuk segera menampilkan produk serupa di dalam email.
• Gaya tajuk, yang mencakup warna tajuk, warna teks tajuk, dan teks tajuk, kemudian dapat dikustomisasi. Di ruang header, Anda dapat menempatkan logo untuk perusahaan Anda.
• Bilah menu, di sisi lain, memungkinkan Anda menampilkan hingga lima tautan yang dipersonalisasi. Gunakan tautan ini untuk mengirim klien ke halaman penawaran, dokumentasi produk, halaman paket keanggotaan khusus, dan sebagainya.
• Anda dapat menambahkan teks ke bagian footer email Anda untuk footer. Ini bisa berupa pesan pribadi atau HTML. Anda dapat menyertakan tiga ikon media sosial dengan tautan ke profil merek Anda. Ikon yang paling umum digunakan dalam email adalah Facebook, YouTube, dan Instagram.
• Anda juga dapat mengubah warna latar belakang email, termasuk warna latar belakang, warna batas email, dan warna badan email.
• Anda dapat melihat bagaimana email Anda akan terlihat pada perangkat yang berbeda secara real-time.
• Kirim email percobaan ke pelanggan untuk melihat bagaimana mereka akan muncul di kotak masuk mereka. Periksa untuk memastikan bahwa semuanya berfungsi dengan baik dan tidak ada yang rusak.

Anda semua baik untuk pergi dan mengukir identitas merek unik Anda sendiri.

Harga: $79

Dapatkan plugin Email Customizer Pro

Penyesuai Email WooCommerce

Dikembangkan oleh tim WooCommerce, plugin WooCommerce Email Customizer memiliki built-in WordPress Customizer yang memungkinkan Anda untuk memodifikasi desain template email Anda secara visual. Anda tidak memerlukan pengetahuan pengkodean apa pun.

Tapi ingat, plugin ini hanya mengkustomisasi desain email Anda dan bukan teks atau konten email.

Harga: $79

Dapatkan plugin Penyesuai Email WooCommerce

Penyesuai Email untuk WooCommerce oleh ThemeHigh

Ini juga merupakan plugin penyesuai email WooCommerce yang populer. Ada versi gratis dari plugin di WordPress.org dan versi premium.

Highlight:

• Lihat pratinjau langsung dari perubahan
• Tambahkan baris tak terbatas ke template email
• Tambahkan elemen email yang berbeda (Dasar, Woocommerce, dan kait)
• Kirim email percobaan

Harga: $39

Dapatkan plugin Penyesuai Email ini

Desainer Email Visual untuk WooCommerce

Plugin penyesuai email WooCommerce lainnya dengan fungsionalitas seret dan lepas. Ini memiliki versi gratis di WordPress.org dan versi premium.

Highlight:

• Kirim email berbasis produk dan email berbasis kategori.
• Sematkan tanda tangan digital di setiap email pesanan WooCommerce.
• Kirim email percobaan untuk melihat bagaimana email dikirim ke kotak surat pelanggan.
• Buat baris subjek Anda sendiri.

Harga: $99

Dapatkan plugin Perancang Email Visual

WooMail – Penyesuai Email WooCommerce

WooMail adalah plugin penyesuai email populer di CodeCanyon.

Highlight:

• Template dan blok yang telah ditentukan sebelumnya
• Seret dan lepas, tidak perlu pengkodean.
• Pratinjau langsung
• Kirim email percobaan

Harga: $39

Dapatkan plugin WooMail

Template Email YITH WooCommerce

Plugin YITH WooCommerce Email Templates memberi Anda template untuk memberikan tampilan pesan yang lebih profesional.

Highlight:

• Tambahkan logo dan tautan khusus
• Ubah warna dan tipografi
• Tambahkan tautan media sosial
• Hapus gambar produk dari konten email

Tapi, tidak ada pratinjau langsung yang tersedia.

Harga: $80

Dapatkan plugin Template Email YITH WooCommerce

Keuntungan menggunakan email WooCommerce yang disesuaikan

Di atas segalanya, ini sangat mudah. Karena template sudah ditentukan sebelumnya, pemilik toko tidak perlu khawatir untuk membuat template setiap kali terjadi transaksi.

• Desain email yang menarik secara visual dan estetis
• Disesuaikan dan dibuat khusus
• Ruang lingkup membuat email menjadi interaktif
• Email yang memikat mendukung bisnis, biasanya pendapatan penjualan
• Keterlibatan pelanggan yang ditingkatkan
• Akhiri email yang membosankan
• Dinamis dan tersedia

Bagian terbaik tentang email WooCommerce yang disesuaikan adalah desain responsifnya yang membuat kehidupan pemilik toko dan pemasar menjadi mudah.

Plugin penyesuai email WooCommerce yang direkomendasikan adalah…

Untuk meringkas, Email Customizer Pro untuk WooCommerce menonjol secara berbeda dari yang lain. Ini adalah paket komprehensif yang mencakup kemampuan berkualitas tinggi dan mudah beradaptasi.

Pandangan pertama menghasilkan getaran positif pada pelanggan . Dirancang dengan luar biasa dan dapat disesuaikan secara kreatif, plugin adalah suatu keharusan bagi pengguna WooCommerce.

Ini akan menambahkan secercah bumbu ke email Anda. Pelanggan Anda mendapatkan kebebasan ruang untuk merasakan merek dan berhubungan dengan Anda. Hanya dengan beberapa klik, Anda bisa mendapatkan email hebat yang memberikan hasil luar biasa sebagai balasannya.

Dapatkan plugin Email Customizer Pro

Mulai sesuaikan email Anda hari ini

Izinkan saya memberi Anda nasihat penting ini. Email menurut saya mirip dengan surat cinta. Anda juga dapat mempekerjakan seseorang untuk merancang buletin untuk Anda atau memilih salah satu layanan desain tak terbatas untuk bekerja untuk Anda.

Kita harus membiarkan klien kita merasakan merek, memahaminya dengan cara yang kita inginkan, dan mengadopsi citra merek kita, membiarkannya meresap ke dalam pikiran mereka dan berada di sana tanpa batas.

Dan, menurut saya, berbisnis adalah tentang menjaga hubungan jangka panjang dengan pelanggan.