> ## 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ự động hiển thị Text từ các giá trị của một layer khác (Map, Star Map...) Bài viết này sẽ giúp các bạn hiểu cách sử dụng tính năng "Populate values from other options": * Tự động hiển thị tọa độ (kinh độ, vĩ độ) hoặc địa điểm từ Maps sang một ô text * Tương tự hiển thị tọa độ, địa điểm, hoặc thời gian từ layer Star Map sang một ô text. ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1grnsw6.png) Trong ví dụ dưới đây, nếu khách hàng tìm kiếm địa điểm là **Berlin, Germany**, cả ô chữ và Live Preview sẽ tự động hiển thị là **Berlin, Germany**. Để làm được như vậy, hãy làm theo các bước sau đây: ## 1. Tạo một text field * Tạo một text layer, sau đó mở phần cài đặt của layer và mở rộng mục **POPULATE VALUES** * Bật **Populate Content from another option** ![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_zbx1hy.png) * Tiếp theo, chọn layer mà bạn muốn lấy giá trị trong dropdown **Source option**. Trong trường hợp này là layer **Street Map** ![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_19qvlpj.png) ## 2. Điền giá trị Chọn các loại giá trị mà bạn muốn. Bạn có thể bấm vào link **Browse values** (hoặc nút **+ Available Value**) để xem chi tiết. Hiện tại chúng tôi đang hỗ trợ các giá trị như dưới đây: * Về **Street** **Maps** & **Star Maps**: | Định dạng | Ý nghĩa | Ví dụ | | ---- | | `{{lat}}` | Hiển thị **Latitude (vĩ độ)** của nơi bạn chọn dưới dạng số (tối đa là 7 chữ số thập phân). | 21.0283271 | | `{{lng}}` | Hiện thị **Longitude (kinh độ)** của nơi bạn chọn dưới dạng số (tối đa là 7 chữ số thập phân). | 105.8528432 | | `{{name}}` | Hiện thị **Search keyword từ khách hàng tìm kiếm**. | Central Park NY | | `{{place_name}}` | \*(Chỉ hoạt động với Street Maps) \*Hiển thị **Location (địa điểm)** nơi mà khách hàng lựa chọn. | Central Park, New York, New York 10005, United States | | `{{time}}` | \*(Chỉ hoạt động với Star Maps) \*Hiện thị **Date & time ngày và giờ** mà khách hàng lựa chọn. Sử dụng "Date picker" format cho layer text | 2024-11-07T12:31 | | | | | | Các thông tin thêm: | | | | `{{lat:dd}}, {{lng:dd}}` | Hiển thị kinh độ và vĩ độ dưới dạng độ thập phân **Decimal Degrees** (tối đa 7 chữ số thập phân). | 21.0285°N, 105.8544°E | | `{{lat:dms}}, {{lng:dms}}` | Hiển thị kinh độ và vĩ độ theo định dạng Độ, phút và giây **Degrees, Minutes, and Seconds** (tối đa 2 chữ số thập phân). | 21°01'42.6"N, 105°51'15.9"E | | `{{lat:dmm}}, {{lng:dmm}}` | Hiển thị kinh độ và vĩ độ theo định dạng Độ và Phút **Degrees and Decimal Minutes** (tối đa 3 chữ số thập phân). | 21°01.710'N, 105°51.265'E) | | Để hạn chế được độ dài của một tọa độ, bạn có thể tuân theo các format dưới đây, trong đó bạn thay thế "X" bằng số thập phân tối đa mà bạn muốn hiển thị. X có thể thay đổi từ 0 (số nguyên) đến 15. `{{lat.X}}, {{lng.X}}` `{{lat:dd.X}}, {{lng:dd.X}}` `{{lat:dms.X}}, {{lng:dms.X}}` `{{lat:dmm.X}}, {{lng:dmm.X}}` (Ví dụ. `{{lat.10}}` hiển thị “21.0294834999” `{{lat:dms.4}}` hiển thị “21°1'46.1406"N”, `{{lat:dmm.0}}` “21°2'N”) * Nếu bạn muốn có tên của địa điểm, bạn có thể sử dụng giá trị `{{place_name}}`. | Tips: Bạn cũng có thể điền một vài custom text tùy theo giá trị của custom. ![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_nrhw75.png) * Kết quả trên storefront sẽ như sau: ![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_b6sqwl.png) | Chú ý rằng bạn có thể kết hợp nhiều giá trị nếu bạn muốn! * Về [Song Search](https://support.teeinblue.com/vi/article/ve-tinh-nang-song-search-1w86fio/) | Định dạng | Ý Nghĩa | Ví dụ | | ---- | | {{title}} | Hiển thị **tên bài hát** đã chọn | Nightcall | | {{artists}} | Hiển thị **Ca sĩ** của bài hát đã chọn | Kavinsky | | {{url}} | Hiển thị **Spotify URL** của bài hát đã chọn (có thể dùng với QR code) | [Link Spotify của bài hát sẽ hiển thị] | | {{duration}} | Hiện thị **Thời lượng bài hát** của bài hát đã chọn | 04:17 | | {{lyrics}} | Hiển thị **Lời bài hát** của bài hát đã chọn (phải chọn “Hiển thị lời bài hát” ở thanh tìm) | [Toàn bộ lời bài hát sẽ hiển thị] | Sử dụng các phương pháp tương tự các bước bên trên, kết quả sẽ hiện ra như dưới đây: ![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_1p1392q.png) * Về [Moon Phases](https://support.teeinblue.com/vi/article/ve-tinh-nang-moon-phases-blpvkl/) | Moon Phase - định dạng ngày tháng | Ý nghĩa | Ví dụ | | ---- | | {{date.MM/dd/yyyy}} | Hiển thị **Ngày** của mặt trăng mà khách hàng chọn | 12/30/2025 | | {{date.MM-dd-yyyy}} | Hiển thị **Ngày** của mặt trăng mà khách hàng chọn | 12-30-2025 | | {{date.dd/MM/yyyy}} | Hiển thị **Ngày** của mặt trăng mà khách hàng chọn | 30/12/2025 | | {{date.dd-MM-yyyy}} | Hiển thị **Ngày** của mặt trăng mà khách hàng chọn | 30-12-2025 | | {{date.yyyy-MM-dd}} | Hiển thị **Ngày** của mặt trăng mà khách hàng chọn | 2025-12-30 | | {{date.yyyy/MM/dd}} | Hiển thị **Ngày** của mặt trăng mà khách hàng chọn | 2025/30/12 | | | | | | Moon Phase - Định dạng địa điểm | | | | {{name}} | Hiển thị tên **Địa điểm** mà khách hàng tìm | Berlin | | {{lat}}, {{lng}} | Hiển thị **Kinh độ & Vĩ độ** của địa điểm mà khách hàng chọn (có thể sử dụng các định dạng khác như Street maps). | Hãy check lại hướng dẫn ở phần Street Map | Kết quả sẽ hiển thị như sau: ![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_1b9ytjf.png) * Với [Custom Text](https://support.teeinblue.com/en/article/add-text-text-personalization-12lfa55/) | Định dạng | Ý nghĩa | Ví dụ | | ---- | | `{{value}}` | Trả về **Value** mà khách hàng nhập vào ô input của Text layer. | Teeinblue | | `{{value.Xchar}}` | Giới hạn số ký tự của giá trị, thay **X** bằng số ký tự tối đa bạn muốn (ví dụ {{value.3char}}). | Tee | Làm tương tự bước trên, kết quả sẽ như sau: ![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/knowledge-base-crisp-google-ch_ykpfx9.png) --- **CHÚ Ý:** * Khách hàng có thể điều chỉnh lại text kể cả sau khi text đã được tự động điền. * Nếu khách hàng thay đổi địa điểm một lần nữa, ô text sẽ được tự động update với giá trị mới, thay thế các giá trị đã được điền trước đó.