ข้ามไปยังเนื้อหา
เอกสารสำหรับนักพัฒนา การสนับสนุน ขอสาธิต เข้าสู่ระบบ
Pushwoosh.com

การอ้างอิงบล็อกเนื้อหาอีเมล

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

เพิ่มบล็อกเนื้อหา

Anchor link to

เปิดแท็บ Blocks และลากบล็อกไปยังพื้นที่ทำงาน หรือคลิกที่บล็อกเพื่อเพิ่มไว้ที่ท้ายอีเมล บล็อกที่มีให้ใช้งาน:

  • หัวเรื่อง: ชื่อเรื่องและหัวข้อสั้นๆ ในอีเมล
  • ข้อความ: เนื้อหาหลักและคำอธิบายที่ยาวขึ้น
  • ปุ่ม: คำกระตุ้นการตัดสินใจที่สามารถคลิกได้
  • รูปภาพ: รูปภาพจาก คลังสื่อ การอัปโหลด หรือ URL
  • วิดีโอ: โปสเตอร์วิดีโอที่สามารถคลิกได้ซึ่งลิงก์ไปยังวิดีโอ YouTube หรือ Vimeo
  • การ์ด: รูปภาพที่จับคู่กับหัวเรื่อง ข้อความ และปุ่มในเลย์เอาต์เดียว
  • เส้นแบ่ง: เส้นที่แบ่งส่วนต่างๆ ออกจากกันอย่างชัดเจน
  • 2 คอลัมน์: สองคอลัมน์เท่ากันวางข้างกัน
  • 3 คอลัมน์: สามคอลัมน์เท่ากันวางข้างกัน
  • 4 คอลัมน์: สี่คอลัมน์เท่ากันวางข้างกัน
  • 33 / 67: สองคอลัมน์โดยที่คอลัมน์ซ้ายมีความกว้างประมาณ 33% และคอลัมน์ขวาประมาณ 67%
  • 67 / 33: สองคอลัมน์โดยที่คอลัมน์ซ้ายมีความกว้างประมาณ 67% และคอลัมน์ขวาประมาณ 33%
  • ตัวจับเวลา: การนับถอยหลังสำหรับข้อเสนอและกำหนดเวลา
  • เมนู: แถวหรือคอลัมน์ของลิงก์ เช่น การนำทางหรือข้อมูลติดต่อ
  • โซเชียล: ไอคอนที่ลิงก์ไปยังโปรไฟล์โซเชียลของคุณ
  • HTML: HTML ที่กำหนดเอง เช่น แบบฟอร์ม แบบสำรวจ หรือวิดีโอที่ฝังไว้
  • สินค้า: ตารางการ์ดสินค้าที่ซ้ำกัน ป้อนสินค้าด้วยตนเอง หรือดึงมาจาก แคตตาล็อกสินค้า ของคุณ, ตะกร้าสินค้าที่ถูกทิ้งของผู้รับ, หรือกลยุทธ์การแนะนำสินค้าในตัว เช่น สินค้าขายดีหรือสินค้าที่กลับมามีในสต็อก
  • ข่าวสาร: ตารางการ์ดบทความที่ซ้ำกัน เลือกด้วยตนเองจากฟีด RSS หรือ Atom หรือดึงข้อมูลสดจากฟีดที่ลงทะเบียนสำหรับแอปพลิเคชันของคุณ

หัวเรื่องและข้อความ

Anchor link to

บล็อก Heading และ Text ใช้สำหรับเก็บเนื้อหาที่ผู้รับจะอ่านในอีเมล ใช้ Heading สำหรับชื่อเรื่องและบรรทัดสั้นๆ และใช้ Text สำหรับเนื้อหาหลักและคำอธิบายที่ยาวขึ้น

คลิกที่บล็อกบนพื้นที่ทำงานเพื่อเริ่มแก้ไข เลือกข้อความเพื่อเปิดแถบเครื่องมือการจัดรูปแบบ

บล็อกหัวเรื่องที่ถูกเลือกบนพื้นที่ทำงานพร้อมแถบเครื่องมือจัดรูปแบบข้อความที่แสดงตัวเลือกสไตล์และการจัดรูปแบบ

ตัวเลือกในแถบเครื่องมือ

  • Text style: ตั้งค่าสไตล์ย่อหน้า (Heading 1, Heading 2, Normal, ฯลฯ) สำหรับทั้งบล็อก
  • Font size: ปรับขนาดข้อความที่เลือก หรือใช้ขนาดกับทั้งย่อหน้า
  • Bold / Italic / Underline / Strikethrough: การจัดรูปแบบตัวอักษรมาตรฐาน
  • Alignment: ชิดซ้าย, กึ่งกลาง, หรือชิดขวา
  • Link: ห่อหุ้มข้อความที่เลือกด้วยไฮเปอร์ลิงก์
  • Bulleted list / Numbered list: เปลี่ยนบรรทัดที่เลือกให้เป็นรายการสัญลักษณ์หัวข้อย่อยหรือรายการลำดับเลข สัญลักษณ์หัวข้อย่อยหรือตัวเลขใดๆ ที่บรรทัดนั้นมีอยู่แล้วจะถูกลบออก เพื่อไม่ให้ซ้ำกับเครื่องหมายของรายการเอง

เลือกบล็อก (ไม่ใช่ช่วงข้อความ) เพื่อเปิดการตั้งค่าในแผงด้านขวา จากนั้นเปิด Letter spacing เพื่อเพิ่มหรือลดระยะห่างระหว่างตัวอักษรสำหรับทั้งบล็อก รองรับค่าทศนิยมและค่าติดลบ หากต้องการใช้ระยะห่างระหว่างตัวอักษรกับบล็อกข้อความทั้งหมดพร้อมกัน ให้ตั้งค่าเป็นค่าเริ่มต้นสำหรับทั้งอีเมลภายใต้ Typography ดูที่ กำหนดค่าสไตล์ทั้งอีเมล

การวางจากเอกสารอื่น

การวางข้อความจาก Google Docs, Word หรือหน้าเว็บจะคงรูปแบบตัวหนา, ตัวเอียง, ขีดเส้นใต้, ขีดทับ และลิงก์ไว้ สี, ขนาดตัวอักษร และตระกูลตัวอักษรจากต้นฉบับจะไม่ถูกนำมาใช้ — การพิมพ์ของบล็อกเองจะถูกใช้เสมอ หากต้องการละเว้นการจัดรูปแบบของต้นฉบับทั้งหมดและใช้สไตล์ของบล็อก ให้วางด้วย Ctrl+Shift+V (Cmd+Shift+V บน Mac)

รายการสัญลักษณ์หัวข้อย่อยหรือรายการลำดับเลขที่วางจะคงสัญลักษณ์หัวข้อย่อยหรือตัวเลขไว้เป็นข้อความธรรมดาที่จุดเริ่มต้นของแต่ละบรรทัดในบล็อกเดียวกัน เลือกบรรทัดเหล่านั้นแล้วคลิก Bulleted list / Numbered list เพื่อเปลี่ยนให้เป็นรายการจริง — ปุ่มจะลบเครื่องหมายที่เหลือออกให้คุณ

ในช่องบรรทัดเดียว เช่น ป้ายกำกับ Button การขึ้นบรรทัดใหม่ที่วางจะยุบเป็นช่องว่างเดียว

การปรับแต่งส่วนบุคคลด้วย Merge Tags

