คู่มือผู้ใช้

ตัวแก้ไขเทมเพลตแบบกำหนดเอง

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

อัปเดตเมื่อ: 2026-09-09

ดีไซน์สำเร็จรูปสิบสองแบบครอบคลุมใบแจ้งหนี้ส่วนใหญ่ แต่จะกำหนดตำแหน่งโลโก้ วันที่ และที่อยู่ลูกค้าให้คุณโดยอัตโนมัติ ตัวแก้ไขเทมเพลตแบบกำหนดเอง (custom template editor) ช่วยให้คุณจัดวางส่วนต่าง ๆ เองได้ คุณวางองค์ประกอบลงในหกช่องรอบเนื้อหาหลักที่ตายตัว จัดรูปแบบแต่ละชิ้น แล้วบันทึกผลลัพธ์เป็นเทมเพลตของคุณเอง จากนั้นใบแจ้งหนี้ใดก็ตามสามารถสลับไปใช้เทมเพลตนั้นได้ด้วยการแตะสองครั้ง และ PDF จะถูกวาดโดยตัวเรนเดอร์แบบกำหนดเองแยกต่างหาก ไม่ใช่หนึ่งในสิบสองดีไซน์เดิม

คู่มือนี้ติดตาม Nadia Okafor แห่ง Fern & Petal Floral Design Studio ในเมืองพอร์ตแลนด์ รัฐออริกอน เธอต้องการหน้ากระดาษที่เรียบง่ายและเกือบทั้งหมดเป็นสีขาวสำหรับลูกค้ากลุ่มโรงแรมและร้านอาหาร: โลโก้แบบกว้างและข้อความติดต่อสองบรรทัดทางซ้าย รายละเอียดใบแจ้งหนี้และที่อยู่ลูกค้าทางขวา และข้อความขอบคุณสีเขียวหนึ่งบรรทัดในส่วนท้าย ใบแจ้งหนี้ FP-2026-0218 ของเธอที่ส่งให้ Alder Street Hotel ถูกใช้เป็นตัวอย่าง PDF สุดท้าย เธอยังมีโปรไฟล์ธุรกิจที่สอง Fern & Petal Weddings ซึ่งเป็นเหตุผลที่ฟีเจอร์การจำกัดขอบเขตตามโปรไฟล์ปรากฏขึ้นระหว่างทาง

สิ่งที่คุณเห็นบนหน้าจอ

เทมเพลตแบบกำหนดเองอยู่ใน การตั้งค่า (Settings) ในแถว เทมเพลต PDF (PDF templates) (คำอธิบายย่อย “สร้างและจัดการเลย์เอาต์ของคุณเอง”) หน้าจอนี้มีสามแท็บ ของฉัน (Mine) แสดงรายการเทมเพลตที่คุณบันทึกไว้เป็นการ์ดสองคอลัมน์ แกลเลอรี (Gallery) มี 25 เลย์เอาต์เริ่มต้นในหกหมวดหมู่ ซึ่งจะเปิดในตัวแก้ไขโดยกรอกข้อมูลไว้ล่วงหน้า จานสี (Palettes) เป็นที่สร้างชุดสีแบบกำหนดเอง แท็บนั้นครอบคลุมอยู่ในคู่มือเรื่องจานสี และเกี่ยวข้องกับที่นี่เพียงเพราะเทมเพลตที่บันทึกไว้จะจดจำว่าใช้จานสีใด

การ์ดแต่ละใบใน ของฉัน แสดงภาพขนาดย่อแบบแผนผังที่วาดจากเลย์เอาต์ (แถบสี ไม่ใช่ภาพ PDF จริง) ชื่อเทมเพลตเป็นตัวหนา และบรรทัดขอบเขตที่ระบุว่า ทุกโปรไฟล์ (All profiles) หรือ จำกัดเฉพาะบางโปรไฟล์ (Restricted to specific profiles) ปุ่มจุดสามจุดสีขาวที่มุมของภาพขนาดย่อจะเปิดเมนูที่มี ทำซ้ำ (Duplicate) และ ลบ (Delete) การแตะที่ส่วนอื่นของการ์ดจะเปิดตัวแก้ไข ปุ่ม + ที่มุมล่างขวาจะเริ่มเทมเพลตเปล่า เมื่อรายการว่างเปล่า หน้าจอจะแสดง “ยังไม่มีเทมเพลตแบบกำหนดเอง แตะ + เพื่อสร้าง”

