Helo, bahagian ini berkongsi artikel tentang Penyesuai Templat E-mel WooCommerce, pemalam reka bentuk untuk halaman e-mel.

Kami telah menyediakan pemalam ini, yang boleh menentukan secara langsung gaya E-mel WooCommerce kami. Kami menyediakan beberapa versi. Kita hanya boleh menggunakan versi tertinggi.

Gaya e-mel lalai:

Jadi, bilakah e-mel WooCommerce kami biasanya akan dihantar? Kami memasuki bahagian belakang kami, mencari WooCommerce, dan kemudian mencari tetapan. Terdapat e-mel dalam tetapan.

1 Penyesuai Templat E-mel Woocommerce e1713881181503

Kami klik untuk membuka. Jika anda memasang pemalam WooCommerce, ia akan membantu kami menyediakan e-mel seperti ini. Contohnya, jika kedai anda menerima pesanan baharu, ia akan menghantar e-mel ke alamat e-mel pentadbir anda. Pelanggan juga boleh menerima e-mel untuk pesanan yang dibuat oleh mereka sendiri, tetapi gaya e-mel itu agak hodoh, jadi kami klik pada Urus ini untuk melihat. Kandungan di sini sangat mudah. Sudah tentu, pertama sekali, anda mesti mengisi e-mel Hantar anda, dan kemudian kami akan melihat beberapa kod di dalamnya. Sudah tentu, anda juga boleh mengedit kod ini, dan anda juga boleh menontonnya.

2 Antara Muka Asal E-mel Woocommerce e1713881226877

Kami melihat bahawa apa yang kami terima dalam e-mel anda ialah e-mel jenis ini, dengan hanya beberapa teks, jadi kesannya tidak begitu menarik.

3 Gaya E-mel Lalai Woocommerce

Jadi kadangkala, kita perlu menetapkan gaya e-mel ini secara berasingan dalam e-mel kita. Sebagai contoh, kami menambah logo kami dan kemudian menyerlahkan atribut jenama kami atau menambah beberapa pengesyoran untuk produk lain, termasuk kupon. Tunggu, kita semua perlu mencipta templat e-mel sedemikian. Sudah tentu, anda juga boleh mengubah suai kod dan gayanya untuk templat e-mel ini. Tetapi jika anda tidak memahami kod itu, kita mesti menggunakannya sekarang. Kami menyediakan anda dengan pemalam templat tersuai sedemikian.

Pemasangan Plugin:

Sekarang, mari pergi terus ke pemasangan, cari pemalam kami, klik Tambah Baharu, pilih pemalam yang kami sediakan, pasang versi tertinggi dan klik Buka. Selepas pemasangan berjaya, kami akan mengaktifkan pemalam. Selepas pengaktifan, ia akan mempunyai penerangan. Kita boleh menolaknya tanpa perlu risau.

4 Penyesuai Templat E-mel Woocommerce Peringatan Tutup e1713881301521

senarai mel woocommerce:

Kemudian, akan ada Templat E-mel tambahan dalam butang fungsi WordPress kami. Apabila kami mengklik untuk membukanya, ia akan menjana semula beberapa templat e-mel di sini. Jadi, sudah tentu, templat e-mel di sini adalah berdasarkan WooCommerce kami, seperti yang baru kami lihat. Kandungan e-mel dalam EMAIL membantu kami mencipta beberapa kesan lalai. Kami boleh menentukan setiap templat secara berasingan, seperti pesanan baharu. Apabila kita mengeditnya kemudian, kita boleh seret dan lepaskannya. Modul dalam templat e-mel adalah sama dengan pemalam yang kami gunakan elementor. Ia memainkan peranan sedemikian.

5 Templat E-mel Woocommerce Penyesuai Templat E-mel Lalai e1713881371888

Sudah tentu, kami juga boleh menambah e-mel baharu, menambah pengepala dan modul bawah padanya, dan menggunakan modul ini untuk memanggilnya dalam e-mel kami.

Yang seterusnya ialah laporan, iaitu laporan data yang kami hantar dan terima melalui e-mel. Berikut ialah tetapan dan sambungan. Di sini, kami klik tetapan. Tetapan adalah sangat mudah. Ia hanya memerlukan anda mengisi kod pengaktifan. Sudah tentu, Versi GPL digunakan di sini, jadi kami tidak perlu mengisi kuncinya di sini.

Yang berikut ialah pegawai yang telah membangunkan pemalam untuk sambungan itu. Dia juga telah membangunkan beberapa pemalam lain untuk kedai kami. Kami juga akan menggunakan pemalam ini kemudian. Kami akan menerangkannya kepada anda apabila kami menggunakannya nanti.

Antara muka penyuntingan e-mel woocommerce:

Biar kami terangkan dahulu fungsi utamanya kepada anda.

Pertama, kami masukkan semua e-mel. Sebagai contoh, kita kini melihat pesanan baharu. Kepada siapa ia dihantar? Ia dihantar ke alamat e-mel pentadbir kami, jadi kami klik edit. Sudah tentu, ia juga boleh disalin, dan kemudian kami klik Edit supaya kami boleh terus memasuki antara muka reka bentuk templat e-mel kami.

6 Antara Muka Editor Gaya E-mel Penyesuai Templat E-mel Woocommerce

Reka bentuknya sama dengan elemenor. Di sebelah kiri adalah fungsinya. Anda boleh menambah modul, seperti menambah reka letaknya, menambah teks di dalam, teks, atau menambah butang, dsb. Ini semua digunakan. Ia sangat mudah, jadi bahagian tengah ialah panel operasinya, dan bahagian kanan mempunyai beberapa fungsinya, seperti tempat e-mel kami digunakan. Sebagai contoh, kita melihat yang pertama kerana kita sedang mengedit pesanan baharu. Apabila pengguna membuat pesanan di tapak bebas kami, dia akan menghantar e-mel kepada pentadbir kami untuk memberitahu kami bahawa pengguna telah membuat pesanan. Sudah tentu, anda juga boleh menerapkannya ke lokasi lain, seperti untuk sesetengah pengguna. Selepas melengkapkan pesanan, menukar kata laluan, menetapkan semula kata laluan, mencipta pengguna, atau mendaftar sebagai ahli di tapak bebas kami, kami boleh menerima beberapa e-mel.

tetapan e-mel woocommerce:

Mari kita lihat kaedah penyuntingannya. Sebagai contoh, pertama sekali, selepas memasang pemalam ini, ia terus mencipta beberapa tetapan untuk e-mel kami. Kemudian, kita boleh pratonton tetapan di dalamnya. Selepas beberapa ketika, kami melihat dua ujian di sini, satu untuk PC kami dan satu untuk telefon bimbit kami. Kemudian, teruskan dan isikan alamat e-mel kami.

7 Ujian Pratonton E-mel Penyesuai Templat E-mel Woocommerce

Sebagai contoh, mari fokus pada e-mel ini sekarang, dan kemudian kami akan menghantarnya dahulu untuk melihat gaya yang kami terima dalam peti mel kami dan klik hantar. Sudah tentu, apabila menghantar e-mel ini, kami melihat bahawa ia telah mendorong kejayaan. Menghantar juga memerlukan tapak bebas anda menyokong penghantaran e-mel. Kami telah memberitahu anda tentang perkara ini sebelum ini. Jika anda tidak menetapkan alamat e-mel penghantaran, ia akan menggunakan PHPmail WordPress secara lalai untuk menghantar, jadi kami perlu memasangnya. Pelayan mel, pemalam yang kami gunakan, dipanggil smtp. Dengan kaedah penghantaran e-mel sedemikian, sebaik sahaja saluran untuk menghantar e-mel anda dibuka dan e-mel berjaya dihantar, kami kini boleh memasuki peti mel kami, melihat sama ada kami telah menerima e-mel itu, dan kemudian menyegarkannya.

8 Gaya E-mel Penyesuai Templat E-mel Woocommerce

Selepas kami memuat semula, kami dapat melihat bahawa kami telah menerima e-mel terkini, dan kemudian kami mengklik untuk membuka e-mel. Sekarang, kita melihat kesan yang dihasilkan oleh templat lalainya. Sudah tentu, pesanan ini tidak wujud, ia hanya apa yang kami tetapkan, kemudian E-mel ini akan lebih kaya daripada e-mel teks sahaja yang kami lihat sebelum ini. Ia juga mengandungi gambar, termasuk kami juga boleh menambah beberapa logo jenama atau akaun media sosial kami supaya pengguna boleh mengetahui lebih lanjut tentang kami. Stesen bebas lebih boleh dipercayai.

pengubahsuaian tajuk e-mel woocommerce:

Mari edit e-mel ini, tetapi anda juga boleh mengubah suai kandungan di atas.

9 Kod Pendek Tajuk E-mel Penyesuai Templat E-mel Woocommerce

Hanya untuk mengubah suai kandungan di dalam, anda perlu tahu bahawa ia mempunyai beberapa panggilan label. Sebagai contoh, yang di atas adalah nama pengguna; ia akan mempunyai panggilan, dan kemudian terdapat kod pendek yang dipanggil nombor pesanan, yang merupakan ID pesanan kami. Ia boleh dilihat di stesen bebas kami. Kami membuka bahagian belakang kami sekali lagi dan memasukkan pesanan untuk WooCommerce, jadi pesanan di stesen bebas kami akan mempunyai nombor pesanan, iaitu nombor pesanan kami supaya dia dapat melihat beberapa pengguna tertentu.

Maklumat: anda boleh mengubah suai kandungan di sini. Sudah tentu, anda boleh mengubah suai teks di sini. Anda boleh mengubah suai kod pendek di atas jika anda tidak mahu menggunakannya. Jika anda ingin menggunakan kod pendek lain, Terdapat butang di belakangnya.

10 Kod Pendek Tajuk E-mel Penyesuai Templat E-mel Woocommerce

Kami mengklik dan melihat lebih banyak kod pendek di sini, seperti e-mel pentadbir, nama tapak kami, alamat tapak, dll. Anda boleh mencuba semuanya. Nama-nama di sini juga sangat mudah.

Editor gaya e-mel Woocommerce:

Sekarang, mari cuba ubah suai kandungan di atas. Ia juga dibahagikan kepada susun atur yang berbeza. Sebagai contoh, jika kita mengklik pada yang pertama, ia akan membawa kita terus ke halaman bloknya kerana, seperti yang baru kami katakan, halaman bloknya Kepala dan bawah diletakkan secara berasingan dalam blok dalam latar belakang pemalam. Kita lihat ada kepala dan bawah di dalamnya. Anda juga boleh mengeditnya di sini.

Sebaik sahaja anda mengkliknya, ia akan melompat ke halaman lain, jadi kami boleh menggantikan logo dengannya di sini.

11 Templat E-mel Woocommerce Pengubahsuaian pengepala logo

Sebagai contoh, jika kita melihat logo di sini, maka kita memadamkan logo ini. Selepas memadamkannya, kami menambah gambar, menyeretnya secara tidak langsung, dan kemudian memuat naik logo kami. Kami mempunyai logo pada desktop komputer. Kemudian, muat naik logo terus. Selepas memuat naik, masukkannya. Selepas memasukkannya, sudah tentu anda boleh mengubah suai gaya logo. Anda juga boleh menambah alamat pada logo. Kami akan menambah alamat stesen bebas kami ke alamat ini. Anda juga boleh menambah atribut Alt padanya. Atribut Alt tidak mempunyai kesan SEO di sini. Ia hanya untuk menambah teks yang pengguna boleh lihat jika logo anda tidak dapat dipaparkan.

12 Templat E-mel Woocommerce Pengubahsuai gaya pengepala logo

Berikut adalah beberapa pengubahsuaian pada gayanya. Sebagai contoh, kita melihat bahawa logo itu agak besar sekarang, jadi kita boleh mengubah suainya menjadi lebih kecil. Contohnya, jika diubah suai kepada 160, logo akan menjadi lebih kecil. Selain itu, penjajaran logo adalah dijajar ke kiri, dijajarkan ke kanan dan ditengah. Anda juga boleh menambah beberapa ayat dalaman padanya, atau anda boleh menambah warna latar belakang padanya. Ini adalah antara muka penyuntingannya.

Sudah tentu, kami juga boleh menyesuaikan beberapa CSS, tetapi kami jarang menggunakannya; kita hanya perlu memahaminya.

Anda juga boleh mengedit kandungan kedua dengan cara yang sama. Selepas mengedit, anda boleh melihatnya. Ini adalah kesan yang dipaparkan pada PC dan telefon bimbit kami. Kemudian, langkah seterusnya ialah menghantar e-mel. Sebaik sahaja ia berjaya dihantar, kami akan mengisi e-mel ujian di sini, mengembalikannya ke peti mel kami dan menyegarkannya.

modul editor e-mel woocommerce:

Selepas menyegarkan, kita dapat melihat bahawa e-mel kedua muncul. E-mel ini hanya mempunyai kandungan yang baru kami buat. Sudah tentu logo kami tidak dipaparkan kerana pemuatan imej mungkin lambat sedikit. Seperti yang anda lihat, pengubahsuaian di kawasan lain adalah sama. Sebagai contoh, jika kami ingin menambah beberapa kandungan di tengah atau di bawah, kami boleh mencari modul kami di sebelah kiri dan menambahnya.

13 Pengenalan Modul Fungsi Penyesuai Templat E-mel Woocommerce

Modul di sini juga sangat mudah. Pertama, reka letaknya boleh membahagikan halaman e-mel kami kepada satu lajur, dua lajur, tiga lajur dan empat lajur. Kemudian, kita boleh menambah beberapa modul di bawah, seperti menambah sekeping teks kita dan kemudian menambah gambar. Butang sebelumnya, dsb., semuanya digunakan dengan cara yang sama seperti pemalam elementor kami, tetapi anda juga boleh menambah kupon. Ini adalah beberapa fungsi asas penyunting pemalam.