Merge Tags คือตัวยึดตำแหน่งที่แทรกค่า Tag จากโปรไฟล์ของผู้รับ เพื่อให้ผู้สมัครสมาชิกแต่ละคนเห็นเนื้อหาที่ปรับแต่งส่วนบุคคล หากต้องการเพิ่ม ให้เลือกข้อความ คลิก Merge Tags ในแถบเครื่องมือ และเลือก Tag จากบัญชีของคุณ คลิกที่ Merge Tag ที่แทรกเข้าไปเพื่อเปิดแผงที่มีช่อง Default (ค่าที่แสดงเมื่อแท็กว่าง) และ Format (การใช้อักษรตัวพิมพ์ใหญ่, ตัวเลข หรือการจัดรูปแบบวันที่กับค่า)

รูปภาพ

Anchor link to

บล็อก Image จะแสดงรูปภาพในอีเมล เลือกบนพื้นที่ทำงานเพื่อเปิดการตั้งค่า Image ในแผงด้านขวา

การเพิ่มรูปภาพ

คลิก Add image เมื่อบล็อกว่างเปล่า หรือ Replace image เมื่อมีรูปภาพตั้งค่าอยู่แล้ว ซึ่งจะเปิด Media Gallery ที่มีสามแท็บ:

  • Library: ไฟล์ที่คุณอัปโหลด สามารถค้นหาได้ตามชื่อไฟล์
  • Stock photos: ค้นหารูปภาพฟรีจาก Pexels โดยไม่ต้องออกจากตัวแก้ไข คลิกที่รูปภาพเพื่อคัดลอกไปยังไลบรารีของคุณและแทรกเข้าไป
  • Generate with AI: อธิบายรูปภาพที่คุณต้องการและเลือกอัตราส่วนภาพ รูปภาพที่สร้างขึ้นจะถูกบันทึกไว้ในไลบรารีของคุณ
Media Gallery ที่มีแท็บ Library, Stock photos และ Generate with AI และช่องค้นหาตามชื่อไฟล์

คุณยังสามารถวางลิงก์ที่โฮสต์ไว้โดยตรงใน Image URL เพื่อข้ามแกลเลอรีได้

การลบรูปภาพออกจาก Library

ในแท็บ Library ให้วางเมาส์เหนือไฟล์แล้วคลิกไอคอน Delete เพื่อลบ หรือเลือกหลายไฟล์ (หรือคลิก Select all เพื่อเลือกรูปภาพทั้งหมดในหน้าปัจจุบัน) แล้วคลิก Delete selected เพื่อลบออกเป็นกลุ่ม ยืนยันในกล่องโต้ตอบเพื่อดำเนินการต่อ

ข้อความ Alt

อธิบายรูปภาพใน Alt text เพื่อการเข้าถึง หรือคลิก Generate alt with AI เพื่อให้ AI เขียนจากรูปภาพในภาษาที่คุณกำลังแก้ไขอยู่ รูปภาพที่เพิ่มจาก Stock photos หรือ Generate with AI จะได้รับข้อความ alt โดยอัตโนมัติ

ขนาดและการปรับพอดี

  • Width: ตั้งค่าความกว้างของรูปภาพเป็น px หรือเป็นเปอร์เซ็นต์ของพื้นที่ที่มีอยู่เพื่อให้คงความยืดหยุ่น ปล่อยไว้ที่ค่าเริ่มต้นเพื่อใช้ความกว้างตามธรรมชาติของรูปภาพ
  • Height (px): ตั้งค่าความสูงในการแสดงผลแบบคงที่ ปล่อยว่างไว้เพื่อปรับขนาดโดยอัตโนมัติ — จากอัตราส่วนการครอบตัดหากมีการตั้งค่าไว้ มิฉะนั้นจะมาจากสัดส่วนตามธรรมชาติของรูปภาพ
  • Crop: เลือก Original เพื่อรักษาสัดส่วนตามธรรมชาติของรูปภาพ หรืออัตราส่วน (Square (1:1), 4:3, 3:2, 16:9) เพื่อครอบตัดรูปภาพให้พอดีกับกล่องนั้น
  • Fit: เลือก Cover เพื่อเติมเต็มกล่องและครอบตัดให้พอดี ตั้งค่าจุดครอบตัดด้วย Focal point หรือเลือก Contain เพื่อปรับขนาดรูปภาพทั้งหมดภายในกล่องโดยไม่ครอบตัด จัดตำแหน่งด้วย Set position
  • Corner radius (px): ทำให้มุมของรูปภาพโค้งมน เปิด More options เพื่อตั้งค่าแต่ละมุมแยกกัน หรือปิดไว้เพื่อใช้รัศมีเดียวกันกับทั้งสี่มุม

สลับพื้นที่ทำงานเป็น Mobile (ดู แก้ไขมุมมองมือถือ) เพื่อตั้งค่าเหล่านี้แยกกันสำหรับหน้าจอโทรศัพท์ เลือก Width (mobile), Height (mobile), Crop (mobile), หรือ Fit (mobile) เพื่อแทนที่การตั้งค่านั้นๆ โดยเริ่มจากค่าเดสก์ท็อปของมัน ปล่อยให้ช่องไม่ถูกเลือกเพื่อสืบทอดการตั้งค่าเดสก์ท็อปต่อไป Crop (mobile) จะปรากฏขึ้นเมื่อ Crop ถูกตั้งค่าเป็นอัตราส่วนบนเดสก์ท็อปเท่านั้น และการเปลี่ยน Crop กลับเป็น Original บนเดสก์ท็อปจะยกเลิกการแทนที่ Crop (mobile) ใดๆ

การตั้งค่าขนาดและการปรับพอดีสำหรับบล็อกรูปภาพในมุมมองมือถือ แสดงช่องทำเครื่องหมาย Width, Height, Crop และ Fit สำหรับการแทนที่บนมือถือ ซึ่งทั้งหมดตั้งค่าให้สืบทอดค่าจากเดสก์ท็อป

ลิงก์และระยะห่าง

หากต้องการเปิดลิงก์เมื่อคลิกที่รูปภาพ ให้ป้อนใน Link URL และตั้งค่า Link target ให้เปิดในแท็บเดียวกันหรือแท็บใหม่ ดู เพิ่มลิงก์ สำหรับประเภทลิงก์ที่มีอยู่

ใน Spacing เปิด Padding เพื่อเพิ่มช่องว่างรอบๆ รูปภาพ ใช้ All sides สำหรับระยะห่างที่เท่ากัน หรือเปิด More options เพื่อตั้งค่าแต่ละด้านแยกกัน

แผงการตั้งค่ารูปภาพพร้อม Replace image, Image URL, Alt text, Link URL, Link target และ Padding

วิดีโอ

Anchor link to

บล็อก Video จะเพิ่มวิดีโอ YouTube หรือ Vimeo ลงในอีเมลเป็นภาพขนาดย่อที่สามารถคลิกได้ โปรแกรมอีเมลไม่สามารถเล่นวิดีโอภายในข้อความได้ ดังนั้นบล็อกจะแสดงภาพนิ่งพร้อมสัญลักษณ์ ▶ ซ้อนทับ เมื่อผู้รับแตะที่ภาพ วิดีโอจะเปิดขึ้นบน YouTube หรือ Vimeo ซึ่งใช้งานได้กับโปรแกรมอีเมลหลักทุกโปรแกรม รวมถึง Outlook