หน้าจอเทมเพลต PDF ของแอป Invoice Flow ในแท็บ Mine พร้อมการ์ดสามใบ: Fern & Petal minimal สีเขียวมีเครื่องหมาย All profiles, Wedding proposal สีชมพูกุหลาบมีเครื่องหมาย Restricted to specific profiles และ Wholesale stems สีเทาถ่าน พร้อมปุ่ม +
แท็บ Mine แสดงรายการเทมเพลตที่บันทึกไว้ ภาพขนาดย่อคือแผนผังของเลย์เอาต์ในจานสีของมัน

ตัวแก้ไขเองเป็นหน้าเลื่อนเดียว แถบชื่อเรื่องเป็นช่องกรอกชื่อที่แก้ไขได้พร้อมคำแนะนำ ชื่อเทมเพลต (Template name) ตามด้วยตัวควบคุมสามอย่าง ได้แก่ ไอคอนรูปตา (ดูตัวอย่าง / Preview) ไอคอนแถบเลื่อน (ขอบเขตและตัวเลือก / Scope & options) และปุ่ม บันทึก (Save) ใต้แถบนี้มีหัวข้อ ส่วนหัว (Header) พร้อมสามกล่องที่ระบุ ซ้าย (Left), กึ่งกลาง (Center) และ ขวา (Right) ตามด้วยบล็อกสีเทาชื่อ เนื้อหา (คงที่) (Body (fixed)) ที่แสดงรายการ “ตารางรายการ, ยอดรวม, ลายเซ็น” จากนั้นเป็นหัวข้อ ส่วนท้าย (Footer) พร้อมแถวซ้าย กึ่งกลาง และขวาอีกชุด และสุดท้ายเป็นการ์ด ขอบเขต (Scope) ที่คำอธิบายย่อยจะสะท้อนการตั้งค่าความพร้อมใช้งาน

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

ตัวแก้ไขเทมเพลตแบบกำหนดเองของแอป Invoice Flow ชื่อ Fern & Petal minimal: แถวส่วนหัวมี Wide logo, Company name, Email และ Website ในคอลัมน์ซ้าย คอลัมน์กลางว่างเปล่า และ Invoice title, Invoice number, Issue date, Due date, Spacer และ Client block ในคอลัมน์ขวา บล็อกสีเทา Body (fixed) แถวส่วนท้ายมี Payment terms, Custom text และ Tax IDs
เลย์เอาต์ที่เสร็จสมบูรณ์ของ Nadia: หกคอลัมน์รอบเนื้อหาคงที่ ชิปหนึ่งชิ้นต่อองค์ประกอบ

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

วิธีเริ่มต้นเทมเพลต

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

  1. เปิด การตั้งค่า (Settings) แล้วแตะ เทมเพลต PDF (PDF templates)
  2. สลับไปที่แท็บ แกลเลอรี (Gallery) และเลือกชิปหมวดหมู่เช่น Minimal เลื่อนแถบจานสีและแตะชื่อจานสีถ้าต้องการเปลี่ยนสีของแบบเริ่มต้น ค่าเริ่มต้น (Default) จะคงจานสีเดิมของแต่ละแบบ
  3. แตะที่การ์ด ตัวแก้ไขจะเปิดขึ้นพร้อมเลย์เอาต์ของแบบเริ่มต้นที่กรอกไว้และชื่อพิมพ์อยู่ในช่องชื่อเรื่องแล้ว
  4. หากต้องการเริ่มจากศูนย์แทน ให้อยู่ที่แท็บ ของฉัน (Mine) และแตะ + ตัวแก้ไขแบบเปล่าไม่ได้ว่างเปล่าจริง ๆ คอลัมน์ซ้ายของส่วนหัวมี Wide logo, Company name, Address, Phone และ Email คอลัมน์ขวาของส่วนหัวมี Invoice title ตัวหนา, Invoice number, Issue date และ Due date จัดชิดขวา และคอลัมน์ซ้ายของส่วนท้ายมี Payment terms และ Notes
  5. แทนที่ชื่อในช่องชื่อเรื่องด้วยชื่อของคุณเอง เช่น Fern & Petal minimal เทมเพลตจะบันทึกไม่ได้หากไม่มีชื่อ

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

วิธีจัดวางและจัดรูปแบบองค์ประกอบ

