Cara Menyesuaikan Email WooCommerce + Pratinjau Sebelum Dikirim

Berjuang dengan cara menyesuaikan email WooCommerce ?

WooCommerce sudah menawarkan email transaksional otomatis untuk lebih dari 10 tindakan seperti pesanan baru, pesanan yang diproses, dan akun baru. Namun, Anda mungkin ingin menyesuaikan email tersebut untuk menjadikannya milik Anda sendiri.

Dalam tutorial langkah demi langkah ini, Anda akan belajar cara menyesuaikan email WooCommerce menggunakan pengaturan bawaan di WooCommerce, serta beberapa plugin gratis atau berbayar yang dapat Anda gunakan untuk mendapatkan kontrol lebih besar atas email toko Anda.

Daftar Isi:

Mengapa Anda harus menyesuaikan email WooCommerce?

• Untuk mengubah dari ungu WooCommerce default menjadi warna yang lebih cocok untuk merek Anda.
• Untuk menambahkan personalisasi dan suara merek ke template email.
• Untuk mengubah pengaturan seperti nama “Dari” atau alamat “Dari”.
• Untuk menambahkan elemen media seperti logo, gambar header, atau GIF animasi.
• Untuk menonaktifkan beberapa pesan otomatis yang tidak sesuai dengan operasi Anda.
• Untuk menautkan ke halaman dukungan, peningkatan penjualan, atau promosi.
• Untuk beralih antara HTML dan jenis email teks.
• Untuk mempratinjau tampilan email sebelum mengaktifkannya untuk otomatisasi.

Cara menyesuaikan email WooCommerce

Hanya dengan pengaturan bawaan di WooCommerce, Anda dapat menyesuaikan beberapa bagian email WooCommerce Anda, termasuk:

• Opsi pengirim email ️
• Tema email umum
• Konten email tertentu

Kami akan menunjukkan cara menyesuaikan pengaturan bawaan ini di bawah. Kemudian, setelah itu, kami juga akan membagikan beberapa plugin kustomisasi email WooCommerce yang memberi Anda lebih banyak fleksibilitas jika diperlukan.

Langkah 1: Buka pengaturan email di WooCommerce

Di dasbor WordPress Anda, navigasikan ke WooCommerce > Pengaturan > Email . Di sini, Anda akan melihat judul utama untuk Notifikasi Email , bersama dengan daftar email notifikasi default yang telah dikonfigurasi WooCommerce untuk Anda.

Langkah 2: Sesuaikan opsi dan template pengirim email

Gulir melewati daftar pemberitahuan email untuk menemukan bagian yang disebut “Opsi pengirim email”.

Anda akan melihat dua bidang:

• Nama “Dari”: nama yang dilihat pelanggan saat mereka menerima email—tetap berpegang pada nama bisnis, atau kemungkinan orang sungguhan jika mereka adalah bagian dari strategi branding Anda.
• Alamat “Dari”: alamat email “dari” yang dapat dihubungi pengguna jika mereka membalas email otomatis.

Ubah bidang tersebut sesuai kebutuhan.

Di bawah bagian Template Email , Anda dapat mulai menyesuaikan elemen seperti:

• Gambar tajuk
• Catatan kaki
• Warna dasar
• Warna latar belakang tubuh
• Warna teks tubuh

Jika Anda ingin menambahkan gambar header khusus ke email, tempelkan URL gambar tersebut ke bidang Gambar Header . Anda dapat meng-host gambar di Perpustakaan Media WordPress Anda dan mendapatkan URL gambar dari sana.

Kami juga merekomendasikan untuk menghapus teks “Built with WooCommerce” dari footer. Anda dipersilakan untuk menambahkan apa pun yang Anda inginkan di footer.

Lebih jauh ke bawah di area Template Email , Anda akan menemukan pengaturan warna untuk template email WooCommerce umum. Seperti yang disebutkan sebelumnya, WooCommerce secara otomatis menambahkan warna ungu default sebagai warna dasar, yang tidak Anda inginkan saat menjalankan toko online .

Pilih warna yang sesuai dengan merek Anda sebagai Warna Dasar dan pertimbangkan untuk mengubah bidang warna lain jika perlu.

Klik Simpan Perubahan setelah selesai.

Langkah 3: Sesuaikan email WooCommerce tertentu

Dari email Pesanan Baru hingga email Pesanan Selesai , WooCommerce menyediakan templat prasetel yang secara otomatis dikirim ke admin situs dan pelanggan untuk memberi tahu semua orang tentang pesanan. Namun, Anda ingin menyesuaikan beberapa email ini untuk menyertakan konten Anda sendiri dan menghapus beberapa default WooCommerce yang tidak perlu.

Selesaikan penyesuaian email individual ini dengan mengklik Kelola di sebelah email yang ingin Anda edit. Bukan ide yang buruk untuk memulai dengan email “Memproses Pesanan” dan “Pesanan Selesai” , karena email tersebut adalah yang paling sering dilihat oleh pelanggan.

Telusuri bidang-bidang berikut berdasarkan kebutuhan Anda:

• Aktifkan/Nonaktifkan
• Subjek
• Judul email
• Konten tambahan

Kami menyarankan untuk tetap mengaktifkan semua email WooCommerce kecuali Anda memiliki keadaan unik di mana Anda tidak memerlukannya, atau jika Anda bermaksud menggunakan plugin terpisah untuk email transaksional.

Bidang seperti Subjek , Judul Email , dan Konten Tambahan mendikte konten email Anda secara keseluruhan, jadi sesuaikan sesuai kebutuhan.

Klik "?" ikon untuk melihat placeholder dinamis mana yang tersedia untuk dimasukkan ke dalam bidang konten. Misalnya, Anda dapat menggunakan placeholder agar WooCommerce mengisi tautan ke situs web Anda di setiap email.