Apabila anda ingin menyesuaikan saiz atau gaya beberapa modul dalam e-mel sedia ada kami, begitu juga, selepas kami mengklik pada pen ini, ia akan terus memasuki antara muka penyuntingan modul ini. Sebagai contoh, jika kami melihat bahawa anda telah menambahkannya pada kawasan ini, anda boleh menambah padding atau warna latar belakang padanya. Terdapat juga beberapa lebar di bawah, dan anda juga boleh menambah sudut bulat padanya di kiri dan kanan. Ini adalah sangat mudah.

Anda juga boleh menambah latar belakang pada keseluruhan halaman e-mel. Sebagai contoh, anda boleh menambah gambar atau warna latar belakang. Selepas pengubahsuaian berjaya, cuma klik kemas kini di bahagian bawah untuk menaik tarafnya.

14 Templat E-mel Woocommerce Pengubahsuaian Latar Belakang

Kemudian, terdapat beberapa butang fungsi di sebelah kanan. Sebagai contoh, kita boleh memadamkan e-mel ini atau menyalinnya. Sudah tentu, kami juga boleh menambah beberapa e-mel baharu.

Mari kita lihat di sebelah kanan. Seperti yang baru kami katakan, yang pertama adalah mengenai status e-mel ini. Sebagai contoh, jika pengguna membuat pesanan baharu, kami boleh menghantar e-mel kepadanya. Jika dia membatalkan pesanan Atau pembayaran gagal, sudah tentu, kami juga boleh membuat e-mel baharu untuknya secara berasingan dan menghantarnya kepada pentadbir kami supaya kami boleh memulihkan pesanan itu tepat pada masanya. Anda juga boleh mengubah suai untuk pelanggan. Sebagai contoh, untuk beberapa pesanan yang telah selesai, anda boleh meletakkan nombor bil laluan anda dalam e-mel anda, dan kemudian pengguna boleh mengetahui melalui e-mel tempat barangannya telah dihantar.

15 Tetapan Status Pesanan Penyesuai Templat E-mel Woocommerce

Yang seterusnya ialah susun aturnya. Secara lalai, ia adalah dari kiri ke kanan, tetapi sebagai contoh, di beberapa wilayah Timur Tengah, seperti Arab, ia adalah dari kanan ke kiri, jadi anda juga boleh menetapkannya untuk e-mel kami. Baca dari kanan ke kiri. Terdapat beberapa peraturan di bawah. Sebagai contoh, yang pertama adalah keutamaan. Keutamaan kononnya. Jika anda menyediakan berbilang e-mel untuk pesanan baharu, anda boleh menetapkan keutamaan yang lebih tinggi.

Mula-mula, hantar e-mel ini, dan kemudian anda boleh menyasarkan beberapa negara. Sebagai contoh, katakan anda adalah stesen bebas di berbilang wilayah dan negara. Dalam kes itu, bahasa adalah berbeza di negara yang berbeza, jadi di sini anda boleh menyasarkan negara yang berbeza, menyediakan e-mel pesanan baharu yang sama dalam bahasa yang berbeza dan menghantarnya kepada pelanggan di negara yang berbeza. Ini semua mungkin, termasuk menyediakan e-mel yang berbeza untuk kategori yang berbeza di stesen bebas kami. Ini adalah beberapa peraturan.

Berikut adalah untuk kuota pesanan kami, iaitu kuota minimum dan maksimum. Apa yang mereka maksudkan? Maksudnya, anda telah menetapkan peraturan tertentu untuk e-mel ini. Hanya jika dia memenuhi peraturan ini dia akan menghantar e-mel ini. Tetapi dalam keadaan biasa, kecuali negara dan bahasa ini, kami akan lalai menggunakannya.

Yang seterusnya ialah ujian. Apa yang baru kami uji ialah e-mel #15906, jadi e-mel yang kami terima mempunyai tajuk kami di dalamnya, atau anda boleh melihat nombor pesanan dalam e-mel kami. Sudah tentu, ini adalah e-mel Ujian e-mel, jadi ia tidak boleh dilihat dalam tajuk e-mel dalam tajuk kami, tetapi ia boleh dilihat di dalam. Kemudian di bahagian bawah kita melihat bahawa terdapat beberapa fungsi, iaitu, anda boleh mengimport dan mengeksport tetapan e-mel ini atau Ia adalah salinan. Sebagai contoh, jika kita mengeksport, ia akan mempunyai beberapa tetapan. Kemudian, untuk e-mel anda yang seterusnya, anda boleh meletakkan tetapan ini terus ke dalam e-mel lain untuk diedit dan disimpan. Kemudian, gaya e-melnya akan konsisten dan Kondusif kepada konsistensi gaya jenama kami.

16 Templat E-mel Woocommerce Tetapan Penyesuai Import Eksport

Okay, ini cara menggunakan plugin editor untuk e-mel.