Hướng dẫn sử dụng

Trình biên tập mẫu tùy chỉnh

Xây dựng bố cục hóa đơn của riêng bạn từ 25 mẫu khởi đầu trong thư viện hoặc từ đầu, tạo kiểu cho từng phần tử, giới hạn theo hồ sơ và áp dụng cho một hóa đơn.

Cập nhật: 2026-09-09

Mười hai thiết kế có sẵn phủ hầu hết các nhu cầu hóa đơn, nhưng chúng quyết định thay bạn logo, ngày tháng và địa chỉ khách hàng đặt ở đâu. Trình biên tập mẫu tùy chỉnh cho phép bạn tự sắp xếp các phần đó. Bạn đặt các phần tử vào sáu vị trí xung quanh một thân cố định, tạo kiểu cho từng phần tử, và lưu kết quả thành mẫu của riêng bạn. Từ đó về sau, bất kỳ hóa đơn nào cũng có thể chuyển sang mẫu đó chỉ với hai lần chạm, và PDF được vẽ bởi một bộ dựng riêng biệt thay vì một trong mười hai thiết kế có sẵn.

Hướng dẫn này theo chân Nadia Okafor của Fern & Petal Floral Design Studio ở Portland, Oregon. Cô muốn một trang nhã và chủ yếu màu trắng cho khách hàng khách sạn và nhà hàng: một logo rộng và hai dòng liên hệ bên trái, chi tiết hóa đơn và địa chỉ khách hàng bên phải, và một dòng cảm ơn màu xanh lá duy nhất ở chân trang. Hóa đơn FP-2026-0218 của cô cho Alder Street Hotel được dùng làm PDF cuối cùng. Cô cũng điều hành một hồ sơ doanh nghiệp thứ hai, Fern & Petal Weddings, đây là lý do tính năng giới hạn theo hồ sơ xuất hiện trong quá trình này.

Những gì bạn thấy trên màn hình

Mẫu tùy chỉnh nằm trong Cài đặt, tại hàng Mẫu PDF (phụ đề “Tạo và quản lý các bố cục của riêng bạn”). Màn hình có ba tab. Của tôi liệt kê các mẫu bạn đã lưu dưới dạng lưới thẻ hai cột. Thư viện chứa 25 bố cục khởi đầu trong sáu danh mục, mở sẵn trong trình biên tập. Bảng màu là nơi các bộ màu tùy chỉnh được xây dựng; tab đó được nói kỹ trong hướng dẫn về bảng màu và chỉ liên quan ở đây vì một mẫu đã lưu ghi nhớ bảng màu nó sử dụng.

Mỗi thẻ trong Của tôi hiển thị một hình thu nhỏ sơ đồ vẽ từ bố cục (các thanh màu, không phải bản kết xuất PDF thực), tên mẫu in đậm và một dòng phạm vi đọc là All profiles hoặc Restricted to specific profiles. Một nút ba chấm màu trắng ở góc của hình thu nhỏ mở menu với Sao chép và Xóa. Chạm vào bất kỳ đâu khác trên thẻ sẽ mở trình biên tập. Nút + ở góc dưới bên phải bắt đầu một mẫu trống. Khi danh sách trống, màn hình hiển thị “No custom templates yet. Tap + to build one.”

Màn hình Mẫu PDF của Invoice Flow trên tab Của tôi với ba thẻ: Fern & Petal minimal màu xanh lá đánh dấu All profiles, Wedding proposal màu hồng đánh dấu Restricted to specific profiles, và Wholesale stems màu than, cùng nút +
Tab Của tôi liệt kê các mẫu đã lưu; hình thu nhỏ là một sơ đồ của bố cục theo bảng màu của nó.

Bản thân trình biên tập là một trang cuộn duy nhất. Thanh tiêu đề là một trường tên có thể chỉnh sửa với gợi ý Tên mẫu, theo sau bởi ba điều khiển: một biểu tượng mắt (Xem trước PDF), một biểu tượng thanh trượt (Phạm vi và tùy chọn) và nút Lưu. Bên dưới thanh là tiêu đề Header với ba ô có nhãn Trái, Center và Phải, sau đó là một khối màu xám tiêu đề Body (fixed) liệt kê “Items table, Totals, Signature”, rồi đến tiêu đề Chân trang với một hàng Trái, Center và Phải khác, và cuối cùng là một thẻ Phạm vi có phụ đề lặp lại cài đặt khả dụng.