เลือกบล็อก Video บนพื้นที่ทำงานเพื่อเปิดการตั้งค่าในแผงด้านขวา

  • Video URL: วางลิงก์ YouTube หรือ Vimeo ตัวแก้ไขจะดึงภาพขนาดย่อมาโดยอัตโนมัติ
  • Alt text: อธิบายวิดีโอเพื่อการเข้าถึง
  • Thumbnail URL: เก็บภาพขนาดย่อที่ดึงมาโดยอัตโนมัติ หรือคลิก Add thumbnail / Replace thumbnail เพื่อเลือกจาก Media Gallery หรือวางลิงก์ที่โฮสต์ไว้โดยตรง
  • Play button overlay: เปิดใช้งานโดยค่าเริ่มต้น ปิดเพื่อแสดงภาพขนาดย่อธรรมดาโดยไม่มีสัญลักษณ์ ▶ ซ้อนทับ สัญลักษณ์ซ้อนทับไม่สามารถใช้ได้กับภาพขนาดย่อบนโฮสต์ภายนอกบางแห่ง ตัวแก้ไขจะเตือนคุณเมื่อเป็นเช่นนั้น และอีเมลจะแสดงภาพขนาดย่อธรรมดาแทน
  • Width (px), Corner radius (px), และ Alignment: ควบคุมลักษณะและตำแหน่งของภาพขนาดย่อในเลย์เอาต์ คุณสามารถตั้งค่าการจัดตำแหน่งแยกกันสำหรับมือถือได้
การตั้งค่าบล็อกวิดีโอพร้อม Video URL, Alt text, Thumbnail URL, Play button overlay, Width, Corner radius และ Alignment

การ์ด

Anchor link to

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

แผงการตั้งค่าบล็อกการ์ดสำหรับเลย์เอาต์ด้านซ้ายพร้อมตัวเลือก Image, Size and fit, Spacing และ Block styles
  • Layout: เลือกด้านที่รูปภาพจะอยู่เทียบกับเนื้อหา
  • Image: แทนที่รูปภาพ, ตั้งค่าข้อความ alt, หรือแก้ไขข้อความแจ้งสำหรับรูปภาพที่คุณสร้างด้วย Generate with AI
  • Size & fit: ช่องขนาดจะขึ้นอยู่กับ Layout Crop สามารถใช้ได้กับทุกเลย์เอาต์ Fit ใช้ได้กับทุกเลย์เอาต์:
    • Top: Height ตั้งค่าความสูงของรูปภาพเป็น px หรือเป็นเปอร์เซ็นต์ของความกว้างของการ์ด Width (px) จะจำกัดความกว้างของรูปภาพให้เป็นพิกเซลคงที่และจัดให้อยู่กึ่งกลาง
    • Background: Height ตั้งค่าความสูงของการ์ดเป็น px หรือเป็นเปอร์เซ็นต์ของความกว้าง ไม่มีช่อง Width (px) รูปภาพจะเป็นพื้นหลังของการ์ด Fit ก็ทำงานที่นี่เช่นกัน: Cover จะครอบตัดรูปภาพให้พอดีกับการ์ด — ตั้งค่าจุดครอบตัดด้วย Focal point — และ Contain จะปรับขนาดรูปภาพทั้งหมดให้อยู่ภายใน โดยจัดตำแหน่งด้วย Set position Outlook Desktop จะประมาณค่า Contain และไม่สนใจทั้งสองอย่าง
    • Left หรือ Right: Width ตั้งค่าความกว้างของคอลัมน์รูปภาพเป็น px หรือเป็นเปอร์เซ็นต์ของการ์ด Height (px) จะกำหนดความสูงของรูปภาพเป็นพิกเซลคงที่ การตั้งค่าความสูงเป็นพิกเซลจะล้างอัตราส่วนการครอบตัดด้านล่าง การเลือกอัตราส่วนการครอบตัดจะล้างความสูงเป็นพิกเซล คุณไม่สามารถใช้ทั้งสองอย่างพร้อมกันได้
    • สำหรับทุกเลย์เอาต์:
      • Crop: เลือก Original เพื่อรักษาสัดส่วนตามธรรมชาติของรูปภาพ หรืออัตราส่วน (Square (1:1), 4:3, 3:2, 16:9) เพื่อครอบตัดรูปภาพให้พอดีกับกล่องนั้น
      • Fit: เลือก Cover เพื่อเติมเต็มกล่องและครอบตัดให้พอดี ตั้งค่าจุดครอบตัดด้วย Focal point หรือเลือก Contain เพื่อปรับขนาดรูปภาพทั้งหมดภายในกล่องโดยไม่ครอบตัด จัดตำแหน่งด้วย Set position
      • Corner radius (px): ทำให้มุมของรูปภาพโค้งมน เปิด More options เพื่อตั้งค่าแต่ละมุมแยกกัน หรือปิดไว้เพื่อใช้รัศมีเดียวกันกับทั้งสี่มุม การสนับสนุนโปรแกรมอีเมล เดียวกัน กับรูปภาพอื่นๆ
  • Spacing: ตั้งค่าระยะห่างรอบๆ เนื้อหาของการ์ด

ปุ่ม

Anchor link to

Button คือคำกระตุ้นการตัดสินใจที่สามารถคลิกได้ในอีเมล

คลิกที่บล็อก Button เพื่อแก้ไขป้ายกำกับบนพื้นที่ทำงาน ใช้แถบเครื่องมือเพื่อเปลี่ยนขนาดตัวอักษร, สีข้อความ, ตัวหนา, ตัวเอียง, ขีดเส้นใต้, ขีดทับ และการจัดตำแหน่ง ป้ายกำกับเป็นบรรทัดเดียว: การขึ้นบรรทัดใหม่ที่วางจะยุบเป็นช่องว่างเดียว ดู การวางจากเอกสารอื่น สำหรับสิ่งที่การวางจะคงไว้และลบออก

หากต้องการตั้งค่าว่าจะเกิดอะไรขึ้นเมื่อผู้รับคลิกปุ่ม:

  • คลิกไอคอนลิงก์ในแถบเครื่องมือเพื่อเปิด Insert/Edit Link
  • หรือใช้ Action type และ URL ในส่วน Link ของแผงด้านขวา
บล็อกปุ่มบนพื้นที่ทำงานพร้อมแถบเครื่องมือจัดรูปแบบและการตั้งค่าลิงก์ในแผงด้านขวา

ดู เพิ่มลิงก์ สำหรับประเภทการกระทำที่มีอยู่

ในแผงด้านขวา ภายใต้ Styles:

  • Alignment: ชิดซ้าย, กึ่งกลาง, หรือชิดขวา
  • Background: เปิดเพื่อแทนที่ลักษณะเริ่มต้น จากนั้นเลือก Solid สำหรับสีทึบ หรือ Gradient สำหรับการไล่ระดับสีเชิงเส้นสองจุด (สีเริ่มต้น, สีสิ้นสุด และมุมเป็นองศา, ค่าเริ่มต้น 90°) เมื่อเลือก Gradient ปุ่มจะยังคงแสดงสีทึบในโปรแกรมอีเมลที่ไม่รองรับพื้นหลังแบบไล่ระดับสี เช่น Outlook บน Windows ปุ่มที่มีพื้นหลังสีทึบอยู่แล้วจะยังคงอยู่และเปิดด้วย Solid ที่เลือกไว้
  • Text color, Font size, และ Font family: เปิดแต่ละตัวเลือกเพื่อแทนที่ลักษณะเริ่มต้น
  • Corner radius, Border color, และ Border width: รูปร่างและเส้นขอบของปุ่ม Gmail และ Apple Mail แสดงผลรัศมีมุมของปุ่ม Outlook Desktop จะไม่สนใจและแสดงมุมสี่เหลี่ยม เช่นเดียวกับที่ทำกับรูปภาพ
  • Width: ตั้งค่าความกว้างของปุ่มแบบคงที่หรือปล่อยให้เป็นอัตโนมัติ
  • Padding: เพิ่มช่องว่างภายในปุ่ม ใช้ All sides สำหรับระยะห่างที่เท่ากัน หรือเปิด More options เพื่อตั้งค่าแต่ละด้านแยกกัน
