Hướng dẫn thêm widget Bảng Tuyển Dụng vào website Shopify

Widget đăng tin tuyển dụng trực tiếp trên website công ty. Tích hợp vào Shopify chỉ trong vài phút.

Tổng quan

Shopify sử dụng Liquid template engine. Bạn có thể nhúng widget qua Online Store Editor hoặc chỉnh sửa code theme trực tiếp.

Widget Bảng Tuyển Dụng của Widget.vn giúp bạn widget đăng tin tuyển dụng trực tiếp trên website công ty. Bài viết này hướng dẫn bạn từng bước nhúng widget vào Shopify, từ đăng ký tài khoản đến hoàn tất tích hợp.

Tại sao nên dùng widget Bảng Tuyển Dụng?

  • Đăng tin tuyển dụng trực tiếp trên website
  • Lọc theo vị trí, phòng ban, loại hình công việc
  • Ứng viên nộp hồ sơ trực tiếp qua widget
  • Quản lý tin tuyển dụng qua dashboard

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 Bảng Tuyển Dụng 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 "Bảng Tuyển Dụng"

Bước 2: Cấu hình widget Bảng Tuyển Dụng

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

  1. 1Thêm danh sách vị trí tuyển dụng
  2. 2Cấu hình bộ lọc: phòng ban, địa điểm, loại hình
  3. 3Tùy chỉnh form nộp hồ sơ
  4. 4Thiết lập email thông báo khi có ứng viên mới

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 Shopify

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

  1. 1Đăng nhập Shopify Admin (yourdomain.myshopify.com/admin)
  2. 2Vào Online Store → Themes → Customize
  3. 3Chọn trang cần nhúng widget (Homepage, Product page...)
  4. 4Thêm section 'Custom Liquid' hoặc 'Custom HTML'
  5. 5Dán đoạn mã nhúng widget vào section
  6. 6Click 'Save' để lưu và kiểm tra trên storefront

Mẹo khi nhúng vào Shopify

  • Với Online Store 2.0, dùng App Blocks hoặc Custom Liquid section
  • Nhúng vào tất cả trang: chỉnh sửa theme.liquid, dán script trước </body>
  • Widget tương thích với Dawn, Sense, Craft và các theme OS 2.0 khác
  • Dùng Shopify Metafields để truyền dữ liệu động vào widget

Xem Demo Trực Tiếp

Trải nghiệm widget Bảng Tuyển Dụng trước khi nhúng vào website: