> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.teeinblue.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Tính năng Paragraph

* [Tính năng Paragraph](#1-creating-the-paragraph)
* [Tính năng Custom Shape](#1-turning-paragraph-into-a-custom-shape)

Bạn có thể thêm trường paragraph để khách hàng nhập đoạn văn bản nhiều dòng, như lời bài hát, trích dẫn, tin nhắn hoặc bất kỳ nội dung nào họ muốn.

![Bạn có thể tạo một paragraph mới](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_12fcq2r.png)


# Tạo Paragraph
Trong Artwork Editor, nhấn vào biểu tượng **+** và chọn **Paragraph**.

![Tạo Paragraph mới](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_oxpdo3.png)
---

###### Paragraph container

![Chỉnh kích thước paragraph box](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_ifj384.png)

**Lưu ý:**
* Kích thước container là cố định, toàn bộ text trong paragraph sẽ không vượt quá vùng chứa này.
* Nếu nội dung dài hơn chiều rộng → text sẽ tự xuống dòng tiếp theo  
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1magecz.png)
* Nếu nội dung dài hơn chiều cao → text sẽ tự động thu nhỏ để vừa khít trong container  
* Nếu nội dung ngắn hơn chiều cao → text vẫn giữ nguyên, cỡ chữ tối đa bằng với cỡ chữ bạn đặt cho paragraph.  

---

###### Paragraph alignments

* Horizontal Alignment

![Căn chỉnh ngang](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_gz5i0j.png)
---

* Vertical Alignment

![Căn chỉnh dọc](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1xko5rr.png)

---

###### Auto scaling (vertical)

|| Paragraph sẽ tự động scale theo chiều dọc. Bạn không thể tắt tùy chọn này.

**Lưu ý:**
* Trên Product Page, nếu text dài hơn chiều cao container, font size sẽ được giảm xuống để text vừa với khung.  
* Auto scaling hiện chưa hoạt động trên Artwork Editor. Bạn cần kiểm tra trên Campaign Editor hoặc Product Page.

---

###### Paragraph letter spacing
Bạn có thể chỉnh khoảng cách giữa các ký tự (letter spacing) của paragraph tại đây:

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_ewyj03.png)

---

###### Adjust font properties
Bạn có thể sử dụng các thuộc tính sau:
* Font Size  
* Font Family  
* Font Color  
|| Nếu paragraph đã chạm viền container, tăng Font Size sẽ không có tác dụng.  

![Cỡ chữ không thay đổi khi paragraph đã chạm viền container](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_myqjhy.png)

---

###### Text background

|| Background sẽ vừa với nội dung paragraph (không phải container box)

![Sử dụng tính năng text background](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_13el1pv.png)

---

###### Text character limit

|| Giới hạn ký tự áp dụng cho toàn bộ paragraph, không phải từng dòng riêng lẻ. Cả [Enter] và [Spacebar] đều được tính là 01 ký tự.

---

###### Vertical offset

| Bạn sẽ thấy tùy chọn này trong phần **Extra**. Tùy chọn này dùng để điều chỉnh vị trí paragraph trong file order design.

Đôi khi, tùy thuộc vào font chữ bạn dùng, vị trí paragraph trong order design có thể lệch vài pixel.  
Chúng tôi không thể tính chính xác vị trí của một số font viết tay, nên vị trí paragraph trên Artwork và Product Page có thể lệch nhẹ so với Order design:

* Nếu paragraph được căn **top (vertical align)** → nó sẽ bị lệch xuống vài pixel trong Order design.  
* Nếu paragraph được căn **bottom (vertical align)** → nó sẽ bị lệch lên vài pixel trong Order design.  
* Nếu paragraph được căn **middle (vertical align)** → vị trí sẽ chính xác, không cần chỉnh gì thêm.  

Nếu gặp tình huống này, hãy làm theo các bước sau để điều chỉnh lại vị trí paragraph:

**Step 1.** Mở Artwork, chỉnh lại thiết lập **vertical offset**.  
![Chỉnh vertical offset của paragraph](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_18ofgpx.png)
| Dùng tùy chọn này để tinh chỉnh: nhập **-1** để di chuyển lên 1px, **+1** để di chuyển xuống 1px.

**Step 2.** Lưu Artwork sau khi hoàn tất.  
**Step 3.** Regenerate file thiết kế.  
![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_6uj7ze.png)

| Có thể lặp lại từ Step 1 đến khi có kết quả tối ưu.

**Step 4.** Đừng quên **update Campaign** sau khi hoàn tất. Bạn sẽ không cần làm lại các bước này nữa.

---

###### Các tính năng hiện chưa hỗ trợ Paragraph:
* Curve Text  
* Skew Text  
* Input Type  

---

# Tạo Custom Shape cho Paragraph

| Bạn có thể cho phép khách nhập đoạn văn dài hoặc paragraph theo hình dạng tùy chỉnh — ví dụ như hình trái tim, xoắn ốc hoặc dấu chân thú.

* Trong phần thiết lập Paragraph, tìm đến **Paragraph option > Custom Shape**  

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/monosnap-image-2025-11-10-15-1_833j9r.png)
* Chọn một shape có sẵn  
|| Hiện tại bạn chỉ có thể chọn trong danh sách shape được cung cấp sẵn. Tính năng upload shape tùy chỉnh sẽ có sớm.  

* Hãy kiểm tra kỹ Campaign trước khi launch!  
![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/tmp_d8m42q.png)

|| Tùy thuộc vào shape, độ dài text và cỡ chữ, paragraph có thể không lấp đầy hoàn toàn hình dạng, đặc biệt ở những góc nhọn hoặc khu vực hẹp như đỉnh ngôi sao hoặc đường cong của hình trái tim. Vui lòng lưu ý điều này khi thiết kế sản phẩm.
