Nếu trang web của bạn có nhiều hình ảnh đẹp, thì việc làm một nút Pin để mọi người dễ dàng đăng lên Pinterest là việc làm rất cần thiết.

Tạo nút Pinterest chính chủ để Pin ảnh ngay tại trang web của bạn

Nhưng không phải mọi người dùng đều có cài sẵn nút Pin trên trình duyệt, nên bài viết này sẽ giới thiệu đến bạn một cách khác để mọi người có thể dễ dàng chọn toàn bộ ảnh hiển thị trên trang và Pin lên Pinterest.

Tham khảo thêm:

Tại bài viết trước đó, mình có chia sẻ một cách Pin lên Pinterest dùng liên kết, ưu điểm của cách này là Pin khá nhanh, nhưng nhược điểm là người dùng không chọn được ảnh khác. Vì vậy, nếu bạn muốn nâng cấp trải nghiệm Pin, thì làm theo mình nhé.

JS

Đầu tiên, bạn cần thêm thư viện của Pinterest vào trang web.

<script async defer src="//assets.pinterest.com/js/pinit.js"></script>

HTML

Sau đó, bạn chỉ cần chỉnh liên kết Pin thành như sau.

<a data-pin-do="buttonPin" data-pin-custom="true" href="https://www.pinterest.com/pin/create/button/">Thêm vào Pinterest</a>

Để xem demo, bạn bấm vào nút Pinterest ở cuối bài viết này nhé.

Chúc các bạn thành công!

5/5 (2 bình chọn)
Chia sẻ
Series: Thủ thuật Front-end