Menyesuaikan Template Email WooCommerce – Panduan Lengkap

Terakhir diperbarui - 1 Juli 2021

Email transaksional adalah bagian penting dari pengalaman pelanggan di toko online. Selain memberi tahu pelanggan tentang status pesanan mereka, email ini menawarkan cakupan yang besar untuk pengenalan dan retensi merek. Anda juga dapat menggunakan email ini untuk memberi tahu pelanggan tentang produk Anda atau aspek lain yang terkait dengan toko Anda. Jika Anda menjalankan toko WooCommerce, apa saja pilihan Anda untuk mempersonalisasi email? Pada artikel ini, kami melihat secara mendetail beberapa opsi untuk menyesuaikan template email WooCommerce.

Template email WooCommerce

WooCommerce menawarkan berbagai templat email, yang dapat Anda sesuaikan sesuai dengan strategi toko Anda. Anda dapat mengakses template ini melalui WooCommerce > Settings > Emails . Berikut ini adalah template email yang tersedia secara default di WooCommerce:

• Pesanan baru
• Pesanan yang dibatalkan
• Pesanan gagal
• Pesanan ditunda
• Memproses pesanan
• pesanan selesai
• Pesanan yang dikembalikan dananya
• Faktur pelanggan / Detail pesanan
• Catatan pelanggan
• Setel ulang kata sandi
• Akun baru

  

Menyesuaikan template email WooCommerce

Sekarang, Anda dapat menyesuaikan masing-masing template ini satu per satu, dan juga menerapkan gaya tertentu secara umum ke semuanya. Kami akan melihat kedua opsi ini.

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 Kelola di sebelah kanan.

Setelah Anda membuka template email, Anda dapat menyesuaikan beberapa aspeknya. Ini adalah opsi yang Anda dapatkan:

• Aktifkan/Nonaktifkan – Ini adalah kotak centang yang memungkinkan Anda mengaktifkan atau menonaktifkan pemberitahuan khusus ini.
• Penerima – Di bidang ini, Anda dapat menentukan id email yang akan dikirimi email ini. Anda dapat memisahkan beberapa id email dengan menggunakan koma.
• Subjek – Anda dapat menentukan 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 – Di sini Anda dapat menentukan judul email. Placeholder yang sama dari atas juga berlaku di sini.
• Konten tambahan – Ini adalah teks yang akan terlihat di badan surat. Itu bisa berupa informasi relevan apa pun yang ingin Anda sertakan dalam pemberitahuan. Anda juga dapat menggunakan placeholder di sini.
• Jenis email – Di sinilah Anda menentukan format email. Ada tiga format yang tersedia:
  • 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 Simpan perubahan .

Beginilah tampilan email Orde Baru berdasarkan pengaturan di atas dengan pengaturan desain default.

Kustomisasi desain untuk template email WooCommerce

Sekarang, Anda dapat menerapkan beberapa penyesuaian lagi, yang akan berlaku untuk semua template email Anda. Untuk menemukan pengaturan ini, buka WooCommerce > Pengaturan > Email , dan gulir ke bawah ke bagian Template email. Berikut pilihannya:

Anda dapat mengklik tautan untuk melihat pratinjau template di bagian ini.

• Gambar header – Anda dapat menentukan gambar yang akan ditampilkan sebagai header email.
• Teks footer – Di sini Anda dapat menambahkan teks khusus untuk ditampilkan di footer email. Anda juga akan menemukan dua placeholder untuk digunakan di sini:
  • {Judul situs}
  • {alamat URL}
• Anda juga akan mendapatkan empat opsi untuk menyesuaikan warna email. Anda dapat mengklik bidang masing-masing untuk mengubah warna bagian itu.
• Warna dasar – Warna dasar template dapat dimodifikasi di sini.
• Warna latar belakang – Anda dapat menyesuaikan warna latar belakang template di sini.
• Warna latar belakang badan – Di sinilah Anda dapat mengubah latar belakang badan email.
• Warna teks isi – Di sini Anda dapat mengubah warna teks untuk email.

Wawasan manajemen toko – Anda juga dapat masuk untuk menerima wawasan pengelolaan toko dari WooCommerce di sini. Cukup centang kotak centang untuk mengaktifkan notifikasi ini.