Langkah 4: Jadikan itu sebagai HTML atau email teks biasa

Klik bidang Jenis Email untuk melihat opsi Anda. Pilih salah satu dari berikut ini:

• Teks biasa: email tanpa gambar atau format
• HTML: email dengan konten kaya seperti gambar, tabel, dan pemformatan
• Multipart: yang satu ini secara dinamis beralih antara teks biasa dan HTML berdasarkan klien email pengguna, karena beberapa klien tidak mendukung email HTML

Langkah 5: Pertimbangkan untuk mengedit template HTML

Di bagian paling bawah halaman, Anda akan melihat bagian yang disebut “template HTML”. WooCommerce tidak memiliki editor drag-and-drop untuk emailnya, tetapi Anda dapat menyesuaikan kode HTML setiap email.

Klik tombol Lihat Template untuk melihat kodenya.

WooCommerce mengunci template HTML default-nya, jadi Anda tidak dapat mengedit apa pun. Namun, Anda dapat mengklik tombol Salin File Ke Tema untuk mengganti dan mengedit template.

Setelah itu, Anda dapat meletakkan kursor ke editor teks dan membuat perubahan. Kami hanya menyarankan menggunakan bagian ini jika Anda ahli dengan HTML.

Jika Anda merasa tidak nyaman mengedit kode ini secara langsung, Anda mungkin ingin menyewa pengembang WordPress. Atau, Anda dapat mencoba salah satu plugin email WooCommerce yang akan kami bagikan di bagian selanjutnya.

Dan begitulah cara Anda menyesuaikan email WooCommerce! Klik tombol Simpan Perubahan untuk menyelesaikan proses.

Cara melihat pratinjau email WooCommerce

Anda harus melihat pratinjau email transaksional Anda sebelum dikirim ke pelanggan. Dengan cara ini, Anda dapat memeriksa kesalahan ejaan, branding WooCommerce yang perlu diubah, dan peluang untuk promosi atau peningkatan penjualan.

Inilah cara melihat pratinjau email WooCommerce Anda.

Langkah 1: Lihat pratinjau visual dari template email umum Anda

Di bawah WooCommerce > Pengaturan > Email , temukan bagian Template Email dan klik tautan yang bertuliskan “Klik di sini untuk melihat pratinjau template email Anda.”

Itu membuka jendela browser baru yang menampilkan email dengan pengaturan email umum yang Anda tentukan. Anda akan melihat warna baru, gambar header, dan footer yang diedit jika Anda mengubah semua itu. Ingatlah bahwa konten untuk pratinjau template tetap umum.

Langkah 2: Jalankan transaksi uji untuk melihat email individual dengan konten dinamis

Anda kemungkinan besar ingin melihat email sebenarnya yang dikirim ke pelanggan, tetapi WooCommerce tidak memiliki fitur untuk melihat pratinjau visual tersebut. Sebagai gantinya, Anda harus menjalankan transaksi uji untuk memicu email ke kotak masuk Anda sendiri.

Berikut cara melakukannya:

1. Pastikan Anda memiliki Pembayaran WooCommerce, dan metode pembayaran Stripe, diaktifkan.
2. Tambahkan item ke keranjang Anda dan isi informasi seolah-olah Anda adalah pelanggan.
3. Di bidang Email , tambahkan alamat email Anda.
4. Di bidang kartu kredit, gunakan salah satu kartu pengujian Stripe untuk memproses pembayaran.
5. Selesai memeriksa.

Transaksi percobaan akan mengirimi Anda email Pemrosesan Pesanan , yang memungkinkan Anda melihat bagaimana email tersebut dirender untuk pelanggan. Periksa apakah tag dinamis muncul dengan benar, dan semua merek Anda serta teks yang disisipkan ditampilkan dengan benar.

Untuk memicu email lain, buka WooCommerce > Pesanan , dan sesuaikan bidang Status ke yang lain. Sebagai contoh, Anda dapat mengubahnya menjadi Completed untuk memicu email Completed Order dari WooCommerce. Pastikan Anda mengklik tombol Perbarui untuk menyimpan perubahan.

Kemudian dikirim ke kotak masuk Anda untuk Anda tinjau.

Untuk menyederhanakan prosesnya, Anda dapat mempertimbangkan plugin seperti WooCommerce Email Test.

Plugin yang membantu menyesuaikan email WooCommerce

Beberapa plugin menyediakan alat kustomisasi email WooCommerce canggih, baik memperluas fitur saat ini di WooCommerce atau sepenuhnya mengesampingkannya untuk pengalaman yang lebih ramah pengguna (biasanya drag-and-drop).

Berikut adalah beberapa plugin penyesuai WooCommerce untuk dipertimbangkan:

Anda juga dapat mengganti email transaksional WooCommerce dengan layanan pemasaran email, seperti Omnisend, MailPoet, atau Sendinblue, yang semuanya menawarkan otomatisasi e-niaga dan opsi tambahan untuk hal-hal seperti pemulihan keranjang yang ditinggalkan.

Sesuaikan email WooCommerce Anda hari ini

Sebagian besar toko e-niaga pemula dapat lolos dengan kustomisasi email dasar WooCommerce, tetapi kami menyarankan untuk membayar editor email premium seperti salah satu plugin atau perangkat lunak pemasaran email yang kami bahas di atas.

Setelah Anda mengetahui email transaksional toko Anda, Anda dapat membaca panduan kami tentang pemasaran email WooCommerce untuk memaku email pemasaran Anda juga.

Jika Anda memerlukan klarifikasi tentang cara menyesuaikan email WooCommerce, atau ingin berbagi kiat apa pun yang Anda miliki dengan pengguna lain yang mengedit email mereka, beri kami catatan di komentar!