Chia sẻ code nút copy link cho sản phẩm woocommerce

Nhập mã webantamgiam30% được giảm 30% khi đăng ký hosting hay vps tại inet.vn

Mục lục

Cũng từ dự án khách hàng rồi ra ý tưởng, khách hàng e muốn tạo 1 nút copy link cho sản phẩm woocommerce để khi người dùng vào điện thoại copy cho nó tiện, nên hôm nay e chia sẻ code cho mọi người luôn

Tính năng

Code sẽ thêm một nút “Copy Link” vào trang sản phẩm trong WooCommerce và sao chép link của sản phẩm vào clipboard khi người dùng nhấp vào nút đó.

Video demo

Ưu điểm

  • Dễ dàng cho người dùng khi muốn sao chép link
  • Code có thể tinh chỉnh theo ý bạn muốn nếu bạn là coder

Nói sơ lược qua vậy thôi chứ mình vào vấn đề chính luôn

Chia sẻ code nút copy link cho sản phẩm woocommerce

  • Có 2 cách đó là thêm code vào hoặc cài plugin do mình phát triển
  • Các bạn có thể sửa code sao cho hợp với website của bạn nhé
  • Có thể thay thế nút copy bằng icon gì đó cho đẹp ( tại mình viết vội quá nên không thêm icon gì )

Cách 1: thêm code vào funtion.php

  • Thêm code trên vào file funtion.php của website “nhớ thêm vào child theme nhé để khi cập nhật theme nó không mất” ( Xem hình bên dưới )
thêm code nút copy link cho sản phẩm woocommerce
thêm code nút copy link cho sản phẩm woocommerce

Cách 2: Thêm plugin bởi Web An Tâm phát triển

Lời muốn nói

Trong quá trình các bạn thêm code hoặc cài plugin vào có vấn đề gì thì nhắn mình xử lý nhé

Nhập mã webantamgiam30% được giảm 30% khi đăng ký hosting hay vps tại inet.vn

Nhà cung cấp host uy tín Việt Nam
Nhà cung cấp host uy tín Việt Nam

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *