วิธีปรับแต่งอีเมล WooCommerce + ดูตัวอย่างก่อนส่ง

ดิ้นรนกับ วิธีปรับแต่งอีเมล WooCommerce หรือไม่

WooCommerce ให้บริการอีเมลธุรกรรมอัตโนมัติสำหรับการดำเนินการมากกว่า 10 รายการ เช่น คำสั่งซื้อใหม่ คำสั่งซื้อที่ดำเนินการแล้ว และบัญชีใหม่ อย่างไรก็ตาม คุณอาจต้องการปรับแต่งอีเมลเหล่านั้นเพื่อให้เป็นอีเมลของคุณเอง

ในบทช่วยสอนแบบทีละขั้นตอนนี้ คุณจะได้เรียนรู้วิธีปรับแต่งอีเมลของ WooCommerce โดยใช้การตั้งค่าในตัวใน WooCommerce รวมถึงปลั๊กอินฟรีหรือแบบชำระเงินบางส่วนที่คุณสามารถใช้เพื่อควบคุมอีเมลของร้านค้าของคุณได้มากยิ่งขึ้น

สารบัญ:

เหตุใดคุณจึงควรปรับแต่งอีเมล WooCommerce

• หากต้องการเปลี่ยนจากสีม่วงเริ่มต้นของ WooCommerce เป็นสีที่เหมาะสมกับแบรนด์ของคุณมากขึ้น
• เพื่อเพิ่มความเป็นส่วนตัวและเสียงแบรนด์ให้กับเทมเพลตอีเมล
• หากต้องการเปลี่ยนการตั้งค่า เช่น ชื่อ "จาก" หรือที่อยู่ "จาก"
• เพื่อเพิ่มองค์ประกอบสื่อ เช่น โลโก้ รูปภาพส่วนหัว หรือ GIF แบบเคลื่อนไหว
• เพื่อปิดใช้งานข้อความอัตโนมัติบางอย่างที่ไม่เหมาะกับการทำงานของคุณ
• เพื่อเชื่อมโยงไปยังหน้าสนับสนุน การขายต่อ หรือโปรโมชั่น
• เพื่อสลับระหว่างประเภทอีเมล HTML และข้อความ
• เพื่อดูตัวอย่างว่าอีเมลมีลักษณะอย่างไรก่อนเปิดใช้ระบบอัตโนมัติ

วิธีปรับแต่งอีเมล WooCommerce

ด้วยการตั้งค่าในตัวใน WooCommerce คุณสามารถปรับแต่งส่วนต่างๆ ของอีเมล WooCommerce ได้หลายส่วน ได้แก่:

• ตัวเลือกผู้ส่งอีเมล ️
• ธีมอีเมลทั่วไป
• เนื้อหาอีเมลเฉพาะ

เราจะแสดงวิธีปรับแต่งการตั้งค่าในตัวเหล่านี้ด้านล่าง หลังจากนั้น เราจะแชร์ปลั๊กอินการปรับแต่งอีเมล WooCommerce บางส่วนที่ช่วยให้คุณมีความยืดหยุ่นมากขึ้นหากจำเป็น

ขั้นตอนที่ 1: ไปที่การตั้งค่าอีเมลใน WooCommerce

ในแดชบอร์ด WordPress ให้ไปที่ WooCommerce > Settings > Emails ที่นี่ คุณจะเห็นพาดหัวสำหรับ Email Notifications พร้อมด้วยรายการอีเมลแจ้งเตือนเริ่มต้นที่ WooCommerce ได้กำหนดค่าไว้สำหรับคุณแล้ว

ขั้นตอนที่ 2: ปรับแต่งตัวเลือกและเทมเพลตผู้ส่งอีเมล

เลื่อนผ่านรายการการแจ้งเตือนทางอีเมลเพื่อค้นหาส่วนที่เรียกว่า "ตัวเลือกผู้ส่งอีเมล"

คุณจะเห็นสองฟิลด์:

• ชื่อ "จาก": ชื่อที่ลูกค้าเห็นเมื่อได้รับอีเมล ใช้ชื่อธุรกิจหรืออาจเป็นบุคคลจริงหากพวกเขาเป็นส่วนหนึ่งของกลยุทธ์การสร้างแบรนด์ของคุณ
• ที่อยู่ "จาก": ที่อยู่อีเมล "จาก" ที่ผู้ใช้สามารถติดต่อได้หากตอบกลับอีเมลอัตโนมัติ

