Trong hướng dẫn này, tôi sẽ trình bày cách bạn có thể tạo liên kết thêm vào giỏ hàng tùy chỉnh từ bất kỳ nút hoặc liên kết nào và cách bạn có thể chuyển hướng đến giỏ hàng hoặc trang thanh toán. Điều này khá dễ thực hiện và không yêu cầu bất kỳ plugin nào
Bạn sẽ có thể tạo liên kết thêm vào giỏ hàng tùy chỉnh trên bất kỳ trang nào trên trang web của mình
Bước 1. Tìm ID sản phẩm
Mỗi sản phẩm đều có số ID duy nhất và chúng tôi sẽ cần số này để tạo liên kết thêm vào giỏ hàng tùy chỉnh. Nơi tìm ID sản phẩm tùy thuộc vào loại sản phẩm bạn có
ID cho các sản phẩm đơn giản
Trong bảng điều khiển WordPress của bạn, điều hướng đến Sản phẩm và di chuột qua sản phẩm bạn muốn tạo liên kết từ đó
ID cho sản phẩm biến
Để lấy ID cho một sản phẩm có thể thay đổi, hãy chuyển đến Sản phẩm và mở sản phẩm của bạn. Trong tab biến thể, bạn có thể tìm thấy ID biến thể. Thêm các liên kết giống như đối với các sản phẩm đơn giản
Bước 2. Tạo liên kết thêm vào giỏ hàng tùy chỉnh
Bạn cần đặt ?add-to-cart=694 này sau URL của bạn. Bạn cần thay số ID bằng số của bạn. Nó sẽ trông giống như thế này
//mydomain.com/?add-to-cart=694
Bây giờ bạn cần thay đổi tên miền và số ID thành của bạn
Chuyển hướng đến trang giỏ hàng
Để chuyển hướng liên kết đến trang giỏ hàng sau khi thêm sản phẩm, bạn có thể sử dụng liên kết này
//mydomain.com/cart/?add-to-cart=694
Theo mặc định, trang giỏ hàng phải là https. //mydomain/cart nếu bạn đã thay đổi URL đó thì bạn cần điều chỉnh nó
Một nhà thông thái đã từng nói: “Ai nhấp chuột ít hơn sẽ lãng phí nhiều hơn”. Đùa thôi, không phải ông già thông thái đâu mà là Viện Khoa học Marketing
Vào năm 2020, họ đã xuất bản một bài báo khám phá khoa học về điều này dành cho các bạn mọt sách [🙋♂️ thành viên mang thẻ tự hào ở đây] ngoài kia, nhưng nó có ý nghĩa, phải không?
Bạn biết những gì tôi đang nói về
Tất cả chúng ta đều muốn giúp mọi người cho những chú chó con đó ăn, vì vậy hãy xem qua
Mục lục
Tại sao phải tạo URL “Thêm vào giỏ hàng” tùy chỉnh cho WooC Commerce?
Câu trả lời thực sự đơn giản. Bạn đặt càng ít rào cản [lần nhấp] giữa thời điểm khách hàng truy cập trang web của bạn và vạch đích [mua hàng], họ càng có nhiều khả năng hoàn thành cuộc đua. Điều này có nghĩa là không chỉ trang chủ của bạn phải được thiết kế theo cách cho phép khách hàng truy cập nội dung mà họ mong muốn một cách dễ dàng nhất, mà chiến lược tiếp thị của bạn cũng nên sử dụng các liên kết dễ dàng để khiến khách hàng mua hàng. Nhập URL “Thêm vào giỏ hàng”
Đối với những người có thể ở trong bóng tối, URL "Thêm vào giỏ hàng" là một liên kết có thể nhấp vào sẽ tự động thêm sản phẩm từ cửa hàng trực tuyến của bạn vào giỏ hàng của khách hàng khi được nhấp vào. Điều này làm cho quy trình liền mạch khi bạn đã nhúng liên kết này vào những thứ như quảng cáo PPC [Trả cho mỗi lần nhấp chuột] trực tuyến, bài đăng trên mạng xã hội và tiếp thị qua email. Tất cả điều này là trong tên của tăng doanh thu của bạn. “Tại sao” của chúng tôi
Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tạo các URL “Thêm vào giỏ hàng” WooC Commerce khác nhau bằng cách sử dụng Sản phẩm đơn giản, Sản phẩm biến đổi và Sản phẩm được nhóm
GHI CHÚ. Một hạn chế của phương pháp này là bạn chỉ có thể thêm 1 sản phẩm vào giỏ hàng trên mỗi liên kết, không thể thêm nhiều sản phẩm vào giỏ hàng. Nếu bạn muốn giải quyết vấn đề này, bạn nên tạo một sản phẩm được nhóm
Cấu tạo của URL “Add-to-Cart” của WooC Commerce
Để có cơ sở, tôi nghĩ sẽ rất thông minh nếu trước tiên hãy xem qua các URL “Thêm vào giỏ hàng” WooC Commerce này trông như thế nào và phân tích thông tin
Hãy xem liên kết bên dưới mà tôi đã tạo để giúp bạn có được Tư cách thành viên Divi Engine nếu bạn chưa có 😉 [Sao chép và dán liên kết này vào trình duyệt của bạn để xem điều gì sẽ xảy ra, dám không. ]
//diviengine.com/checkout/?add-to-cart=61493&quantity=1
Bây giờ, một số phần này khá đơn giản như miền, nhưng sau đó có một số phần khác không có lời giải thích nào, và chúng ta bắt đầu
//diviengine.com
Điều này sẽ khá dễ giải thích và nếu không, hãy xem một số hướng dẫn khác của chúng tôi. Phần đầu tiên là URL cho miền của cửa hàng WooC Commerce của chúng tôi. Công cụ khá đơn giản, vì vậy hãy tiếp tục
/checkout/
Bạn thực sự có thể kiểm soát nơi người dùng đến sau khi sản phẩm đã được thêm vào giỏ hàng, điều này có thể khá hữu ích. Trong ví dụ URL WooC Commerce này, tôi đang đưa người dùng trực tiếp đến trang thanh toán để chúng tôi có thể nhận được số tiền đó. Hãy nhớ rằng chúng tôi đang cố gắng giảm thiểu số nhấp chuột dẫn đến chuyển đổi
Ngoài ra, tất nhiên bạn cũng có thể đưa họ đến một trang khác giải thích rõ hơn những gì vừa xảy ra, đó là một sản phẩm nhất định đã được thêm vào giỏ hàng của họ. Sau đó, tôi cũng có thể cung cấp mã phiếu giảm giá bổ sung mà họ có thể sử dụng trên trang thanh toán, điều này thực sự phụ thuộc vào bộ não tiếp thị tại đại lý của bạn
Hiểu chưa? . Tiếp tục nào
?add-to-cart=61493
Phải thừa nhận rằng phần này có thể hơi khó hiểu, vì vậy hãy để tôi giải thích điều gì đang xảy ra ở đây
Đây là những gì các nhà phát triển gọi là một chuỗi truy vấn. Đây là những phần của URL có thể lấy một số thông tin [một sản phẩm] từ cơ sở dữ liệu trang web, sau đó thực hiện một chức năng [thêm vào giỏ hàng] trên đó
Điều đó có ý nghĩa, phải không?
Đây là id sản phẩm được gán cho sản phẩm ưa thích của bạn trong cơ sở dữ liệu. Trong trường hợp này, 61493 đại diện cho Tư cách thành viên Divi Engine hàng năm của chúng tôi [bao gồm tất cả các plugin và khóa học của chúng tôi 🎉]. Tìm thấy đây có lẽ là bước phức tạp nhất để tạo URL “Thêm vào giỏ hàng” WooC Commerce tùy chỉnh của bạn, nhưng nó không phức tạp chút nào
Tùy thuộc vào loại sản phẩm bạn đang thêm, vị trí bạn tìm thấy ID sẽ khác nhau, vì vậy chúng tôi sẽ đề cập đến vấn đề đó sau một chút trong hướng dẫn
Hãy trình bày phần cuối cùng của URL “Thêm vào giỏ hàng” WooC Commerce của chúng tôi, điều này cũng khá dễ dàng
&quantity=1
Vâng, tôi biết bạn thông minh, đây là nơi bạn chỉ định số lượng sản phẩm bạn muốn thêm vào giỏ hàng. Hãy để tôi giải thích nhanh một điều về chuỗi truy vấn
Đôi khi các nhà phát triển muốn chuyển nhiều mẩu thông tin đến trang web của bạn và thực hiện các chức năng với thông tin đó. Ồ, xem này, đây là một thông tin bổ sung mà chúng tôi cần, chẳng hạn như số lượng sản phẩm. Thông minh
Để xâu chuỗi nhiều chuỗi truy vấn lại với nhau, chúng tôi sử dụng dấu và [&] và đó là lý do tại sao phần này trong URL “Thêm vào giỏ hàng” WooC Commerce tùy chỉnh của chúng tôi bắt đầu bằng một
Bạn không biết chúng ta sẽ đi sâu vào nó, phải không?
Tạo URL để thêm Sản phẩm Đơn giản vào giỏ hàng
Chúng tôi gần như có tất cả các phần của câu đố cần thiết để kết hợp URL “Thêm vào giỏ hàng” WooC Commerce của chúng tôi cho một Sản phẩm đơn giản, tất cả những gì chúng tôi cần là ID sản phẩm
Thực hiện theo các bước sau
Từ bảng điều khiển WordPress, nhấp vào "Sản phẩm"
Tìm sản phẩm đơn giản mà bạn muốn thêm vào giỏ hàng
Di chuột vào sản phẩm và bạn sẽ thấy ID sản phẩm ngay dưới tiêu đề
Điều đó cực kỳ dễ dàng, vì vậy bây giờ bạn chỉ cần thêm nó vào URL của mình và bạn đã sẵn sàng để bắt đầu
Nếu sử dụng ví dụ này về Divi Protect và muốn URL WooC Commerce tùy chỉnh thêm 1 sản phẩm vào giỏ hàng, sau đó đưa người dùng đến trang đích của chúng tôi, thì URL kết quả sẽ là
//diviengine.com/?add-to-cart=1049&quantity=1
Để đưa họ trực tiếp đến trang thanh toán, URL kết quả sẽ là
________số 8
Tạo một URL để thêm một sản phẩm biến vào giỏ hàng
Các sản phẩm biến đổi đòi hỏi nhiều công sức hơn một chút, nhưng chỉ với số lượng nhỏ nhất
Thực hiện theo các bước sau
Từ bảng điều khiển WordPress, nhấp vào "Sản phẩm"
Bấm vào biến sản phẩm bạn muốn thêm vào giỏ hàng
Cuộn xuống Dữ liệu sản phẩm và nhấp vào Biến thể
Tìm biến thể bạn muốn thêm vào giỏ hàng và lưu ý ID sản phẩm ở bên trái
Không quá phức tạp chỉ với một bước bổ sung, giờ đây bạn chỉ cần thêm bước đó vào URL của mình và bạn đã sẵn sàng để bắt đầu
Chuyển sang ví dụ về Tư cách thành viên Divi Engine trọn đời, chúng tôi muốn URL WooC Commerce tùy chỉnh thêm 1 sản phẩm vào giỏ hàng, sau đó đưa người dùng đến trang đích của chúng tôi, URL kết quả là
//diviengine.com/?add-to-cart=61494&quantity=1
Để đưa họ trực tiếp đến trang thanh toán, URL kết quả sẽ là
//mydomain.com/cart/?add-to-cart=694
0
//mydomain.com/cart/?add-to-cart=694
Tạo URL để thêm Sản phẩm được nhóm vào giỏ hàng
Thật may mắn cho bạn, điều này thật dễ dàng như lấy ID sản phẩm cho các sản phẩm đơn giản. Chính xác như nhau, thực sự
Thực hiện theo các bước sau
Từ bảng điều khiển WordPress, nhấp vào "Sản phẩm"
Tìm sản phẩm được nhóm mà bạn muốn thêm vào giỏ hàng
Di chuột vào sản phẩm và bạn sẽ thấy ID sản phẩm ngay dưới tiêu đề
Bây giờ bạn là một người chuyên nghiệp, vì vậy bạn đã làm điều đó với đôi mắt của mình, phải không?
Trong ví dụ này, tôi đã tạo một sản phẩm được nhóm với một vài mặt hàng được liên kết, chúng tôi muốn URL WooC Commerce tùy chỉnh thêm 1 nhóm vào giỏ hàng, sau đó đưa người dùng đến trang đích của chúng tôi, URL kết quả là
//mydomain.com/cart/?add-to-cart=694
1
//mydomain.com/cart/?add-to-cart=694
Để đưa họ trực tiếp đến trang thanh toán, URL kết quả sẽ là
//diviengine.com
0
Đừng có mà *clicky* hóm hỉnh…
Phần kết luận
Và bam. Ở đó bạn có nó. Bạn hiện đang thực hiện tốt việc hạn chế các nhấp chuột đó và tăng chuyển đổi của mình. Nghe có vẻ tốt với tôi
Chúng tôi hy vọng bạn thích Hướng dẫn này để tạo URL “Thêm vào giỏ hàng” WooC Commerce tùy chỉnh mà không cần sử dụng plugin nào cả. Hãy cho chúng tôi biết những gì bạn yêu thích về nó và cách bạn sẽ sử dụng nó cho các dự án trong tương lai trong phần bình luận bên dưới