หน้าเรียบง่ายของ Nadia มาจากแบบเริ่มต้นเปล่าหลังจากปรับเปลี่ยนไม่กี่จุด: เธอลบ Address และ Phone ออกจากส่วนหัว เพิ่ม Website ย้ายบล็อกลูกค้าไปยังคอลัมน์ขวาใต้วันที่ และใส่ข้อความขอบคุณในส่วนท้าย

  1. แตะ + ที่ด้านล่างของคอลัมน์ที่ต้องการวางองค์ประกอบ แผ่นรายการจะแสดงองค์ประกอบที่ใช้ได้ทั้งหมดตามลำดับที่ตายตัว: Square logo, Wide logo, Company name, Contact name, Address, Phone, Email, Website, Tax IDs, Links, Invoice title, Invoice number, Issue date, Due date, Client block, Client name, Payment terms, Notes, Custom text, Spacer และ Divider แตะรายการหนึ่งแล้วมันจะถูกเพิ่มไว้ท้ายคอลัมน์นั้น
  2. หากต้องการเปลี่ยนลำดับ แตะปุ่มจุดสามจุดบนชิปแล้วเลือก เลื่อนขึ้น (Move up) หรือ เลื่อนลง (Move down) ชิปแรกไม่มี Move up และชิปสุดท้ายไม่มี Move down เมนูเดียวกันมี ลบ (Delete)
  3. หากต้องการย้ายองค์ประกอบไปยังคอลัมน์อื่น ให้ลบแล้วเพิ่มใหม่จากปุ่ม + ของคอลัมน์นั้น ไม่มีการลากวางหรือตัด-วางระหว่างคอลัมน์
  4. แตะที่ตัวชิปเพื่อเปิด การตั้งค่าองค์ประกอบ (Element settings) ปิด มองเห็นได้ (Visible) เพื่อคงองค์ประกอบไว้ในตำแหน่งแต่ไม่ให้ปรากฏใน PDF
  5. พิมพ์ตัวเลขใน ขนาดฟอนต์ (ว่าง = ค่าเริ่มต้น) (Font size (blank = default)) เพื่อกำหนดขนาดเอง หรือปล่อยว่างไว้ เลือก ปกติ (Normal) หรือ หนา (Bold) ใต้ Weight, ซ้าย (Left), กึ่งกลาง (Center) หรือ ขวา (Right) ใต้ Align และ ค่าเริ่มต้น (Default), หลัก (Primary), เน้น (Accent) หรือ เทาจาง (Muted) ใต้ Color
  6. สำหรับองค์ประกอบ Custom text ให้พิมพ์ข้อความในกล่อง ข้อความ (Text) (สูงสุดสามบรรทัดที่มองเห็นได้ ข้อความยาวกว่านั้นจะเลื่อนได้) สำหรับ Spacer ให้กรอก ความสูง (พิกเซล) (Height (px)) ค่าเริ่มต้นคือ 8
  7. แตะ นำไปใช้ (Apply) เพื่อเก็บการเปลี่ยนแปลงขององค์ประกอบนั้น หรือ ยกเลิก (Cancel) เพื่อยกเลิก
แผ่นแคตตาล็อกองค์ประกอบของแอป Invoice Flow ที่เปิดทับตัวแก้ไขเทมเพลต แสดงรายการ Square logo, Wide logo, Company name, Contact name, Address, Phone, Email, Website, Tax IDs และ Links พร้อมไอคอน
แคตตาล็อกที่เปิดจากปุ่ม + ของคอลัมน์ รายการยังมีต่อใต้ Links
ตัวแก้ไขเทมเพลตของแอป Invoice Flow ที่เปิดเมนูจุดสามจุดของชิป Company name แสดง Move up, Move down และ Delete สีแดง
การจัดลำดับใหม่ทำทีละขั้นตอนจากเมนูของชิป

บรรทัดในส่วนท้ายของ Nadia เป็นองค์ประกอบ Custom text ในคอลัมน์กลางของส่วนท้าย ตั้งค่า Bold, Center และ Accent ไว้ Accent จะสอดคล้องกับสีเน้นของจานสี ดังนั้นในจานสี Forest ของเธอบรรทัดนี้จะพิมพ์เป็นสีเขียว และจะกลายเป็นสีชมพูกุหลาบหรือสีน้ำเงินหากเธอสร้างเทมเพลตใหม่ด้วยจานสีอื่น

แผ่นการตั้งค่าองค์ประกอบของแอป Invoice Flow สำหรับองค์ประกอบ Custom text: Visible เปิด, Text อ่านว่า Thank you for letting us bring flowers into your space, Font size ว่างเปล่า, Weight Bold, Align Center และเลือก Color Accent พร้อมปุ่ม Cancel และ Apply
การตั้งค่าองค์ประกอบสำหรับบรรทัดขอบคุณในส่วนท้าย