แก้ไขฟิลด์เหล่านั้นตามต้องการ

ในส่วน เทมเพลตอีเมล คุณสามารถเริ่มปรับแต่งองค์ประกอบต่างๆ เช่น:

• รูปภาพส่วนหัว
• ข้อความส่วนท้าย
• สีพื้น
• สีพื้นหลังของร่างกาย
• สีข้อความเนื้อหา

หากคุณต้องการเพิ่มรูปภาพส่วนหัวที่กำหนดเองในอีเมล ให้วาง URL ของรูปภาพลงในช่อง รูปภาพส่วนหัว คุณสามารถโฮสต์รูปภาพใน WordPress Media Library และรับ URL ของรูปภาพจากที่นั่น

นอกจากนี้เรายังแนะนำให้ลบข้อความ "Built with WooCommerce" ออกจากส่วนท้าย คุณสามารถเพิ่มสิ่งอื่นที่คุณต้องการในส่วนท้าย

ด้านล่างในพื้นที่ เทมเพลตอีเมล คุณจะพบการตั้งค่าสีสำหรับเทมเพลตอีเมล WooCommerce ทั่วไป ดังที่กล่าวไว้ก่อนหน้านี้ WooCommerce จะเพิ่มสีม่วงเริ่มต้นโดยอัตโนมัติเป็นสีพื้นฐาน ซึ่ง ไม่ใช่ สิ่งที่คุณต้องการเมื่อเปิดร้านค้า ออนไลน์

เลือกสีที่สอดคล้องกับแบรนด์ของคุณเป็น สีพื้นฐาน และพิจารณาเปลี่ยนฟิลด์สีอื่นๆ หากคุณต้องการ

คลิก บันทึกการเปลี่ยนแปลง เมื่อคุณทำเสร็จแล้ว

ขั้นตอนที่ 3: ปรับแต่งอีเมล WooCommerce เฉพาะ

ตั้งแต่อีเมล คำสั่งซื้อใหม่ ไปจนถึงอีเมลคำสั่งซื้อที่ เสร็จสมบูรณ์ WooCommerce มีเทมเพลตที่ตั้งไว้ล่วงหน้าซึ่งจะถูกส่งไปยังผู้ดูแลไซต์และลูกค้าโดยอัตโนมัติเพื่อให้ทุกคนทราบเกี่ยวกับคำสั่งซื้อ อย่างไรก็ตาม คุณจะต้องปรับแต่งอีเมลเหล่านี้บางส่วนเพื่อรวมเนื้อหาของคุณเองและลบค่าเริ่มต้นของ WooCommerce ที่ไม่จำเป็นออก

ปรับแต่งอีเมลแต่ละรายการเหล่านี้ให้สมบูรณ์โดยคลิก จัดการ ถัดจากอีเมลที่คุณต้องการแก้ไข ไม่ใช่ความคิดที่ดีที่จะเริ่มต้นด้วยอีเมล "กำลังดำเนิน การคำสั่งซื้อ" และ "คำสั่งซื้อที่เสร็จสมบูรณ์" เนื่องจากเป็นอีเมลที่ลูกค้ามักเข้าชมบ่อยที่สุด

เดินผ่านฟิลด์ต่อไปนี้ตามความต้องการของคุณ:

• เปิดปิด
• เรื่อง
• หัวเรื่องอีเมล
• เนื้อหาเพิ่มเติม

เราแนะนำให้เปิดใช้งานอีเมล WooCommerce ทั้งหมด เว้นแต่คุณจะมีสถานการณ์เฉพาะที่คุณไม่ต้องการอีเมลเหล่านี้ หรือหากคุณต้องการใช้ปลั๊กอินแยกต่างหากสำหรับอีเมลธุรกรรม

ฟิลด์ต่างๆ เช่น หัวเรื่อง หัวเรื่อง อีเมล และ เนื้อหาเพิ่มเติม กำหนดเนื้อหาอีเมลโดยรวมของคุณ ดังนั้นให้ปรับเปลี่ยนตามต้องการ

คลิกที่ปุ่ม “?” ไอคอนเพื่อดูว่ามีตัวยึดแบบไดนามิกใดบ้างที่สามารถแทรกลงในช่องเนื้อหาได้ ตัวอย่างเช่น คุณสามารถใช้ตัวยึดตำแหน่งเพื่อให้ WooCommerce กรอกลิงก์ไปยังเว็บไซต์ของคุณในอีเมลแต่ละฉบับ