การตั้งค่าสไตล์ปุ่มในแผงด้านขวาพร้อม Alignment, Background, Text color, Font size, Corner radius และ Padding

เส้นแบ่ง

Anchor link to

Divider คือเส้นแนวนอนระหว่างบล็อกเนื้อหา ใช้เพื่อแบ่งส่วนต่างๆ ในอีเมลอย่างชัดเจน

กำหนดค่า line style (Solid, Dashed, Dotted), color, thickness, และ width ในแผงการตั้งค่า

การตั้งค่าบล็อกเส้นแบ่งพร้อมตัวเลือกสไตล์เส้น, สี, ความหนา และความกว้างในแผงด้านขวา

HTML

Anchor link to

บล็อก HTML ให้คุณวาง HTML ที่กำหนดเองลงในอีเมลของคุณ ใช้สำหรับแบบฟอร์มที่กำหนดเอง, แบบสำรวจ หรือวิดีโอที่ฝังไว้

เหนือช่องโค้ด คลิก Merge tag เพื่อค้นหา Tags ในบัญชีของคุณและแทรก Merge Tag ที่ตำแหน่งเคอร์เซอร์ — คุณสมบัติการปรับแต่งส่วนบุคคลเดียวกันกับที่อธิบายไว้ข้างต้น — หรือคลิกไอคอนอีโมจิเพื่อแทรกอีโมจิในลักษณะเดียวกัน คลิกที่ Merge Tag ที่แทรกเข้าไปเพื่อเปิดแผง Default / Format เดียวกันกับในบล็อก Heading หรือ Text

ตัวอย่าง

Anchor link to

แบบฟอร์มลูกค้าเป้าหมายนี้รวบรวมที่อยู่อีเมลเพื่อส่งรหัสโปรโมชั่นสำหรับ New Year Sale