Setelah perubahan diterapkan, template Anda akan memiliki kombinasi warna yang telah Anda pilih. Sebagai contoh, berikut adalah contoh template sesuai dengan pengaturan di atas.

Menyesuaikan Template Email WooCommerce dengan plugin

Sekarang mari kita lihat bagaimana kita dapat menyesuaikan template email WooCommerce dengan plugin WordPress. Untuk artikel ini, kami menggunakan plugin Kadence WooCommerce Email Designer.

Instal dan aktifkan plugin seperti yang Anda lakukan untuk plugin lainnya.

Jika Anda memerlukan bantuan untuk menginstal plugin, berikut adalah artikel kami yang menjelaskan cara menginstal dan mengonfigurasi plugin WooCommerce.

Plugin ini menambahkan banyak opsi personalisasi untuk email Anda. Anda akan dapat menyelaraskan semua email transaksi yang Anda kirim sesuai dengan skema warna dan gaya merek Anda. Untuk artikel ini, kita akan melihat opsi penyesuaian menggunakan notifikasi email Pesanan baru yang sama dengan yang kita gunakan di atas.

Anda dapat mengakses pengaturan plugin melalui WooCommerce > Email Customizer . Di sini, Anda akan menemukan antarmuka yang mirip dengan penyesuai WordPress, yang cukup intuitif untuk digunakan.

Jenis dan teks email

Di sinilah Anda dapat memilih template untuk kustomisasi. Di tengah halaman, Anda akan menemukan pratinjau template yang dapat Anda sesuaikan dengan mudah. Anda akan menemukan opsi berikut di sisi kiri penyesuai.

• Pratinjau Pesanan – Di sini Anda dapat memilih detail pesanan yang ingin Anda gunakan untuk menyesuaikan email. Anda dapat memilih Pesanan Mockup yang disediakan oleh plugin (yang akan dipilih secara default), atau menggunakan salah satu pesanan yang tersedia.
• Jenis Email – Di sinilah Anda menentukan template email yang sedang Anda edit. Semua template email berbeda yang Anda lihat di pengaturan email WooCommerce akan diisi di drop-down. Anda dapat memilih salah satu yang ingin Anda sesuaikan.
• Penerima – Tambahkan id email untuk mengirim email.
• Teks Subjek – Sesuaikan teks subjek.
• Teks Judul – Sesuaikan teks judul
• Teks Subtitle – Anda dapat menambahkan subtitle di bawah judul utama email dengan menambahkan teks di kolom ini.
• Teks Tubuh – Plugin ini memungkinkan Anda menambahkan teks isi sesuai dengan persyaratan, yang tidak dapat Anda kelola dengan WooCommerce secara default.
• Konten Tambahan – Di sini Anda dapat menambahkan atau memodifikasi konten tambahan.
• Placeholder yang Tersedia – Plugin ini menawarkan beberapa placeholder selain opsi default. Opsi yang tersedia adalah:
  • {Judul situs}
  • {tanggal pemesanan}
  • {jumlah order}
  • {nama_nama_pelanggan}
  • {nama_belakang_pelanggan}
  • {nama_lengkap_pelanggan}
  • {nama_pengguna}
  • {surel pelanggan}

    

Template bawaan

Plugin ini juga menawarkan beberapa template bawaan yang dapat Anda gunakan sebagai pengganti template WooCommerce default. Anda dapat memilih salah satu templat yang dibuat sebelumnya dan menyesuaikannya sesuai dengan kebutuhan toko Anda.

Opsi penyesuaian lebih lanjut

Selain itu, plugin ini menawarkan beberapa opsi lagi untuk disesuaikan. Ini termasuk:

• Wadah – Di sini Anda dapat menyesuaikan berbagai aspek wadah. Anda dapat menyesuaikan warna latar belakang, radius batas, lebar batas, dan banyak lagi.
• Header – Di bawah bagian Header, Anda dapat menyesuaikan tiga bagian secara terpisah. Ini adalah gambar Header, gaya Header dan konten Heading.
• Konten – Anda akan menemukan lebih banyak opsi untuk menyesuaikan aspek visual konten di sini. Opsi yang tersedia dengan plugin ini termasuk gaya teks konten, cara menampilkan item dalam urutan, gaya tombol yang berbeda, dan banyak lagi.
• Footer – Di sini Anda dapat mengontrol gaya footer, serta menambahkan tombol media sosial untuk ditampilkan.
• CSS Khusus – Anda dapat menambahkan CSS khusus di bidang yang disediakan untuk ini.
• Ekspor dan Impor – Anda dapat mengekspor dan mengimpor pengaturan penyesuaian dari dan ke plugin, jika diperlukan.
• Pratinjau – Ini juga memungkinkan Anda untuk mengirim email pratinjau ke id email tertentu, sehingga Anda akan mendapatkan gagasan yang jelas tentang gaya yang telah Anda terapkan.

  