ขั้นตอนที่ 4: ทำให้เป็น HTML หรืออีเมลข้อความธรรมดา

คลิกช่อง ประเภทอีเมล เพื่อดูตัวเลือกของคุณ เลือกอย่างใดอย่างหนึ่งต่อไปนี้:

• ข้อความธรรมดา: อีเมลที่ไม่มีรูปภาพหรือการจัดรูปแบบ
• HTML: อีเมลที่มีเนื้อหาหลากหลาย เช่น รูปภาพ ตาราง และการจัดรูปแบบ
• หลายส่วน: ส่วนนี้จะสลับไปมาระหว่างข้อความธรรมดาและ HTML แบบไดนามิกตามไคลเอนต์อีเมลของผู้ใช้ เนื่องจากไคลเอนต์บางตัวไม่รองรับอีเมล HTML

ขั้นตอนที่ 5: พิจารณาแก้ไขเทมเพลต HTML

ที่ด้านล่างสุดของหน้า คุณจะเห็นส่วนที่เรียกว่า "เทมเพลต HTML" WooCommerce ไม่มีตัวแก้ไขแบบลากและวางสำหรับอีเมล แต่คุณสามารถปรับแต่งโค้ด HTML ของอีเมลแต่ละฉบับได้

คลิกที่ปุ่ม ดูเทมเพลต เพื่อดูรหัส

WooCommerce ล็อกเทมเพลต HTML เริ่มต้น ดังนั้นคุณจึงไม่สามารถแก้ไขได้ใดๆ อย่างไรก็ตาม คุณสามารถคลิกปุ่ม คัดลอกไฟล์ไปยังธีม เพื่อแทนที่และแก้ไขเทมเพลตได้

หลังจากนั้น คุณสามารถวางเคอร์เซอร์ลงในโปรแกรมแก้ไขข้อความและทำการเปลี่ยนแปลงได้ เราแนะนำให้ใช้ส่วนนี้หากคุณมีทักษะด้าน HTML เท่านั้น

หากคุณไม่สะดวกที่จะแก้ไขโค้ดนี้โดยตรง คุณอาจต้องการจ้างนักพัฒนา WordPress หรือคุณสามารถลองใช้ปลั๊กอินอีเมล WooCommerce ตัวใดตัวหนึ่งที่เราจะแชร์ในหัวข้อถัดไป

และนั่นคือวิธีปรับแต่งอีเมล WooCommerce! คลิกปุ่ม บันทึกการเปลี่ยนแปลง เพื่อสิ้นสุดกระบวนการ

วิธีดูตัวอย่างอีเมล WooCommerce

คุณ ต้อง ดูตัวอย่างอีเมลธุรกรรมของคุณก่อนจะถูกส่งไปยังลูกค้า ด้วยวิธีนี้ คุณสามารถตรวจสอบการสะกดผิด การสร้างแบรนด์ WooCommerce ที่ต้องการการเปลี่ยนแปลง และโอกาสในการส่งเสริมการขายหรือการเพิ่มยอดขาย

ต่อไปนี้คือวิธีดูตัวอย่างอีเมล WooCommerce ของคุณ

ขั้นตอนที่ 1: ดูตัวอย่างภาพของเทมเพลตอีเมลทั่วไปของคุณ

ภายใต้ WooCommerce > การตั้งค่า > อีเมล ค้นหาส่วน เทมเพลตอีเมล แล้วคลิกลิงก์ที่ระบุว่า "คลิกที่นี่เพื่อดูตัวอย่างเทมเพลตอีเมลของคุณ"

ซึ่งจะเปิดหน้าต่างเบราว์เซอร์ใหม่ที่แสดงอีเมลพร้อมการตั้งค่าอีเมลทั่วไปที่คุณระบุ คุณควรเห็นสีใหม่ รูปภาพส่วนหัว และส่วนท้ายที่แก้ไขแล้ว หากคุณเปลี่ยนทั้งหมดนั้น โปรดทราบว่าเนื้อหาสำหรับตัวอย่างเทมเพลตยังคงเป็นแบบทั่วไป

ขั้นตอนที่ 2: เรียกใช้ธุรกรรมทดสอบเพื่อดูอีเมลแต่ละฉบับที่มีเนื้อหาแบบไดนามิก

คุณมักจะต้องการดูอีเมลจริงที่ส่งถึงลูกค้า แต่ WooCommerce ขาดคุณสมบัติในการดูตัวอย่างภาพเหล่านั้น คุณต้องเรียกใช้ธุรกรรมทดสอบเพื่อทริกเกอร์อีเมลไปยังกล่องจดหมายของคุณเองแทน

