Tại sao nên nhúng widget tính phần trăm?
Nếu bạn đang viết blog về tài chính cá nhân, giáo dục, mua sắm hay sức khoẻ — một công cụ tính phần trăm, lãi kép, BMI hay giảm giá ngay trong bài viết giúp người đọc ở lại lâu hơn, tự thử số liệu thay vì bỏ trang đi tìm máy tính khác. Đây là tín hiệu engagement Google đánh giá rất cao.
Phantram.online cung cấp 16 widget calculator miễn phí dưới dạng iframe — đã tối ưu mobile, hỗ trợ auto-resize chiều cao qua postMessage, có chế độ sáng/tối tự match màu trang gốc.
Hướng dẫn nhúng theo nền tảng
📝 WordPress (Gutenberg / Block editor)
- Mở bài viết → bấm + Add Block.
- Chọn block Custom HTML (HTML tuỳ chỉnh).
- Dán đoạn code iframe ở trên vào.
- Bấm Preview để xem trước → Update.
🎨 Wix
Editor Wix: Add → Embed Code → Embed HTML → dán code iframe. Kéo thả vị trí mong muốn. Phiên bản free cho phép tối đa 1 embed/trang.
🟦 Squarespace
Mở trang cần chèn → Add Block → Code Block → đặt mode HTML→ dán iframe. Bỏ check "Display Source" → Apply.
⚡ Webflow
Drag Embed element từ Add Panel → paste iframe → Save & Close → Publish. Webflow tự thêm preview ngay trong Designer.
🌐 HTML / static site
Dán đoạn iframe vào bất kỳ vị trí nào trong file .html. Nếu muốn auto-resize, dùng tab HTML + auto-resize — đoạn script đi kèm sẽ lắng nghe sự kiệnmessage và set height cho iframe.
Use case phổ biến
- Blog tài chính cá nhân: nhúng Lãi kép, Lương net thuế TNCN trong bài hướng dẫn tiết kiệm.
- Trang giáo dục / luyện thi: nhúng Tính %, Bao nhiêu %, % tăng giảm để học sinh tự kiểm tra bài.
- Shop online / affiliate site: nhúng Tính giảm giá, Soi sale Shopee, So sánh 2 giá.
- Blog sức khoẻ / gym: nhúng BMI + TDEE trong bài về giảm cân an toàn.
- Food blog / cookbook: nhúng Scale công thức trong recipe nhân/chia khẩu phần.
Câu hỏi thường gặp
Nhúng widget phantram.online có mất phí không?
Hoàn toàn miễn phí và không giới hạn. Chỉ cần copy đoạn code iframe và dán vào website của bạn. Không cần đăng ký tài khoản, không cần API key.
Widget có ảnh hưởng tốc độ tải trang của tôi không?
Rất nhỏ. Iframe có thuộc tính loading="lazy" — chỉ tải khi người dùng cuộn tới. Lighthouse score của trang gốc gần như không đổi.
Tôi có thể tuỳ biến màu sắc widget không?
Có 3 chế độ: Tự động (theo prefers-color-scheme của trình duyệt), Sáng, Tối. Truyền qua tham số ?theme=auto|light|dark trong URL iframe. Widget sẽ tự đổi màu nền/chữ tương ứng.
Widget có hoạt động trên mobile không?
Có. Iframe có style max-width:100% nên tự co theo khung chứa. Calculator bên trong responsive đầy đủ cho mobile, tablet và desktop.
Có cần ghi nguồn không? Backlink thế nào?
Widget tự hiển thị dòng "Powered by phantram.online" link về trang công cụ gốc — không cần thao tác thêm. Đây là backlink dofollow tự nhiên, có lợi cho cả 2 bên.