ตัวเลือกสีทั้งสี่เป็นโทเค็น ไม่ใช่สีตายตัว Default พิมพ์เป็นสีดำ Muted พิมพ์เป็นสีเทากลาง Primary ใช้สีของส่วนหัวในจานสี และ Accent ใช้สีเน้นของจานสี Spacer และ Divider ไม่มีการควบคุมฟอนต์ น้ำหนัก การจัดแนว หรือสี ตัว spacer มีเพียงความสูง และ divider จะเป็นเส้นบางสีเทาพร้อมช่องว่างเล็กน้อยเสมอ

Client block เรียงชื่อ ที่อยู่ อีเมล และโทรศัพท์ของลูกค้าไว้ในคอลัมน์เดียว ในขณะที่ Client name พิมพ์เฉพาะชื่อ Nadia ใช้ block นี้ จัดชิดขวาที่ขนาด 9 พอยต์ เพื่อให้เข้าไปอยู่ใต้วันที่

วิธีจำกัดเทมเพลตให้ใช้กับบางโปรไฟล์และบันทึก

โดยค่าเริ่มต้น เทมเพลตที่บันทึกไว้จะใช้ได้กับทุกโปรไฟล์ธุรกิจ เลย์เอาต์งานแต่งงานของ Nadia ควรปรากฏเฉพาะในโปรไฟล์ Weddings ของเธอเท่านั้น เธอจึงจำกัดขอบเขตไว้

  1. ในตัวแก้ไข แตะไอคอนแถบเลื่อน ขอบเขตและตัวเลือก (Scope & options) หรือแตะการ์ด ขอบเขต (Scope) ที่ด้านล่างของหน้า
  2. ในแผ่น ความพร้อมใช้งานของเทมเพลต (Template availability) ให้เลือก จำกัดเฉพาะบางโปรไฟล์ (Restrict to specific profiles)
  3. ทำเครื่องหมายชิปโปรไฟล์ที่ควรเห็นเทมเพลต แต่ละโปรไฟล์ธุรกิจจะปรากฏตามชื่อของมัน ปล่อยให้เลือก ใช้ได้กับทุกโปรไฟล์ธุรกิจ (Available on every business profile) ไว้แทนหากไม่ต้องการจำกัด
  4. แตะ เสร็จสิ้น (Done) คำอธิบายย่อยของการ์ด Scope จะเปลี่ยนเป็น จำกัดเฉพาะ 1 โปรไฟล์ (Restricted to 1 profile(s)) หรือจำนวนที่คุณทำเครื่องหมายไว้
  5. แตะ บันทึก (Save) ที่แถบชื่อเรื่อง ปุ่มจะแสดงไอคอนหมุนขนาดเล็กระหว่างที่บันทึกเทมเพลต จากนั้นตัวแก้ไขจะปิดและการ์ดจะปรากฏที่ด้านบนสุดของแท็บ ของฉัน (Mine)
แผ่นความพร้อมใช้งานของเทมเพลตของแอป Invoice Flow ที่เปิดทับตัวแก้ไขเทมเพลต Wedding proposal โดยเลือก Restrict to specific profiles และทำเครื่องหมายชิป Fern & Petal Weddings ในขณะที่ชิป Nadia Okafor ไม่ได้ทำเครื่องหมาย
การจำกัดเทมเพลตงานแต่งงานให้ใช้ได้เฉพาะโปรไฟล์ Weddings

ก่อนบันทึกคุณสามารถแตะไอคอนรูปตาเพื่อเปิด ดูตัวอย่าง (Preview) ได้ ระบบจะเรนเดอร์เลย์เอาต์ผ่านตัวเรนเดอร์ PDF จริงโดยใช้ข้อมูลของโปรไฟล์เริ่มต้นของคุณ วาดตัวยึดตำแหน่งแบบตัวเอียงสีเทา เช่น “[example: acme.com]” ในช่องที่ว่างเปล่า และมีแถบจานสีให้คุณดูเลย์เอาต์เดียวกันในสีอื่น ๆ แถบนั้นมีไว้เพื่อดูเท่านั้น การปิดหน้าต่างตัวอย่างจะไม่เปลี่ยนจานสีของเทมเพลต

