Làm cách nào để tạo URL Thêm vào giỏ hàng?

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

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

Để đưa họ trực tiếp đến trang thanh toán, URL kết quả sẽ là

//diviengine.com0

Đừ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

Chủ Đề