Hướng dẫn thêm widget Lịch Âm Việt Nam vào website Squarespace

Lịch âm dương song song, can chi, giờ hoàng đạo, ngày lễ truyền thống. Tích hợp vào Squarespace chỉ trong vài phút.

Xem Demo → Dùng miễn phí

Tổng quan

Squarespace hỗ trợ nhúng code qua Code Block hoặc Code Injection. Phù hợp cho cả trang đơn lẻ và toàn site.

Widget Lịch Âm Việt Nam của Widget.vn giúp bạn lịch âm dương song song, can chi, giờ hoàng đạo, ngày lễ truyền thống. Bài viết này hướng dẫn bạn từng bước nhúng widget vào Squarespace, từ đăng ký tài khoản đến hoàn tất tích hợp.

Tại sao nên dùng widget Lịch Âm Việt Nam?

  • Hiển thị lịch âm dương song song chính xác
  • Can Chi ngày, tháng, năm đầy đủ
  • Giờ hoàng đạo và tiết khí theo nông lịch
  • Ngày lễ truyền thống Việt Nam tự động

Bước 1: Tạo widget trên Widget.vn

Trước tiên, bạn cần tạo và cấu hình widget Lịch Âm Việt Nam trên dashboard Widget.vn.

  1. 1Truy cập Widget.vn và đăng ký tài khoản miễn phí
  2. 2Vào Dashboard → Tạo Widget mới → Chọn "Lịch Âm Việt Nam"

Bước 2: Cấu hình widget Lịch Âm Việt Nam

Thiết lập các tùy chọn cho widget theo nhu cầu doanh nghiệp:

  1. 1Chọn kiểu hiển thị: lịch tháng hoặc widget nhỏ
  2. 2Bật/tắt can chi, giờ hoàng đạo
  3. 3Cấu hình hiển thị ngày lễ
  4. 4Tùy chỉnh màu sắc phù hợp website

Bước 3: Lấy mã nhúng

Sau khi cấu hình xong, sao chép mã nhúng từ dashboard:

<script src="https://api.widget.vn/v1/loader.js"
  data-widget-id="YOUR_WIDGET_ID"
  data-api="https://api.widget.vn"
  data-cdn="https://api.widget.vn"
  async defer></script>

Thay YOUR_WIDGET_ID bằng ID widget thực từ dashboard Widget.vn.

Bước 4: Nhúng vào Squarespace

Làm theo các bước sau để nhúng widget vào Squarespace:

  1. 1Đăng nhập Squarespace (squarespace.com/config)
  2. 2Mở trang cần nhúng widget → click 'Edit'
  3. 3Click '+' để thêm block → chọn 'Code'
  4. 4Tắt 'Display Source' trong Code Block
  5. 5Dán đoạn mã nhúng widget vào Code Block
  6. 6Click 'Save' và kiểm tra trên live site

Mẹo khi nhúng vào Squarespace

  • Nhúng toàn site: Settings → Advanced → Code Injection → Footer
  • Code Block yêu cầu gói Business trở lên
  • Widget tương thích với tất cả template Squarespace 7.1
  • Dùng Custom CSS (Design → Custom CSS) để override style nếu cần

Xem Demo Trực Tiếp

Trải nghiệm widget Lịch Âm Việt Nam trước khi nhúng vào website:

Mở Demo →