Ini adalah beberapa contoh opsi penyesuaian tambahan yang akan Anda dapatkan saat menggunakan plugin alih-alih pengaturan default WooCommerce. Tergantung pada plugin yang Anda gunakan, pengaturan ini akan berubah. Anda dapat melihat berbagai plugin yang akan membantu Anda menyesuaikan template email WooCommerce, dan memilih yang paling sesuai.

Plugin untuk membantu dalam Menyesuaikan Template Email WooCommerce

Sekarang kami akan mencantumkan beberapa plugin populer yang membantu dalam menyesuaikan template Email WooCommerce dan fitur-fiturnya.

Penyesuai Email WooCommerce

Plugin ini akan membantu Anda memastikan bahwa semua email dari toko Anda dipersonalisasi sesuai kebutuhan Anda. Ini menawarkan antarmuka yang sangat ramah pengguna yang menawarkan editor visual untuk membantu Anda menyesuaikan template email Anda. Anda akan dapat melihat modifikasi yang diterapkan pada template secara real time. Penyesuai memiliki pengaturan berbeda yang memungkinkan Anda menyesuaikan berbagai bagian email seperti header, body, footer, dll.

Biaya plugin adalah $79.

Penyesuai Email Pro

Plugin ini membantu Anda mempersonalisasi email transaksi WooCommerce Anda secara efektif sehingga pengenalan merek Anda ditingkatkan. Ini akan memberi Anda berbagai templat yang dirancang secara profesional, yang dapat Anda sesuaikan lebih lanjut sesuai dengan kebutuhan Anda. Anda akan menemukan empat templat berbeda dan Anda dapat menyesuaikannya tanpa pengetahuan pengkodean apa pun. Selain itu, plugin membantu Anda memasukkan tautan yang relevan dan ikon media sosial di email. Selain itu, plugin juga menawarkan opsi untuk menampilkan rekomendasi produk di email.

Lampiran Email

Plugin ini memungkinkan Anda menambahkan lampiran ke email transaksi WooCommerce. Anda akan dapat memasukkan sejumlah lampiran dan plugin memungkinkan Anda untuk menambahkan jenis file yang berbeda. Anda juga dapat menambahkan penerima tambahan ke email Anda dalam bentuk CC dan BCC. Selain itu, ini memungkinkan Anda untuk menambahkan judul dan isi pemberitahuan tambahan di footer, sehingga penerima mengetahui lampiran email tersebut.

Jika Anda menggunakan ekstensi untuk WooCommerce yang menghasilkan email, plugin ini akan memungkinkan Anda menyesuaikan template tersebut juga. Namun, agar ini berfungsi, ekstensi harus menggunakan API Email WooCommerce.

Anda bisa mendapatkan plugin seharga $29.

Beberapa Lampiran Email

Ini adalah plugin lain yang dapat Anda gunakan untuk menyertakan lampiran dalam email transaksi WooCommerce. Anda akan dapat meningkatkan pengalaman pelanggan di toko Anda, dengan mengirimkan lampiran dengan instruksi untuk menyiapkan produk, detail garansi, dll. Plugin membantu Anda menambahkan lampiran ke email transaksi default yang merupakan bagian dari WooCommerce. Selain itu, ini memungkinkan Anda menambahkan lampiran ke template email yang dibuat oleh plugin yang mengikuti API Email WooCommerce.

Plugin ini memiliki label harga $29.

Email Pembatalan Pesanan ke Pelanggan

Secara default, WooCommerce mengirimkan email ke admin toko saat pesanan dibatalkan oleh admin. Dengan plugin ini, Anda dapat mengirim email tambahan secara otomatis ke pelanggan, ketika admin toko membatalkan pesanan dari backend. Plugin mengikuti format email pembatalan pesanan default WooCommerce. Selain itu, Anda akan dapat menyesuaikan subjek, header, dan konten email sebagai email transaksi Anda yang lain.