วิธีนำเทมเพลตแบบกำหนดเองไปใช้กับใบแจ้งหนี้

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

  1. เปิดใบแจ้งหนี้ในตัวแก้ไขและเลื่อนลงผ่านการ์ดการชำระเงินไปยังการ์ด เลือกเทมเพลต (Select Template)
  2. ใต้การ์ดนั้นทันที แตะลูกศรขยายบนการ์ด เทมเพลตที่กำหนดเอง (Custom template) การ์ดนี้จะปรากฏก็ต่อเมื่อมีเทมเพลตที่บันทึกไว้อย่างน้อยหนึ่งรายการที่ใช้ได้กับโปรไฟล์ธุรกิจของใบแจ้งหนี้นั้น
  3. เลือกเทมเพลตตามชื่อจากเมนู คำอธิบายย่อยของการ์ดจะเปลี่ยนจาก ใช้เทมเพลตในตัว (Using built-in template) เป็นชื่อของเทมเพลตนั้น และคำอธิบายย่อยของ Select Template ด้านบนจะเปลี่ยนเป็น เทมเพลตที่กำหนดเอง (Custom template)
  4. บันทึกใบแจ้งหนี้ การดูตัวอย่าง การแชร์ และการส่งออกทั้งหมดของใบแจ้งหนี้นี้จะผ่านตัวเรนเดอร์แบบกำหนดเองนับจากนี้
  5. หากต้องการกลับไปใช้ดีไซน์สำเร็จรูป ให้เปิดเมนูเดิมแล้วเลือก ใช้ในตัว (Use built-in) ดีไซน์และจานสีที่คุณเลือกไว้ก่อนหน้านี้ยังคงอยู่
ตัวแก้ไขใบแจ้งหนี้ของแอป Invoice Flow เลื่อนไปที่การ์ด Select Template ซึ่งอ่านว่า Custom template และการ์ด Custom template ด้านล่างแสดง Fern & Petal minimal โดยมีเมนูเปิดอยู่แสดง Use built-in, Fern & Petal minimal และ Wholesale stems
การ์ด Custom template แสดง Use built-in บวกกับเทมเพลตทุกรายการที่โปรไฟล์นี้มองเห็น

เทมเพลต Wedding proposal หายไปจากเมนูของ Nadia เพราะใบแจ้งหนี้นี้อยู่ในโปรไฟล์ของสตูดิโอ และเทมเพลตนั้นถูกจำกัดไว้เฉพาะโปรไฟล์ Weddings ต่อไปนี้คือ FP-2026-0218 ที่เรนเดอร์ด้วยเทมเพลตแบบเรียบง่าย

PDF ใบแจ้งหนี้ FP-2026-0218 ของแอป Invoice Flow จากเทมเพลตแบบกำหนดเอง: โลโก้ Fern & Petal ชื่อบริษัท อีเมล และเว็บไซต์ทางซ้าย หัวข้อ INVOICE สีเขียว หมายเลข วันที่ และที่อยู่ Alder Street Hotel ทางขวา ตารางรายการหัวสีเขียวมีสี่รายการรวม $2,186.00 เงื่อนไขการชำระเงิน บรรทัดขอบคุณสีเขียวจัดกึ่งกลาง และหมายเลขภาษีในส่วนท้าย
ตัวเรนเดอร์แบบกำหนดเองพิมพ์แถวส่วนหัวและส่วนท้ายตามที่ออกแบบไว้รอบตารางรายการและยอดรวมมาตรฐาน

กฎและรายละเอียด

เคล็ดลับ

สร้างจากแกลเลอรี ไม่ใช่จากหน้าเปล่า เมื่อคุณต้องการจานสีอื่น แบบเริ่มต้นเปล่าจะเป็น Ocean เสมอ และไม่มีวิธีเปลี่ยนสีเทมเพลตในภายหลังนอกจากสร้างใหม่จากการ์ดในแกลเลอรีโดยเลือกชิปที่ถูกต้อง
ใช้ Spacer หนึ่งชิ้นในคอลัมน์ Right ของส่วนหัวระหว่างวันที่กับ Client block เหมือนที่ Nadia ทำ แทนการเว้นพื้นที่ด้วยองค์ประกอบ Custom text ที่ว่างเปล่า ตัว spacer จะไม่พิมพ์อะไรนอกจากความสูงของมัน จึงไม่มีความเสี่ยงที่ตัวอักษรจะหลุดลงในหน้ากระดาษ
หากคุณมีโปรไฟล์ธุรกิจหลายรายการ ให้สร้างเทมเพลตทั่วไปหนึ่งชุดที่มีขอบเขต All profiles และจำกัดเฉพาะรายการพิเศษเท่านั้น เมนู Custom template บนใบแจ้งหนี้จะแสดงเทมเพลตทั่วไปก่อน ตามด้วยเทมเพลตที่เชื่อมโยงกับโปรไฟล์ของใบแจ้งหนี้นั้น

คู่มือที่เกี่ยวข้อง