Mỗi phần tử bạn đặt xuất hiện dưới dạng một chip bo tròn trong cột của nó, kèm tên và một nút ba chấm nhỏ. Các phần tử ẩn mang biểu tượng mắt bị gạch chéo. Mỗi cột kết thúc bằng một nút + mở danh mục phần tử.

Trình biên tập mẫu tùy chỉnh của Invoice Flow có tiêu đề Fern & Petal minimal: hàng Header với Wide logo, Company name, Email và Website trong cột Trái, cột Center trống, và Invoice title, Invoice number, Issue date, Due date, Spacer và Client block trong cột Phải; một khối Body (fixed) màu xám; một hàng Footer với Payment terms, Custom text và Tax IDs
Bố cục hoàn chỉnh của Nadia: sáu cột xung quanh thân cố định, một chip cho mỗi phần tử.

Điều quan trọng nhất cần hiểu là những gì không có trên trang này. Không có bộ chọn khổ trang, không có trường lề, không có thanh trượt chiều rộng cột và không có điều khiển đối với bảng mục hàng, khối tổng hoặc chữ ký. Thân luôn được in theo thứ tự đó giữa hàng header và hàng chân trang, sử dụng bảng màu mà mẫu được tạo ra với. Những gì bạn kiểm soát là mọi thứ ở trên và dưới nó.

Cách bắt đầu một mẫu

Bạn có thể bắt đầu từ một mẫu khởi đầu trong thư viện hoặc từ một trang trống. Con đường thư viện nhanh hơn vì bố cục đã mạch lạc sẵn và bạn chỉ cần loại bỏ hoặc tạo kiểu lại những gì bạn không muốn.

  1. Mở Cài đặt và chạm Mẫu PDF.
  2. Chuyển sang tab Thư viện và chọn một chip danh mục như Minimal. Cuộn dải bảng màu và chạm vào một tên bảng màu nếu bạn muốn mẫu khởi đầu được tô lại màu; Default giữ nguyên bảng màu riêng của từng mẫu khởi đầu.
  3. Chạm vào một thẻ. Trình biên tập mở ra với bố cục của mẫu khởi đầu đã điền sẵn và tên của nó đã được gõ sẵn trong trường tiêu đề.
  4. Để bắt đầu từ con số không, hãy ở lại tab Của tôi và chạm +. Trình biên tập trống không thực sự trống: cột Trái của header giữ Wide logo, Company name, Address, Phone và Email, cột Phải của header giữ một Invoice title đậm, Invoice number, Issue date và Due date căn phải, và cột Trái của footer giữ Payment terms và Notes.
  5. Thay tên trong trường tiêu đề bằng tên của bạn, ví dụ Fern & Petal minimal. Một mẫu không thể được lưu nếu không có tên.

Bảng màu được chọn trong dải thư viện được ghi vào mẫu mới, và đó là thời điểm duy nhất bảng màu của một mẫu tùy chỉnh được thiết lập; trình biên tập không có bộ chọn bảng màu riêng. Để có cùng bố cục ở một bảng màu khác, hãy mở lại từ thư viện với một chip khác được chọn.

Cách sắp xếp và tạo kiểu cho các phần tử

Trang tối giản của Nadia bắt nguồn từ mẫu khởi đầu trống sau vài thay đổi: cô loại bỏ Address và Phone khỏi header, thêm Website, di chuyển khối khách hàng sang cột phải bên dưới các ngày tháng, và đặt một dòng cảm ơn vào footer.

  1. Chạm + ở dưới cùng của cột mà phần tử nên vào. Một bảng liệt kê mọi phần tử khả dụng theo thứ tự cố định: 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 và Divider. Chạm vào một cái và nó được thêm vào cuối cột đó.
  2. Để thay đổi thứ tự, chạm vào nút ba chấm trên một chip và chọn Di chuyển lên hoặc Di chuyển xuống. Chip đầu tiên không có Di chuyển lên và chip cuối cùng không có Di chuyển xuống. Cùng menu đó cũng có Delete.
  3. Để di chuyển một phần tử sang cột khác, xóa nó rồi thêm lại từ nút + của cột đó; không có kéo-thả và không có cắt-dán giữa các cột.
  4. Chạm vào phần thân của một chip để mở Cài đặt phần tử. Tắt Hiển thị để giữ phần tử tại chỗ nhưng để nó ra khỏi PDF.
  5. Gõ một số vào Cỡ chữ (trống = mặc định) để ghi đè kích cỡ mặc định, hoặc để trống. Chọn Bình thường hoặc Đậm dưới Độ đậm, Trái, Center hoặc Phải dưới Căn chỉnh, và Default, Primary, Accent hoặc Mờ dưới Màu sắc.
  6. Với phần tử Custom text, gõ nội dung vào ô Văn bản (tối đa ba dòng hiển thị; văn bản dài hơn sẽ cuộn). Với Spacer, nhập Chiều cao (px); mặc định là 8.
  7. Chạm Apply để giữ các thay đổi cho phần tử đó, hoặc Cancel để hủy chúng.