Anda perlu mengeluarkan $29 untuk mendapatkan plugin ini untuk toko Anda.

Template email YITH WooCommerce

Anda dapat mempersonalisasi email transaksi WooCommerce Anda dan memberi mereka tampilan yang lebih profesional dengan bantuan plugin ini. Anda akan dapat menyesuaikan template email yang ada dengan menambahkan detail dan opsi tambahan seperti ikon media sosial. Selain itu, plugin ini menawarkan beberapa template siap pakai yang dapat Anda gunakan jika Anda tidak ingin menggunakan template default. Plugin ini juga membantu Anda memberikan tautan yang berguna kepada pelanggan melalui email ini.

Keuntungan lain menggunakan plugin ini adalah Anda akan dapat melihat perubahan yang Anda buat secara real time melalui opsi pratinjau. Juga, ini memungkinkan terjemahan email yang mudah dengan bantuan kompatibilitas WPML.

Biaya lisensi situs tunggal dari plugin ini adalah $69,99

Desainer Email Kadence WooCommerce

Ini adalah plugin yang telah kami gunakan dalam demonstrasi di atas untuk menunjukkan opsi penyesuaian tambahan yang berbeda untuk email WooCommerce Anda. Plugin ini, meskipun gratis, adalah pilihan yang bagus karena menawarkan berbagai pilihan untuk menyesuaikan template email yang berbeda. Anda akan mendapatkan pratinjau waktu nyata untuk memahami perubahan yang Anda buat, serta mendapatkan templat yang dibuat sebelumnya untuk penyesuaian yang mudah.

Selain itu, plugin ini menawarkan opsi untuk mengirim email percobaan sehingga Anda bisa sangat jelas tentang tampilan setiap email Anda. Selain itu, plugin memiliki opsi impor dan ekspor untuk membantu Anda memigrasikan pengaturan penyesuaian dengan mudah. Ini jelas merupakan opsi gratis yang bagus untuk menyesuaikan email transaksi WooCommerce Anda bahkan jika Anda bukan ahli WordPress.

MailPoet – email dan buletin di WordPress

Plugin ini terutama menawarkan opsi yang bagus untuk membantu Anda membangun pelanggan buletin Anda. Ini memungkinkan Anda untuk menambahkan formulir berlangganan buletin ke situs WordPress Anda dengan mudah. Selanjutnya, Anda dapat mengelola daftar pelanggan dan juga mengonfigurasi email selamat datang otomatis ke pelanggan baru. Plugin ini juga membantu Anda dalam menyesuaikan template email WooCommerce serta mengirim email upsell saat pelanggan melakukan pembelian pertama mereka atau membeli produk dari kategori tertentu.

Perancang Template Email WordPress – WP HTML Mail

Ini adalah opsi komprehensif untuk menangani email dari situs WordPress Anda. Ini membantu Anda menyesuaikan template email default WooCommerce serta EDD. Selain itu, Anda dapat menggunakan plugin untuk mengirim email untuk mengonfirmasi pengiriman formulir kontak. Selain itu, plugin ini menawarkan template siap pakai yang akan sangat mengurangi upaya Anda dalam penyesuaian. Juga, plugin menawarkan pratinjau langsung dan opsi untuk mengirim email uji ke id email tertentu.

Penyesuai Email untuk WooCommerce

Ini adalah opsi populer lainnya yang memungkinkan kustomisasi ekstensif template email WooCommerce. Plugin ini menawarkan 11 templat bawaan yang akan membantu Anda memberikan tampilan baru pada email transaksi WooCommerce Anda. Sorotan lain dari plugin ini adalah Anda dapat menambahkan jumlah baris yang tidak terbatas ke template email Anda. Beberapa fitur berguna lainnya dari plugin ini adalah placeholder dinamis, pratinjau langsung, email uji, dll.

Kami harap artikel ini memberi Anda ide yang jelas tentang menyesuaikan template email WooCommerce. Tinggalkan kami komentar jika Anda memiliki pertanyaan.

Bacaan lebih lanjut

• Plugin email tindak lanjut WooCommerce terbaik.
• Bagaimana cara mengatur email pemulihan keranjang di WooCommerce?
• WooCommerce Tidak Mengirim Email