Cách Nhúng Widget Vị Trí Vào Mọi Website

Widget chỉ là một dòng iframe — mọi nền tảng chấp nhận HTML tùy chỉnh đều có thể chứa nó. Hãy chọn giao diện và kích thước trên trang nhúng, sao chép đoạn mã, rồi làm theo các bước cho nền tảng của bạn ở bên dưới. Người dùng WordPress thì có sẵn plugin chỉ cần một cú nhấp.

Dựa trên quyền · Riêng tư · Hoạt động trên Chrome, Safari, Firefox, Edge

WordPress (dễ nhất: dùng plugin)

Cách dùng plugin: tải whatismylocation-widget.zip → wp-admin ▸ Plugin ▸ Cài mới ▸ Tải plugin lên → kích hoạt. Sau đó đặt [whatismylocation] ở bất cứ chỗ nào shortcode chạy được (bài viết, trang, widget văn bản), kèm tùy chọn: [whatismylocation theme="golden" mode="full" height="420"]. Plugin xuất ra đúng iframe đó — không có gì khác đụng vào trang của bạn.

Cách không dùng plugin: trong trình soạn thảo khối, thêm một khối HTML tùy chỉnh rồi dán iframe vào. Ở trình soạn thảo cổ điển, hãy chuyển sang tab Văn bản trước.

Wix, Squarespace, Shopify, Webflow, Blogger

Wix: Thêm phần tử ▸ Nhúng mã ▸ Nhúng HTML → dán iframe → chỉnh kích thước phần tử cho khớp chiều cao bạn đã chọn. (Wix chạy nội dung nhúng trong sandbox; hộp thoại xin quyền vị trí vẫn hoạt động nhờ thuộc tính allow.)
Squarespace: thêm một khối Code (có trong các gói hiện hành) → dán. Nếu widget hiện ra nhưng nút bấm không làm gì cả, hãy sao chép lại đoạn mã — thuộc tính allow="geolocation" bắt buộc phải có.
Shopify: trong trình chỉnh sửa giao diện, thêm một mục Custom Liquid (hoặc sửa HTML của trang) rồi dán iframe vào. Chạy được trên các giao diện Online Store 2.0 mà không cần cài app nào.
Webflow: kéo một phần tử Embed → dán → xuất bản (nội dung nhúng chỉ hiển thị trên trang đã xuất bản, không hiện trong designer).
Blogger / CMS khác: mọi chế độ xem HTML thô đều nhận iframe nguyên như vậy.

Đặc tính riêng của từng nền tảng có thể thay đổi; nếu một trình tạo website loại bỏ iframe ở gói bạn đang dùng, thì trang trợ giúp của họ ở mục “nhúng HTML tùy chỉnh” mới là căn cứ cuối cùng.

Bảng tra tùy chọn

Tham số	Giá trị	Ghi chú
`theme`	light · dark · golden	Golden hợp với thiết kế ấm hoặc cao cấp.
`mode`	compact · full	Full thêm một bản đồ nhỏ (cao hơn: dùng height ≥ 380).
`height` của iframe	220–800 px	Compact vừa trong 260; full thoải mái ở 420.
`allow`	geolocation	Bắt buộc — thiếu nó, trình duyệt sẽ chặn hộp thoại xin quyền bên trong iframe.

cách gắn widget vị trí vào wordpress hướng dẫn nhúng iframe định vị vào website

Câu hỏi thường gặp

Tôi có bắt buộc phải dùng plugin trên WordPress không?

Không. Plugin chỉ là cách nhanh nhất: nó cho bạn một shortcode và xuất ra đúng iframe đó. Một khối HTML tùy chỉnh có dán sẵn dòng iframe cho kết quả y hệt, nên nếu bạn không muốn cài thêm gì thì cứ dán tay.

Widget hiện ra nhưng nút bấm không chạy, vì sao?

Gần như luôn là do thiếu thuộc tính allow="geolocation" trong đoạn mã bạn đã dán. Không có nó, trình duyệt chặn hộp thoại xin quyền bên trong iframe. Hãy sao chép lại đoạn mã đầy đủ từ trang nhúng rồi thay cho đoạn cũ.

Nên đặt chiều cao iframe bao nhiêu?

Từ 220 đến 800 px. Chế độ compact vừa trong 260 px; chế độ full có thêm bản đồ nhỏ nên cần tối thiểu 380 px, còn 420 px thì thoáng hơn. Hãy chỉnh chiều cao phần tử trên nền tảng của bạn cho khớp con số đó.

Xem bằng tiếng Anh: How to Embed the Location Widget on Any Site · Tiếng Việt