นี่คือวิธีการ:

1. ตรวจสอบให้แน่ใจว่าคุณได้เปิดใช้งานการชำระเงิน WooCommerce และวิธีการชำระเงินแบบ Stripe
2. เพิ่มรายการในรถเข็นของคุณและกรอกข้อมูลราวกับว่าคุณเป็นลูกค้า
3. ในฟิลด์ อีเมล ให้เพิ่มที่อยู่อีเมลของคุณ
4. ในช่องบัตรเครดิต ใช้บัตรทดสอบ Stripe เพื่อดำเนินการชำระเงิน
5. เสร็จสิ้นการตรวจสอบ

ธุรกรรมทดสอบควรส่งอีเมล การประมวลผลคำสั่งซื้อ ถึงคุณ ซึ่งช่วยให้คุณสามารถดูได้ว่าอีเมลดังกล่าวแสดงให้ลูกค้าเห็นอย่างไร ตรวจสอบว่าแท็กแบบไดนามิกปรากฏอย่างถูกต้อง และข้อความแสดงแบรนด์และข้อความที่แทรกทั้งหมดของคุณแสดงอย่างถูกต้อง

หากต้องการเรียกใช้อีเมลอื่น ให้ไปที่ WooCommerce > Orders และปรับฟิลด์ สถานะ เป็นอย่างอื่น ตัวอย่างเช่น คุณอาจเปลี่ยนเป็น Completed เพื่อทริกเกอร์อีเมล Completed Order จาก WooCommerce ตรวจสอบให้แน่ใจว่าคุณคลิกปุ่ม อัปเดต เพื่อบันทึกการเปลี่ยนแปลง

จากนั้นระบบจะส่งไปที่กล่องจดหมายของคุณเพื่อให้คุณตรวจสอบ

เพื่อลดความซับซ้อนของกระบวนการ คุณสามารถพิจารณาปลั๊กอินเช่น WooCommerce Email Test

ปลั๊กอินที่ช่วยปรับแต่งอีเมล WooCommerce

ปลั๊กอินหลายตัวมีเครื่องมือปรับแต่งอีเมล WooCommerce ขั้นสูง ไม่ว่าจะเป็นการขยายคุณสมบัติปัจจุบันใน WooCommerce หรือแทนที่อย่างสมบูรณ์เพื่อประสบการณ์ที่เป็นมิตรต่อผู้ใช้มากขึ้น (โดยปกติคือการลากและวาง)

ต่อไปนี้คือปลั๊กอินปรับแต่ง WooCommerce ที่ควรพิจารณา:

คุณยังสามารถแทนที่อีเมลธุรกรรมของ WooCommerce ด้วยบริการการตลาดผ่านอีเมล เช่น Omnisend, MailPoet หรือ Sendinblue ซึ่งทั้งหมดนี้นำเสนออีคอมเมิร์ซอัตโนมัติและตัวเลือกเพิ่มเติมสำหรับสิ่งต่าง ๆ เช่นการกู้คืนรถเข็นที่ถูกละทิ้ง

ปรับแต่งอีเมล WooCommerce ของคุณวันนี้

ร้านค้าอีคอมเมิร์ซมือใหม่ส่วนใหญ่สามารถหลีกหนีจากการปรับแต่งอีเมลของ WooCommerce ขั้นพื้นฐานได้ แต่เราขอแนะนำให้จ่ายเงินสำหรับโปรแกรมแก้ไขอีเมลระดับพรีเมียม เช่น ปลั๊กอินหรือซอฟต์แวร์การตลาดผ่านอีเมลที่เรากล่าวถึงข้างต้น

เมื่อคุณพบอีเมลธุรกรรมของร้านค้าของคุณแล้ว คุณสามารถอ่านคำแนะนำของเราเกี่ยวกับการตลาดทางอีเมลของ WooCommerce เพื่อตอกย้ำอีเมลการตลาดของคุณได้เช่นกัน

หากคุณต้องการคำชี้แจงเกี่ยวกับวิธีการปรับแต่งอีเมล WooCommerce หรือต้องการแบ่งปันเคล็ดลับใดๆ ที่คุณมีกับผู้ใช้รายอื่นในการแก้ไขอีเมลของพวกเขา โปรดแจ้งให้เราทราบในความคิดเห็น!