แบบฟอร์มลูกค้าเป้าหมาย HTML ในตัวแก้ไขอีเมลพร้อมช่องอีเมลและปุ่มรับรหัสของฉัน
โค้ด HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; }
  h2 { font-size: 18px; margin-bottom: 8px; color: #222; }
  p { font-size: 14px; color: #666; margin-bottom: 20px; }
  input {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    box-sizing: border-box;
  }
  button {
    width: 100%;
    padding: 14px;
    background: #CC0000;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
  }
</style>
</head>
<body>


<h2>Get your New Year Sale code</h2>
<p>Enter your email and we'll send you an exclusive promo code for up to 50% off.</p>


<div id="form">
  <input type="email" placeholder="Your email address" />
  <button type="button">Get my code</button>
</div>


</body>
</html>

เมนู

Anchor link to

บล็อก Menu จะวางรายการที่สามารถคลิกได้หลายรายการในแถวหรือคอลัมน์ ใช้สำหรับแถบนำทางหรือรายชื่อผู้ติดต่อของบริษัท

สำหรับแต่ละรายการในเมนู ให้ตั้งค่า:

  • Label: ข้อความที่ผู้รับเห็น
  • URL: ที่ที่รายการจะเปิด
  • Target: แท็บเดียวกันหรือแท็บใหม่

ในการตั้งค่าบล็อก คุณยังสามารถตั้งค่า:

  • Direction: แนวนอนหรือแนวตั้ง
  • Alignment: ชิดซ้าย, กึ่งกลาง, หรือชิดขวา
  • Separator: ตัวคั่นเสริมระหว่างรายการ
  • แบบอักษร, ขนาด, น้ำหนัก, ระยะห่างตัวอักษร และสีของลิงก์/ข้อความ
การตั้งค่าบล็อกเมนูพร้อมป้ายกำกับรายการ, URL, ทิศทาง, การจัดตำแหน่ง และตัวเลือกตัวคั่น

โซเชียล

Anchor link to

บล็อก Social จะแสดงแถวของไอคอนโซเชียลมีเดียที่ลิงก์ไปยังโปรไฟล์ของคุณ ใช้เพื่อส่งผู้รับไปยัง Facebook, Instagram, X และแพลตฟอร์มอื่นๆ จากอีเมล

เพิ่มรายการแพลตฟอร์ม จากนั้นตั้งค่าการจัดตำแหน่ง, ขนาดไอคอน และช่องว่างระหว่างไอคอน

การตั้งค่าบล็อกโซเชียลพร้อมลิงก์แพลตฟอร์มบวกกับการจัดตำแหน่ง, ขนาดไอคอน และช่องว่าง

ตัวจับเวลาถอยหลัง

Anchor link to

บล็อก Timer คือการนับถอยหลังในอีเมล ใช้สำหรับข้อเสนอที่มีเวลาจำกัด, การลดราคากะทันหัน และการแจ้งเตือนกิจกรรม

วิธีการตั้งค่า:

  1. ใน Countdown ตั้งค่า End date และ End time จากนั้นเลือก Timezone และ Language สำหรับป้ายกำกับตัวจับเวลา
  2. เปิด Labels เพื่อแสดงคำบรรยาย “วัน / ชั่วโมง / นาที / วินาที” ใต้ตัวเลข หรือปิดเพื่อแสดงเฉพาะตัวเลข
  3. ใน Appearance ตั้งค่า Background, Digits color, Labels color และขนาดตัวอักษรสำหรับตัวเลข (ค่าเริ่มต้น 40px) และป้ายกำกับ (ค่าเริ่มต้น 16px)
  4. ปรับ Spacing (padding) ตามต้องการ
การตั้งค่าบล็อกตัวจับเวลาพร้อมวันที่และเวลาสิ้นสุดการนับถอยหลัง, ป้ายกำกับ, ลักษณะที่ปรากฏ และตัวเลือกระยะห่าง

ตัวจับเวลาจะแสดงผลเป็นภาพที่คมชัดในทุกภาษาหรือขนาด พร้อมพื้นหลังที่ยืดเต็มความกว้างของแถวอีเมล และเวอร์ชันที่แสดงผลแบบเนทีฟสำหรับความกว้างของมือถือแทนที่จะเป็นภาพเดสก์ท็อปที่ถูกย่อ

คอลัมน์

Anchor link to

Columns จะแบ่งพื้นที่ทำงานออกเป็นส่วนๆ ข้างกันเพื่อให้คุณสามารถวางเนื้อหาไว้ข้างกันในแถวเดียวได้

ลากหนึ่งในบล็อกเหล่านี้ไปยังพื้นที่ทำงาน:

  • 2 columns: สองคอลัมน์เท่ากัน
  • 3 columns: สามคอลัมน์เท่ากัน
  • 4 columns: สี่คอลัมน์เท่ากัน
  • 33 / 67: คอลัมน์ซ้ายกว้างประมาณ 33%, คอลัมน์ขวากว้างประมาณ 67%
  • 67 / 33: คอลัมน์ซ้ายกว้างประมาณ 67%, คอลัมน์ขวากว้างประมาณ 33%

จากนั้นเพิ่มเนื้อหาลงในแต่ละคอลัมน์ หากต้องการเปลี่ยนระยะห่างสำหรับทุกคอลัมน์ในอีเมล ให้เปิด Settings → Columns defaults และปรับระยะห่างด้านนอก, ระยะห่างของคอลัมน์ และช่องว่างระหว่างคอลัมน์

สำหรับรูปภาพของคอลัมน์เอง (รูปภาพที่คุณเพิ่มด้วย Add image ในการตั้งค่าของคอลัมน์) การตั้งค่าจะแสดงส่วน Size & fit ซึ่งเป็นส่วนควบคุมเดียวกับเลย์เอาต์ Left / Right ของบล็อก Card บล็อก Image ที่ลากเข้ามาในคอลัมน์จะเป็นองค์ประกอบเนื้อหาแยกต่างหากและจะคงค่าช่องขนาดที่เรียบง่ายของตัวเองไว้ — ดู รูปภาพ

คุณยังสามารถวางลิงก์ที่โฮสต์ไว้โดยตรงใน Image URL เพื่อข้ามแกลเลอรีได้

  • Width: ตั้งค่าความกว้างของรูปภาพเป็น px หรือเป็นเปอร์เซ็นต์ของคอลัมน์ ปล่อยว่างไว้เพื่อเติมเต็มคอลัมน์
  • Height (px): กำหนดความสูงของรูปภาพเป็นพิกเซลคงที่ การตั้งค่าความสูงเป็นพิกเซลจะล้างอัตราส่วนการครอบตัดด้านล่าง การเลือกอัตราส่วนการครอบตัดจะล้างความสูงเป็นพิกเซล คุณไม่สามารถใช้ทั้งสองอย่างพร้อมกันได้
  • Crop: เลือก Original เพื่อรักษาสัดส่วนตามธรรมชาติของรูปภาพ หรืออัตราส่วน (Square (1:1), 4:3, 3:2, 16:9) เพื่อครอบตัดรูปภาพให้พอดีกับกล่องนั้น
  • Fit: เลือก Cover เพื่อเติมเต็มกล่องและครอบตัดให้พอดี ตั้งค่าจุดครอบตัดด้วย Focal point หรือเลือก Contain เพื่อปรับขนาดรูปภาพทั้งหมดภายในกล่องโดยไม่ครอบตัด จัดตำแหน่งด้วย Set position
  • Corner radius (px): ทำให้มุมของรูปภาพโค้งมน เปิด More options เพื่อตั้งค่าแต่ละมุมแยกกัน หรือปิดไว้เพื่อใช้รัศมีเดียวกันกับทั้งสี่มุม การสนับสนุนโปรแกรมอีเมล เดียวกัน กับรูปภาพอื่นๆ

สินค้า

Anchor link to

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

บล็อกสินค้าบนพื้นที่ทำงานพร้อมตารางการ์ดสินค้า

คลิกที่การ์ดบนพื้นที่ทำงานเพื่อทำให้ใช้งานได้และแก้ไข:

  • เปลี่ยนชื่อ, คำอธิบาย, ราคา, รูปภาพ หรือลิงก์ต่อสินค้าเพื่ออัปเดตเฉพาะการ์ดนั้น
  • เปลี่ยนเลย์เอาต์ของเทมเพลต, สี, ระยะห่าง หรือองค์ประกอบที่มีอยู่เพื่ออัปเดตทุกการ์ด

ในแผงการตั้งค่า ภายใต้ Source ให้เลือกที่มาของสินค้า:

  • Manual: ป้อนสินค้าด้วยตนเอง, เลือกจากแคตตาล็อกสินค้าของคุณตาม ID, หรือผสมทั้งสองอย่าง
  • Catalog rule: ดึงสินค้าโดยอัตโนมัติตามหมวดหมู่และลำดับการจัดเรียง ซึ่งจะถูกแก้ไขใหม่จากแคตตาล็อก ณ เวลาที่ส่ง
  • Cart: แสดงรายการจากตะกร้าสินค้าที่ถูกทิ้งของผู้รับแต่ละคน
  • Recommendations: ดึงสินค้าที่จัดอันดับตามกลยุทธ์ในตัว — สินค้าขายดี, สินค้ามาใหม่, สินค้ากลับมามีในสต็อก, หรือลดราคา — ซึ่งจะถูกแก้ไขจากแคตตาล็อกของคุณ ณ เวลาที่ส่ง

เพิ่มสินค้าด้วยตนเอง

Anchor link to

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

  • Number of products: ตั้งค่าจำนวนการ์ดที่จะแสดง (1–24)
  • Add product: เพิ่มการ์ดและกรอกชื่อ, คำอธิบาย, ราคา, รูปภาพ และลิงก์ด้วยตนเอง
  • Pick from catalog…: เลือกสินค้าเฉพาะจาก แคตตาล็อกสินค้า ของคุณแทนการพิมพ์
  • Refresh from catalog: ดึงชื่อ, คำอธิบาย, ราคา และรูปภาพล่าสุดสำหรับสินค้าที่คุณเลือกจากแคตตาล็อก ในกรณีที่มีการเปลี่ยนแปลงหลังจากที่คุณเพิ่มเข้าไป ไม่ส่งผลกระทบต่อสินค้าที่ป้อนด้วยตนเอง
  • Product images: คลิกที่ภาพขนาดย่อเพื่อแทนที่รูปภาพของสินค้านั้น
  • Product links: ป้อนหรือแก้ไข URL สำหรับแต่ละสินค้า
การตั้งค่าแหล่งข้อมูลด้วยตนเองสำหรับบล็อกสินค้าพร้อม Add product, Pick from catalog, Refresh from catalog, Product images และ Product links

ดึงสินค้าด้วยกฎแคตตาล็อก

Anchor link to

ดึงสินค้าโดยอัตโนมัติตามหมวดหมู่และลำดับการจัดเรียง โดยไม่ต้องเลือกด้วยตนเอง

  • Category: จำกัดเฉพาะหมวดหมู่แคตตาล็อกที่ระบุ หรือ All categories
  • Sort: เลือกลำดับการดึงสินค้า: Newest first, Price: low to high, Price: high to low, หรือ Title A-Z
  • Number of products: ตั้งค่าขีดจำกัดจำนวนการ์ดที่จะแสดง (1–12)
  • Refresh preview: คำนวณตัวอย่างบนพื้นที่ทำงานใหม่เทียบกับแคตตาล็อกในขณะนี้
การตั้งค่าแหล่งข้อมูลกฎแคตตาล็อกสำหรับบล็อกสินค้าพร้อม Category, Sort, Number of products และ Refresh preview

แสดงรายการจากตะกร้าสินค้า

Anchor link to

แสดงรายการปัจจุบันจากตะกร้าสินค้าที่ถูกทิ้งของผู้รับ

  • Max products shown: ตั้งค่าขีดจำกัดจำนวนการ์ดที่จะแสดง (1–12)
  • Preview a user’s cart: ป้อน ID ผู้ใช้หรืออีเมลแล้วคลิก Preview cart เพื่อดูว่าบล็อกแสดงผลอย่างไรสำหรับผู้รับรายนั้นๆ
การตั้งค่าแหล่งข้อมูลตะกร้าสินค้าสำหรับบล็อกสินค้าพร้อม Max products shown และ Preview a user's cart

รับสินค้าแนะนำ

Anchor link to

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

การตั้งค่าบล็อกสินค้าพร้อม Source ที่ตั้งค่าเป็น Recommendations, ตัวเลือก Strategy ที่ตั้งค่าเป็น Bestsellers (30 days), Category, Number of products และ Refresh preview
  • Strategy: เลือกว่าสินค้าจะถูกจัดอันดับอย่างไร — Bestsellers (7 days), Bestsellers (30 days), New arrivals, Back in stock, Price drop, Bought together, หรือ Based on what they viewed การเลือก Recommendations จะแทนที่ส่วนควบคุม Sort จาก Catalog rule ด้วยตัวเลือก Strategy นี้
ตัวเลือก Strategy ขยายออกแสดง Bestsellers (7 days), Bestsellers (30 days), New arrivals, Back in stock, Price drop, Bought together และ Based on what they viewed
  • Category: จำกัดเฉพาะหมวดหมู่แคตตาล็อกที่ระบุ หรือ All categories
  • Number of products: ตั้งค่าขีดจำกัดจำนวนการ์ดที่จะแสดง (1–12)
  • Refresh preview: คำนวณตัวอย่างบนพื้นที่ทำงานใหม่เทียบกับแคตตาล็อกในขณะนี้

จัดสไตล์ตาราง

Anchor link to

เมื่อคุณเลือกแหล่งข้อมูลแล้ว การตั้งค่าเหล่านี้จะควบคุมลักษณะของตารางและการ์ด การตั้งค่าเหล่านี้จะเหมือนเดิมไม่ว่าคุณจะใช้แหล่งข้อมูลใด:

  • Columns: เลือก 1, 2 หรือ 3 การ์ดต่อแถว บนมือถือ การ์ดจะเรียงซ้อนกันในคอลัมน์เดียวเสมอ
  • Gap: เปิดเพื่อตั้งค่าช่องว่างระหว่างการ์ด ปิดจะใช้ค่าเริ่มต้น (16px)
  • Description limit: ขีดจำกัดตัวอักษรที่ข้อความคำอธิบายจะถูกตัด เพื่อให้การ์ดมีขนาดที่สม่ำเสมอ
  • Card template: เลือกเลย์เอาต์ จากนั้นตั้งค่า Card background, Card corner radius และ Content padding สำหรับทุกการ์ด
  • Size & fit: แสดงสำหรับทุกเลย์เอาต์ที่มีรูปภาพ ส่วนควบคุม Width, Height, Crop และ Fit เดียวกันกับการปรับขนาดรูปภาพต่อเลย์เอาต์ของ บล็อก Card โดยปรับขนาดเทียบกับความกว้างของการ์ดแทนที่จะเป็นทั้งอีเมล

การตั้งค่า Block style ด้านล่างจะจัดสไตล์บล็อกโดยรวม แยกจากการ์ดภายใน:

  • Background และ Background image: ตั้งค่าสีพื้นหลังหรือรูปภาพพื้นหลังสำหรับทั้งตาราง เมื่อตั้งค่ารูปภาพ Fit จะเลือกว่าจะวางอย่างไรในบล็อก — Cover จะครอบตัดให้พอดีกับบล็อก, Contain จะพอดีกับรูปภาพทั้งหมดภายใน — และ Focal point / Set position จะวางตำแหน่ง Outlook Desktop จะแสดงเฉพาะสีพื้นหลังและไม่สนใจรูปภาพ ดังนั้นให้ใช้สีที่อ่านง่ายไว้ด้านหลัง
  • Border color, Border width, และ Corner radius: เพิ่มเส้นขอบและมุมโค้งมนรอบทั้งตาราง เปิด More options ใน Corner radius เพื่อตั้งค่าแต่ละมุมแยกกัน หรือปิดไว้เพื่อใช้รัศมีเดียวกันกับทั้งสี่มุม Gmail และ Apple Mail จะแสดงผล Outlook Desktop จะไม่สนใจและแสดงมุมสี่เหลี่ยม เช่นเดียวกับที่ทำกับรูปภาพ
  • Hide on mobile และ Hide on desktop: ซ่อนทั้งบล็อกบนอุปกรณ์หนึ่ง ดู แสดงหรือซ่อนเนื้อหาตามอุปกรณ์

ข่าวสาร

Anchor link to

บล็อก News จะแสดงตารางการ์ดบทความ การ์ดแต่ละใบสามารถมีรูปภาพ, วันที่, หัวข้อข่าว, สรุป และลิงก์ “อ่านเพิ่มเติม” ได้ เทมเพลตจะซ้ำสำหรับทุกบทความ เช่นเดียวกับบล็อก Products บล็อก News ใหม่จะเริ่มต้นด้วยการ์ดตัวอย่าง 2 ใบ

การ์ดบล็อกข่าวสารบนพื้นที่ทำงานพร้อมรูปภาพบทความ, วันที่, หัวข้อข่าว, สรุป และปุ่มอ่านเพิ่มเติม

ในแผงการตั้งค่า ภายใต้ Source ให้เลือกที่มาของบทความ:

  • Picked: โหลดบทความจากฟีด RSS หรือ Atom หนึ่งครั้ง หรือเลือกบทความเฉพาะด้วยตนเอง บทความจะถูกคัดลอกไปยังอีเมลและจะไม่เปลี่ยนแปลงอีก
  • Live feed: ดึงบทความจากฟีดที่ลงทะเบียนสำหรับแอปพลิเคชันของคุณ ซึ่งจะถูกแก้ไขใหม่ ณ เวลาที่ส่งเพื่อให้ผู้รับทุกคนได้รับบทความใหม่ล่าสุด

เลือกบทความจากฟีด

Anchor link to

คลิกที่การ์ดบนพื้นที่ทำงานเพื่อทำให้ใช้งานได้และแก้ไข:

  • เปลี่ยนวันที่, หัวข้อข่าว, สรุป, รูปภาพ หรือลิงก์ต่อบทความเพื่ออัปเดตเฉพาะการ์ดนั้น
  • เปลี่ยนเลย์เอาต์ของเทมเพลต, สี, ระยะห่าง หรือองค์ประกอบที่มีอยู่เพื่ออัปเดตทุกการ์ด

บทความจะถูกคัดลอกไปยังเนื้อหาอีเมลเมื่อคุณโหลดแล้ว จะไม่มีการดึงข้อมูลอีก ณ เวลาที่ส่ง รูปภาพบทความจะถูกคัดลอกไปยัง คลังสื่อ ของคุณและแปลงจาก WebP เป็น JPEG หากจำเป็น เนื่องจาก Outlook ไม่สามารถแสดงผล WebP ได้

วาง Feed URL ของ RSS 2.0 หรือ Atom จากนั้น:

  • Load latest articles: แทนที่การ์ดปัจจุบันด้วยบทความล่าสุดจากฟีด โดยมีจำนวนการ์ดเท่าเดิม (ค่าเริ่มต้น 2 ใบ)
  • Pick articles…: เปิดลิ้นชักที่แสดงรายการบทความล่าสุดสูงสุด 12 บทความจากฟีด พร้อมภาพขนาดย่อ, หัวข้อข่าว, วันที่, หมวดหมู่ และผู้เขียน และเลือกว่าจะเพิ่มบทความใด บทความที่เลือกจะถูกต่อท้ายการ์ดที่มีอยู่ สูงสุด 12 ใบ บทความที่อยู่บนพื้นที่ทำงานแล้วไม่สามารถเลือกซ้ำได้
แผงการตั้งค่าข่าวสารพร้อม Source ที่ตั้งค่าเป็น Picked, ช่อง Feed URL และปุ่ม Load latest articles และ Pick articles

ลิ้นชักให้คุณเลือกบทความเฉพาะด้วยตนเองแทนที่จะเลือกบทความใหม่ล่าสุดเสมอ

ลิ้นชักเลือกบทความแสดงรายการบทความในฟีดพร้อมภาพขนาดย่อ, หัวข้อข่าว, วันที่ และช่องทำเครื่องหมายเพื่อเลือก
  • Article images: คลิกที่ภาพขนาดย่อเพื่อแทนที่รูปภาพของบทความนั้น
  • Article links: แสดงเมื่อเทมเพลตการ์ดมีลิงก์ที่ผูกกับบทความ (ปุ่ม “อ่านเพิ่มเติม” เริ่มต้น) แสดงรายการแต่ละบทความตามหัวข้อข่าวเพื่อให้คุณสามารถแก้ไขหรือแทนที่ URL ปลายทาง ซึ่งดึงมาจากฟีดในตอนแรก

ดึงบทความจากฟีดสด

Anchor link to

บทความจะถูกดึงเมื่อส่งอีเมล เพื่อให้ผู้รับทุกคนได้รับบทความใหม่ล่าสุด แทนที่จะเลือกบทความด้วยตนเอง ให้เลือกฟีดและขีดจำกัด:

แผงการตั้งค่าข่าวสารพร้อม Source ที่ตั้งค่าเป็น Live feed, ตัวเลือก Registered feed, ตัวกรอง Category, จำนวน Articles และปุ่ม Refresh preview
  • Registered feed: เลือกฟีดที่ลงทะเบียนสำหรับแอปพลิเคชันของคุณแล้ว หรือ All feeds of the application เพื่อดึงจากทั้งหมด แผงนี้ใช้สำหรับเลือกฟีดเท่านั้น ไม่ได้ใช้ลงทะเบียน หากยังไม่มีฟีด โปรดขอให้ฝ่ายสนับสนุนหรือทีมบัญชีของคุณเพิ่มให้สำหรับแอปพลิเคชันของคุณ
  • Category filter: ตัวกรองข้อความอิสระเสริมที่จับคู่กับหมวดหมู่ของบทความจากฟีด (ค่าเริ่มต้น: ทุกหมวดหมู่)
  • Articles: จำนวนการ์ดที่จะแสดง (1–12, ค่าเริ่มต้น 3)
  • Refresh preview: คำนวณตัวอย่างบนพื้นที่ทำงานใหม่เทียบกับฟีดในขณะนี้ หากฟีดไม่ส่งคืนบทความ Pushwoosh จะปล่อยให้การ์ดปัจจุบันไม่เปลี่ยนแปลง หากไม่สามารถเข้าถึงฟีดได้ Pushwoosh จะแสดงข้อผิดพลาดแทน

จัดสไตล์ตาราง

Anchor link to

เมื่อคุณเลือกแหล่งข้อมูลแล้ว การตั้งค่าเหล่านี้จะควบคุมลักษณะของตารางและการ์ด การตั้งค่าเหล่านี้จะเหมือนเดิมไม่ว่าคุณจะใช้แหล่งข้อมูลใด:

  • Columns: เลือก 1, 2 หรือ 3 การ์ดต่อแถว บนมือถือ การ์ดจะเรียงซ้อนกันในคอลัมน์เดียวเสมอ
  • Gap: เปิดเพื่อตั้งค่าช่องว่างระหว่างการ์ด ปิดจะใช้ค่าเริ่มต้น (16px)
  • Summary limit: ขีดจำกัดตัวอักษรที่สรุปบทความจะถูกตัด เพื่อให้การ์ดมีขนาดที่สม่ำเสมอ
  • Card template: เลือกเลย์เอาต์ จากนั้นตั้งค่า Card background, Card corner radius และ Content padding สำหรับทุกการ์ด สำหรับเลย์เอาต์ Left หรือ Right ให้เปิด Wrap text around image เพื่อให้หัวข้อข่าวและสรุปไหลรอบรูปภาพแทนที่จะอยู่ในคอลัมน์คงที่ Size & fit (Width, Height, Crop, Fit) ทำงานเช่นเดียวกับการปรับขนาดรูปภาพต่อเลย์เอาต์ของ บล็อก Card โดยปรับขนาดเทียบกับความกว้างของการ์ด

การตั้งค่า Block style ด้านล่างจะจัดสไตล์บล็อกโดยรวม แยกจากการ์ดภายใน:

  • Background และ Background image: ตั้งค่าสีพื้นหลังหรือรูปภาพพื้นหลังสำหรับทั้งตาราง เมื่อตั้งค่ารูปภาพ Fit จะเลือกว่าจะวางอย่างไรในบล็อก — Cover จะครอบตัดให้พอดีกับบล็อก, Contain จะพอดีกับรูปภาพทั้งหมดภายใน — และ Focal point / Set position จะวางตำแหน่ง Outlook Desktop จะแสดงเฉพาะสีพื้นหลังและไม่สนใจรูปภาพ ดังนั้นให้ใช้สีที่อ่านง่ายไว้ด้านหลัง
  • Border color, Border width, และ Corner radius: เพิ่มเส้นขอบและมุมโค้งมนรอบทั้งตาราง เปิด More options ใน Corner radius เพื่อตั้งค่าแต่ละมุมแยกกัน หรือปิดไว้เพื่อใช้รัศมีเดียวกันกับทั้งสี่มุม Gmail และ Apple Mail จะแสดงผล Outlook Desktop จะไม่สนใจและแสดงมุมสี่เหลี่ยม เช่นเดียวกับที่ทำกับรูปภาพ
  • Hide on mobile และ Hide on desktop: ซ่อนทั้งบล็อกบนอุปกรณ์หนึ่ง ดู แสดงหรือซ่อนเนื้อหาตามอุปกรณ์

บันทึกและนำบล็อกกลับมาใช้ใหม่

Anchor link to

บันทึกบล็อกเพื่อนำกลับมาใช้ในอีเมลนี้หรืออีเมลอื่นแทนที่จะสร้างใหม่ทุกครั้ง

  1. คลิกที่บล็อก (กรอบหรือพื้นหลัง ไม่ใช่ข้อความหรือปุ่มภายใน) เพื่อเลือก การ์ด, คอลัมน์ และโซเชียลเป็นตัวอย่างของบล็อกที่ทำงานในลักษณะนี้ หากต้องการบันทึกหลายบล็อกพร้อมกัน ให้กด Shift ค้างไว้แล้วคลิกบล็อกพี่น้องเพิ่มเติมบนพื้นที่ทำงานหรือใน Layers panel เพื่อขยายการเลือกไปยังช่วงที่ต่อเนื่องกัน การบันทึกจะไม่ถูกเสนอสำหรับช่วงที่มีบล็อกที่ซิงค์แล้วหรือตัวยึดตำแหน่ง AI ที่ว่างเปล่า
  2. คลิกไอคอนบุ๊กมาร์กในแถบเครื่องมือของบล็อกและตั้งชื่อ
ไอคอนบุ๊กมาร์กในแถบเครื่องมือของบล็อกการ์ดเปิดกล่องโต้ตอบเพื่อตั้งชื่อและบันทึกบล็อก

บล็อกที่บันทึกไว้จะปรากฏใต้ Saved blocks ที่ด้านล่างของแท็บ Blocks

ส่วนบล็อกที่บันทึกไว้ที่ด้านล่างของแท็บ Blocks พร้อมไทล์บล็อกที่บันทึกไว้และไอคอนลบ
  • ลากบล็อกที่บันทึกไว้ไปยังพื้นที่ทำงาน หรือคลิกเพื่อเพิ่มไว้ที่ท้ายอีเมล
  • คลิก × บนไทล์ของบล็อกที่บันทึกไว้เพื่อลบ

ทำให้สำเนาซิงค์กัน

Anchor link to

เมื่อคุณบันทึกบล็อก ให้เปิด Keep copies in sync เพื่อเชื่อมโยงทุกสำเนาที่แทรกเข้ากับแหล่งข้อมูลเดียวกัน แก้ไขแหล่งข้อมูลครั้งเดียว และการเปลี่ยนแปลงจะถูกนำไปใช้ทุกที่ที่ใช้บล็อกนั้น รวมถึงอีเมลที่กำหนดเวลาส่งไว้แล้ว

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

กล่องโต้ตอบบันทึกสำหรับช่วง 3 บล็อกพร้อมเปิด Keep copies in sync

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

  • Edit synced block: ปลดล็อกสำเนานี้เพื่อให้คุณสามารถเปลี่ยนแปลงได้ แบนเนอร์จะปรากฏที่ด้านบน คลิก Apply to all เพื่อบันทึกการเปลี่ยนแปลงของคุณไปยังแหล่งข้อมูลและสำเนาอื่นๆ ทั้งหมด หรือ Cancel เพื่อยกเลิก คุณสามารถปลดล็อกบล็อกที่ซิงค์ได้ครั้งละหนึ่งบล็อกเท่านั้น
  • Update from source: แทนที่สำเนานี้ด้วยเวอร์ชันล่าสุดจากแหล่งข้อมูล
  • Detach from source: ยกเลิกการเชื่อมโยงสำเนานี้จากแหล่งข้อมูลเพื่อให้คุณสามารถแก้ไขได้ด้วยตัวเอง

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

  • บนพื้นที่ทำงานและใน Layers panel ทุกอย่างนอกบล็อกจะถูกทำให้จางลงและไม่แสดงที่จับสำหรับลากหรือเมนูเคบับ — การคลิก, ลาก, ทำซ้ำ หรือลบแถวเหล่านั้นจะไม่มีผล
  • การเลือกสิ่งใดนอกบล็อกจะแสดง Finish editing the synced block to edit the rest of the email ในแผงการตั้งค่าแทนที่จะเป็นช่องขององค์ประกอบนั้น
  • ใน Layers panel บล็อกที่กำลังแก้ไขจะมีป้ายกำกับว่า Synced block (editing) พร้อมไอคอนแก้ไข
  • ปุ่ม Save จะถูกปิดใช้งาน พร้อมคำแนะนำว่าการบันทึกตอนนี้จะจัดเก็บอีเมลด้วยเนื้อหาเก่าของบล็อก

ใช้หรือยกเลิกการเปลี่ยนแปลงของคุณเพื่อปลดล็อกส่วนที่เหลือของอีเมลอีกครั้ง

เพิ่มลิงก์

Anchor link to

ใช้กล่องโต้ตอบ Insert/Edit Link เพื่อตั้งค่าว่าจะเกิดอะไรขึ้นเมื่อผู้รับคลิกปุ่มหรือข้อความที่เลือก เลือก Action type จากนั้นกรอกข้อมูลในช่องสำหรับการกระทำนั้น

เปิดเว็บไซต์

Anchor link to

เปิดลิงก์เมื่อผู้รับคลิก ป้อนที่อยู่ใน URL

กล่องโต้ตอบ Insert Edit Link พร้อม Action type Open Website และช่อง URL

ลิงก์จัดการการตั้งค่า

Anchor link to

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

กล่องโต้ตอบ Insert Edit Link พร้อมเลือก Manage preferences link เป็นประเภทการกระทำ

ลิงก์ยกเลิกการสมัครรับข้อมูล

Anchor link to

ให้ผู้รับเลือกไม่รับข้อมูลตามกฎระเบียบและความต้องการของตนเอง

กล่องโต้ตอบ Insert Edit Link พร้อมเลือก Unsubscribe link เป็นประเภทการกระทำและช่องเปลี่ยนเส้นทางเสริม

จะเกิดอะไรขึ้นเมื่อผู้รับคลิกลิงก์ยกเลิกการสมัครรับข้อมูล

Anchor link to
หากศูนย์การตั้งค่าการสมัครรับข้อมูลเปิดใช้งาน
Anchor link to

ผู้รับจะถูกยกเลิกการสมัครรับข้อมูลเฉพาะจากหมวดหมู่ที่กำหนดให้กับอีเมลนั้น (เช่น จดหมายข่าว) ชื่อหมวดหมู่จะถูกลบออกจากแท็ก Subscribed Email Categories ของพวกเขา

หน้าจอยืนยันจะปรากฏขึ้นพร้อมตัวเลือก Resubscribe และ Manage preferences เรียนรู้เพิ่มเติม

หากศูนย์การตั้งค่าการสมัครรับข้อมูลไม่เปิดใช้งาน
Anchor link to

ผู้รับจะเลือกไม่รับอีเมลการตลาดทั้งหมดและแท็ก Unsubscribed Emails จะถูกตั้งค่าเป็น true อีเมลธุรกรรมจะไม่ได้รับผลกระทบและจะยังคงถูกส่งต่อไป เรียนรู้เพิ่มเติมเกี่ยวกับประเภทข้อความ

การคลิกจะถูกนับในอัตราการยกเลิกการสมัครรับข้อมูลใน ประวัติข้อความ

ลิงก์เวอร์ชันเว็บ

Anchor link to

ให้ผู้รับเข้าถึงเวอร์ชันเว็บของอีเมล ซึ่งมีประโยชน์หากพวกเขามีปัญหาในการดูในกล่องจดหมาย

กล่องโต้ตอบ Insert Edit Link พร้อมเลือก Web version link เป็นประเภทการกระทำ

ไม่ติดตามสถิติ

Anchor link to

เปิดลิงก์เมื่อผู้รับคลิก โดยไม่นับการคลิกเป็นสถิติการคลิกของอีเมลของคุณ ป้อนที่อยู่ใน URL

กล่องโต้ตอบ Insert Edit Link พร้อมเลือก No track statistics เป็นประเภทการกระทำและช่อง URL

ลิงก์ยืนยันแบบฟอร์มการสมัครรับข้อมูล

Anchor link to

แทรกลิงก์ยืนยันสำหรับการส่งแบบฟอร์มการสมัครรับข้อมูล (เช่น เพื่อยืนยันการเลือกรับแบบสองขั้นตอน) เรียนรู้เพิ่มเติมเกี่ยวกับการเลือกรับแบบสองขั้นตอน

กล่องโต้ตอบ Insert Edit Link พร้อมเลือก Subscription form confirmation link เป็นประเภทการกระทำ