Bảng danh mục phần tử của Invoice Flow đè trên trình biên tập mẫu, liệt kê Square logo, Wide logo, Company name, Contact name, Address, Phone, Email, Website, Tax IDs và Links kèm biểu tượng
Danh mục mở ra từ nút + của một cột; danh sách tiếp tục bên dưới Links.
Trình biên tập mẫu của Invoice Flow với menu ba chấm của chip Company name đang mở hiển thị Di chuyển lên, Di chuyển xuống và Delete màu đỏ
Sắp xếp lại được thực hiện từng bước một từ menu chip.

Dòng chân trang của Nadia là một phần tử Custom text trong cột Center của footer với Đậm, Center và Accent được chọn. Accent chuyển thành màu nhấn của bảng màu, nên trong bảng màu Forest của cô dòng này được in màu xanh lá, và sẽ chuyển thành hồng hoặc xanh dương nếu cô xây dựng lại mẫu với một bảng màu khác.

Bảng Cài đặt phần tử của Invoice Flow cho một phần tử Custom text: Hiển thị bật, Văn bản đọc Thank you for letting us bring flowers into your space, Cỡ chữ trống, Độ đậm Đậm, Căn chỉnh Center và Màu sắc Accent được chọn, với các nút Cancel và Apply
Cài đặt phần tử cho dòng cảm ơn ở chân trang.

Bốn lựa chọn màu là các token, không phải màu cố định. Default in màu đen, Mờ in màu xám vừa, Primary dùng màu header của bảng màu và Accent dùng màu nhấn của nó. Spacer và Divider không có điều khiển phông chữ, độ đậm, căn chỉnh hay màu sắc; một khoảng cách chỉ có chiều cao và một dấu phân cách luôn là một đường kẻ mảnh màu xám với một chút đệm.

Client block xếp chồng tên, địa chỉ, email và số điện thoại của khách hàng thành một cột, trong khi Client name chỉ in tên; Nadia dùng khối này, căn phải ở cỡ 9 điểm, để nó nằm gọn dưới các ngày tháng.

Cách giới hạn một mẫu cho các hồ sơ nhất định và lưu nó

Theo mặc định, một mẫu đã lưu được cung cấp trên mọi hồ sơ doanh nghiệp. Bố cục đám cưới của Nadia chỉ nên xuất hiện trên hồ sơ Weddings của cô, nên cô giới hạn nó lại.

  1. Trong trình biên tập, chạm biểu tượng thanh trượt Phạm vi và tùy chọn, hoặc chạm thẻ Phạm vi ở cuối trang.
  2. Trong bảng Tính khả dụng của mẫu, chọn Giới hạn ở các hồ sơ cụ thể.
  3. Tích vào các chip hồ sơ nên thấy mẫu này; mỗi hồ sơ doanh nghiệp xuất hiện với tên của nó. Để nguyên Có sẵn trên mọi hồ sơ doanh nghiệp được chọn nếu bạn không muốn giới hạn nào.
  4. Chạm Xong. Phụ đề của thẻ Phạm vi đổi thành Restricted to 1 profile(s) hoặc bao nhiêu hồ sơ bạn đã tích.
  5. Chạm Lưu trên thanh tiêu đề. Nút hiển thị một vòng xoay nhỏ trong khi mẫu được ghi, sau đó trình biên tập đóng lại và thẻ xuất hiện ở đầu tab Của tôi.
Bảng Tính khả dụng của mẫu của Invoice Flow đè trên trình biên tập mẫu Wedding proposal, với Giới hạn ở các hồ sơ cụ thể được chọn và chip Fern & Petal Weddings được tích trong khi chip Nadia Okafor thì không
Giới hạn mẫu đám cưới cho hồ sơ Weddings.

Trước khi lưu, bạn có thể chạm biểu tượng mắt để mở Xem trước PDF. Nó kết xuất bố cục qua bộ dựng PDF thực với dữ liệu hồ sơ mặc định của bạn, vẽ các chỗ giữ chỗ nghiêng màu xám như “[example: acme.com]” ở những trường trống, và có một dải bảng màu để bạn xem cùng bố cục với các màu khác. Dải đó chỉ để xem; đóng phần xem trước không thay đổi bảng màu của mẫu.

Cách áp dụng một mẫu tùy chỉnh cho một hóa đơn

Một mẫu tùy chỉnh không phải là cài đặt toàn cục. Mỗi hóa đơn giữ lựa chọn riêng của nó, và thiết kế cùng bảng màu có sẵn được lưu trên hóa đơn vẫn giữ nguyên bên dưới nên bạn có thể chuyển lại bất cứ lúc nào.

  1. Mở hóa đơn trong trình biên tập và cuộn xuống qua các thẻ thanh toán tới thẻ Chọn mẫu.
  2. Ngay bên dưới nó, chạm mũi tên mở rộng trên thẻ Custom template. Thẻ này chỉ tồn tại khi có ít nhất một mẫu đã lưu khả dụng cho hồ sơ doanh nghiệp của hóa đơn.
  3. Chọn một mẫu theo tên từ menu. Phụ đề của thẻ đổi từ Đang sử dụng mẫu tích hợp thành tên của mẫu, và phụ đề Chọn mẫu ở trên giờ đọc là Custom template.
  4. Lưu hóa đơn. Mọi bản xem trước, chia sẻ và xuất của nó giờ đi qua bộ dựng tùy chỉnh.
  5. Để quay lại thiết kế có sẵn, mở lại cùng menu đó và chọn Sử dụng tích hợp. Thiết kế và bảng màu bạn đã chọn trước đó vẫn còn đó.
Trình biên tập hóa đơn của Invoice Flow cuộn tới thẻ Chọn mẫu đọc Custom template và thẻ Custom template bên dưới nó hiển thị Fern & Petal minimal, với menu của nó mở ra liệt kê Sử dụng tích hợp, Fern & Petal minimal và Wholesale stems
Thẻ Custom template liệt kê Sử dụng tích hợp cộng với mọi mẫu khả kiến với hồ sơ này.

Mẫu Wedding proposal bị thiếu trong menu của Nadia vì hóa đơn này thuộc về hồ sơ studio và mẫu đó bị giới hạn cho hồ sơ Weddings. Đây là FP-2026-0218 được kết xuất với mẫu tối giản.

PDF của hóa đơn FP-2026-0218 từ một mẫu tùy chỉnh của Invoice Flow: logo Fern & Petal, tên công ty, email và trang web bên trái; tiêu đề INVOICE màu xanh lá, số, ngày tháng và địa chỉ Alder Street Hotel bên phải; một bảng mục hàng có tiêu đề màu xanh lá gồm bốn dòng tổng cộng $2,186.00; điều khoản thanh toán, một dòng cảm ơn màu xanh lá canh giữa và mã số thuế ở chân trang
Bộ dựng tùy chỉnh in các hàng header và footer theo thiết kế xung quanh bảng mục hàng và tổng tiêu chuẩn.

Quy tắc và chi tiết

Mẹo

Xây dựng từ Thư viện, không phải từ trống, khi bạn muốn một bảng màu khác. Mẫu khởi đầu trống luôn là Ocean, và không có cách nào để tô lại màu một mẫu sau khi tạo ngoài việc tạo lại nó từ một thẻ thư viện với chip đúng được chọn.
Dùng một Spacer trong cột Phải của header giữa các ngày tháng và Client block, như Nadia làm, thay vì đệm bằng các phần tử Custom text trống. Một khoảng cách chỉ in chiều cao của nó, nên nó không bao giờ có nguy cơ để lại ký tự lạ trên trang.
Nếu bạn điều hành nhiều hồ sơ doanh nghiệp, hãy tạo một mẫu chung với phạm vi All profiles và chỉ giới hạn những mẫu đặc biệt. Menu Custom template trên một hóa đơn hiển thị các mẫu chung trước, sau đó là những mẫu liên kết với hồ sơ của hóa đơn đó.

Hướng dẫn liên quan