Nút mua trên Shopify: Cách thêm các tính năng thương mại điện tử vào bất kỳ trang web nào trong 3 bước

Shopify không chỉ dành cho các doanh nghiệp thương mại điện tử chính thức. Bất kỳ ai muốn kiếm tiền từ các dự án của họ – dù họ là blogger, nghệ sĩ, nhà văn, nhà thiết kế, podcasters hoặc người có ảnh hưởng⁠ – đều có thể hưởng lợi từ việc bán hàng trực tuyến. 

Tuy nhiên, việc thiết lập một cửa hàng trực tuyến cần có thời gian và việc chuyển hướng lưu lượng truy cập web sẽ gây thêm khó khăn cho quá trình thanh toán có thể tác động tiêu cực đến doanh số bán hàng của bạn. Nút Mua trên Shopify là giải pháp của bạn!

1. Thêm kênh bán hàng Nút Mua vào cửa hàng Shopify của bạn

Bạn sẽ muốn bắt đầu bằng cách đăng nhập vào cửa hàng Shopify của mình. Nếu bạn thấy Nút Mua được liệt kê bên dưới Kênh bán hàng ở menu bên trái, thì kênh bán hàng đã được thêm vào và bạn có thể chuyển sang bước 2.

Trên máy tính để bàn

Liên quan: Truy vấn EFI mua lại Công ty phần mềm CADlink Technology Corp.

1. Truy cập trang kênh bán hàng Nút Mua trong Cửa hàng Ứng dụng Shopify (bạn cũng có thể truy cập trang này bằng cách đi tới Cài đặt> Truy cập Cửa hàng Ứng dụng Shopify và tìm kiếm Nút Mua ⁠).
2. Nhấp vào Thêm ứng dụng , sau đó Thêm kênh bán hàng trên màn hình tiếp theo.

Sau khi trang được làm mới, bạn sẽ thấy Nút Mua được liệt kê trong Kênh bán hàng ở menu bên trái. Đảm bảo ghim kênh vào điều hướng của bạn để dễ dàng tiếp cận trên đường.

Nếu bạn không ghim Nút Mua, bạn có thể tìm lại nút này bằng cách nhấp vào Kênh bán hàng và sau đó nhấp vào Nút Mua trong các kênh đã cài đặt của bạn.

Trên điện thoại di động 

1. Mở ứng dụng Shopify trên thiết bị di động của bạn và chọn Cửa hàng từ menu dưới cùng.
2. Bên cạnh Kênh bán hàng , chọn Thêm kênh (trên iPhone) hoặc + (trên Android).
3. Chọn Nút Mua từ danh sách các tùy chọn, sau đó nhấn Thêm Nút Mua .

2. Tạo nút Mua

Khi bạn đã thêm kênh bán hàng Nút Mua, bạn đã sẵn sàng để bắt đầu tạo Nút Mua của mình. Điều hướng đến trang Nút Mua của bạn, bằng cách nhấp vào Nút Mua (nếu bạn đã ghim nó vào điều hướng của mình) hoặc bằng cách đi tới Cài đặt> Ứng dụng và kênh bán hàng> Nút Mua .

Từ đó, nhấp vào Tạo nút mua .

Bạn có thể tạo Nút Mua cho một sản phẩm hoặc toàn bộ bộ sưu tập sản phẩm. Trên màn hình tiếp theo, bạn sẽ được yêu cầu chọn tùy chọn bạn muốn. Nhấp vào tùy chọn ưa thích của bạn, sau đó tìm kiếm sản phẩm hoặc bộ sưu tập bạn muốn sử dụng để tạo Nút Mua.

Liên quan: 3 Cổ phiếu tăng trưởng ổn định cho thời kỳ khó khăn

Đảm bảo rằng hộp kiểm đã được điền và nhấp vào Chọn .

Khi bạn đã lựa chọn xong, bạn sẽ được đưa đến trình chỉnh sửa Nút Mua, nơi bạn có thể tùy chỉnh giao diện của Nút Mua.

Cách tùy chỉnh nút mua của bạn

Trong trình chỉnh sửa Nút Mua, bạn sẽ thấy một số tùy chọn được liệt kê ở phía bên trái để tùy chỉnh giao diện của Nút Mua của bạn. Ở bên phải, bạn sẽ thấy bản xem trước của Nút Mua của bạn sẽ trông như thế nào.

Điều chỉnh các tùy chọn bên trái theo ý thích của bạn. Bản xem trước của bạn sẽ tự động cập nhật các điều chỉnh, vì vậy bạn có thể thấy Nút Mua của mình trông như thế nào khi bạn đang tạo. Trong bản xem trước, bạn sẽ có thể xem cách Nút Mua của bạn sẽ xuất hiện trên cả màn hình máy tính để bàn và thiết bị di động bằng cách nhấp vào biểu tượng máy tính để bàn hoặc thiết bị di động, ở giữa ở đầu trình chỉnh sửa. 

Dưới đây là bảng phân tích các tùy chọn bạn có thể tùy chỉnh:

• Biến thể sản phẩm : Chọn biến thể của sản phẩm mà bạn muốn có thể mua được thông qua Nút mua. Tất cả các biến thể sẽ được chọn theo mặc định.
• Bố cục : Chọn giữa Chế độ xem cơ bản, Cổ điển và Toàn bộ. Ở bên phải, bạn sẽ thấy bản xem trước của từng bố cục khi bạn chọn nó từ menu thả xuống Bố cục.
• Hành động khi mọi người nhấp vào : Chọn giữa “Thêm sản phẩm vào giỏ hàng”, “Trực tiếp để thanh toán” hoặc “Mở chi tiết sản phẩm”. Tùy chọn “Thêm sản phẩm vào giỏ hàng” sẽ tạo tiện ích giỏ hàng ở bên phải màn hình của bạn. Tùy chọn “Trực tiếp để thanh toán” sẽ tạo nút Mua ngay để đưa người dùng trực tiếp đến thanh toán (lưu ý rằng khách hàng sẽ không thể thêm nhiều mặt hàng vào giỏ hàng của họ bằng cách sử dụng tùy chọn này). Tùy chọn “Mở chi tiết sản phẩm” sẽ tạo nút Xem sản phẩm, mở cửa sổ bật lên bao gồm thông tin sản phẩm và nút Thêm vào giỏ hàng.
• Kiểu nút : Tại đây bạn có thể điều chỉnh màu sắc, phông chữ, kích thước và hình dạng góc của Nút Mua của mình. 
• Bố cục : Menu Bố cục sẽ cho phép bạn thực hiện các điều chỉnh tốt hơn đối với bố cục của nút. Bạn có thể tùy chỉnh màu phông chữ, văn bản nút và cài đặt kiểu chữ. 
• Giỏ hàng : Tại đây, bạn sẽ có thể điều chỉnh cài đặt của tiện ích giỏ hàng của mình, bao gồm cả bản sao và màu sắc. Lưu ý rằng tùy chọn này sẽ chuyển sang màu xám nếu bạn sử dụng bố cục “Trực tiếp để thanh toán”, vì không có tiện ích giỏ hàng. 
• Cửa sổ bật lên chi tiết : Nếu bạn chọn “Mở chi tiết sản phẩm” trong “Hành động khi mọi người nhấp vào”, bạn sẽ có thể tùy chỉnh các tùy chọn văn bản, màu sắc và kiểu chữ cho cửa sổ bật lên trong phần này.
• Cài đặt nâng cao : Tại đây bạn có thể điều chỉnh cách thanh toán của bạn được phân phát cho người dùng của bạn. Bạn có thể chọn “Mở cửa sổ bật lên” (sẽ tạo cửa sổ bật lên đóng khi đơn đặt hàng hoàn tất) hoặc “Chuyển hướng trong cùng một tab” (sẽ đưa người dùng đến trang thanh toán Shopify của bạn từ bên trong cửa sổ trình duyệt của họ và đưa họ trở lại trang của bạn sau khi giao dịch hoàn tất). 

Hãy nhớ rằng việc thực hiện các điều chỉnh đối với các cài đặt này sẽ không thay đổi các Nút Mua đã được nhúng. Đó là lý do tại sao bạn nên dành chút thời gian để điều chỉnh Nút Mua theo ý muốn của mình trước khi chuyển sang bước tiếp theo.

Khi bạn hài lòng với thiết kế của mình, hãy nhấp vào nút Tiếp theo ở góc trên cùng bên phải.

3. Thêm mã nhúng Nút Mua vào HTML trang web của bạn

Khi bạn nhấp vào Tiếp theo, mã nhúng cho Nút Mua của bạn sẽ được tạo tự động. Nhấp vào nút Sao chép mã nếu bạn đã sẵn sàng nhúng mã vào trang web hoặc nút Tiếp tục tùy chỉnh nếu bạn muốn quay lại trình chỉnh sửa Nút Mua để thực hiện điều chỉnh. 

Mã bạn đã sao chép ở đây có thể được dán vào HTML của bất kỳ trang web nào và nó sẽ tạo Nút Mua và giỏ hàng sẽ kết nối trực tiếp với quản trị viên Shopify của bạn, cho phép bạn quản lý và xử lý các đơn đặt hàng từ bất kỳ trang web nào từ bên trong quản trị viên Shopify của bạn.

Quá trình thêm mã nhúng có thể hơi khác một chút, tùy thuộc vào cách bạn muốn nút xuất hiện, trình tạo trang web bạn đang sử dụng hoặc thậm chí chủ đề bạn đang sử dụng trên nền tảng. 

Dưới đây là bảng phân tích về một số vị trí phổ biến hơn để nhúng Nút Mua trên Shopify và bạn cần làm theo các bước nào để làm như vậy:

Thêm mã nhúng vào trang đích hoặc bài đăng blog trên cửa hàng Shopify của bạn

Cửa hàng Shopify của bạn đã có sẵn các trang sản phẩm và giỏ hàng, nhưng đôi khi có thể có những trường hợp bạn muốn thêm Nút Mua trực tiếp vào một trang hoặc bài đăng trên blog để thuận tiện hơn. 

Ví dụ: nếu bạn đang viết một bài đăng trên blog về một sản phẩm mới được phát hành, bạn có thể muốn cung cấp cho người đọc một cách dễ dàng để mua hàng trực tiếp từ bài đăng, thay vì liên kết họ với một trang riêng biệt. 

Trong những trường hợp như thế này, đây là các bước bạn sẽ muốn làm theo: 

1. 1. Từ quản trị viên Shopify của bạn, đi tới Cửa hàng trực tuyến> Bài đăng trên blog hoặc Cửa hàng trực tuyến> Trang , tùy thuộc vào việc bạn đang thêm nó vào bài đăng hoặc trang blog. 
   2. Chọn bài đăng trên blog hoặc trang bạn muốn thêm Nút Mua vào.
   3. Trong cửa sổ Nội dung , chọn nút <> để chuyển từ chế độ xem Chỉnh sửa sang chế độ xem HTML. 

1. Dán mã nhúng mà bạn đã sao chép trước đó vào trình chỉnh sửa HTML, bất cứ nơi nào bạn muốn nó xuất hiện. Nhấp vào để lưu.

Khi bạn đã lưu trang hoặc bài đăng trên blog của mình, Nút Mua của bạn sẽ được thêm vào trang. Nếu bạn muốn xem nó trông như thế nào mà không xuất bản, hãy chọn Xem trước (hoặc Xem trang nếu bạn đang thêm nó vào một trang) ở góc trên cùng bên phải của trình chỉnh sửa trang.

Thêm nút Mua vào trang web Squarespace

Trên Squarespace, bạn sẽ có thể thêm Nút Mua của mình vào từng bài đăng hoặc vào menu trên trang chủ của mình. Để thêm Nút Mua vào trang Squarespace của bạn: 

1. Đăng nhập vào trang tổng quan Squarespace của bạn và mở trang mà bạn muốn thêm Nút Mua.
2. Di chuột qua khu vực Nội dung Trang của phần tử trang nơi bạn muốn Nút Mua xuất hiện và nhấp vào Chỉnh sửa . 
3. Chọn điểm chèn mà bạn muốn thêm mã nhúng. 
4. Từ menu Khối nội dung , trong phần Thêm , hãy chọn Mã . 
5. Đảm bảo rằng HTML được chọn từ menu thả xuống ở góc trên cùng bên phải, sau đó dán mã nhúng Nút Mua vào trường Mã . 
6. Nhấp vào Áp dụng .

Hãy nhớ rằng một số chủ đề Squarespace tùy chỉnh có thể yêu cầu kiến ​​thức nâng cao hơn về HTML để tùy chỉnh. Trong những trường hợp như vậy, tốt nhất bạn nên liên hệ trực tiếp với nhà phát triển để được trợ giúp thêm mã tùy chỉnh vào trang web của bạn.

Thêm nút Mua vào blog WordPress

Để thêm Nút Mua vào một bài đăng trên trang WordPress.org của bạn: 

1. Từ trang tổng quan WordPress của bạn, đi tới các bài đăng của bạn và chọn bài đăng bạn muốn thêm Nút Mua.
2. Tùy thuộc vào phiên bản trình chỉnh sửa WordPress bạn đang sử dụng, hãy hoàn thành một trong các bước sau:
   • Nếu bạn đang sử dụng Trình chỉnh sửa cổ điển cho trang web WordPress của mình, hãy nhấp vào tab Văn bản trong trình chỉnh sửa để chuyển từ chế độ xem Trực quan sang chế độ xem Văn bản.
   • Nếu bạn đang sử dụng Trình chỉnh sửa khối cho trang web WordPress của mình, hãy nhấp vào nút + , sau đó tìm kiếm và chọn HTML tùy chỉnh .
3. Dán mã nhúng Nút Mua vào không gian mà bạn muốn nó xuất hiện. 
4. Nhấp vào Lưu bản nháp , Xem trước hoặc Xuất bản , tùy thuộc vào hành động bạn muốn thực hiện. 

Bạn cũng có thể thêm mã nhúng vào menu WordPress bằng cách hoàn thành các bước sau: 

1. Từ bảng điều khiển WordPress của bạn, nhấp vào Giao diện .
2. Chọn Tùy chỉnh để mở trình chỉnh sửa chủ đề, sau đó chọn Tiện ích . 
3. Chọn khu vực bạn muốn thêm Nút Mua.
4. Nhấp vào Thêm tiện ích , sau đó nhấp vào Văn bản ⁠.
5. Dán mã nhúng Nút Mua.
6. Nhấp vào Lưu & Xuất bản . 

Lưu ý rằng Shopify Buy Buttons tương thích với nền tảng WordPress.org, nhưng không tương thích với WordPress.com, do các hạn chế về tùy chỉnh HTML.

Thêm nút Mua vào Wix

Để thêm Nút Mua Shopify vào trang web Wix của bạn, hãy làm theo các bước sau: 

1. Từ trang tổng quan Wix của bạn, hãy chọn trang web từ trang Trang web của tôi mà bạn muốn thêm Nút Mua vào, sau đó chọn Chỉnh sửa trang web . 
2. Trong trình chỉnh sửa trang web Wix, hãy nhấp vào + , sau đó nhấp vào Thêm . Chọn Mã HTML . Điều này sẽ thêm một tiện ích mã HTML vào trang của bạn. 
3. Nhấp vào Nhập mã . Trên cửa sổ bật lên Cài đặt HTML , dán mã nhúng Nút Mua của bạn vào trường Thêm mã tại đây .
4. Nhấp vào Áp dụng . 
5. Điều chỉnh kích thước của tiện ích mã HTML theo ý thích của bạn. Hãy nhớ đảm bảo rằng tab giỏ hàng hiển thị nếu bạn đã nhúng Nút mua vào giỏ hàng. 
6. Khi bạn điều chỉnh xong, hãy nhấp vào Lưu .

Cần lưu ý rằng nếu bạn muốn nhúng các Nút Mua cho nhiều sản phẩm, tốt nhất bạn nên nhúng một Nút Mua cho bộ sưu tập, thay vì một Nút Mua cho một sản phẩm. Nếu bạn nhúng nhiều Nút mua một sản phẩm, thì khách truy cập sẽ thấy một giỏ hàng riêng cho từng sản phẩm.

Thêm thẻ tập lệnh Nút mua của Shopify

Liên quan: Cựu giám đốc điều hành Capita tiếp quản tại Communisis

Trong một số trường hợp, các trình tạo trang web (chẳng hạn như Unbounce ) sẽ yêu cầu bạn dán <script>các thẻ một cách riêng biệt vào tiêu đề của mình, trong khi dán phần còn lại của mã vào phần nội dung trang của bạn, bất cứ nơi nào bạn muốn Nút Mua xuất hiện. 

Để thực hiện việc này, bạn cần tách <script>phần tử khỏi <div>phần tử trong mã nhúng Nút Mua của mình. Bạn sẽ thấy <div>phần tử ở đầu mã. Nó trông giống như thế này: 

<div id="product-component-1655929612938"></div>

Phần tử script (dài hơn nhiều) tạo nên phần còn lại của mã nhúng, bắt đầu bằng <script type="text/javascript">và kết thúc bằng </script>.

Khi bạn đã tách các phần tử này, đây là các bước cần thực hiện:

1. Mở tiêu đề trang cho trang web mà bạn muốn nhúng Nút Mua của mình.
2. Sao chép và dán toàn bộ <script>phần tử vào tiêu đề trang trang web của bạn.
3. Lưu các thay đổi của bạn.
4. Bây giờ, hãy mở trình chỉnh sửa trang cho trang mà bạn muốn thêm Nút Mua Shopify của mình.
5. Sao chép và dán <div>phần tử vào trang, bất cứ nơi nào bạn muốn Nút Mua của mình xuất hiện. 
6. Lưu các thay đổi của bạn.

Thêm thương mại điện tử vào bất kỳ trang web nào bằng Nút mua trên Shopify

Shopify Buy Buttons giúp người bán gặp gỡ khách hàng ở bất kỳ đâu⁠ — bất kể trang hay nền tảng. Sự tiện lợi của việc bán hàng trực tiếp cho khách hàng mà không cần phải đưa họ đến một trang khác làm giảm sự khó khăn và có thể giúp thúc đẩy doanh số bán hàng. 

Đối với các chủ cửa hàng, Nút Mua được đặt ở vị trí chiến lược trên trang blog có thể giúp khách hàng mua sản phẩm một cách dễ dàng mà không cần rời khỏi trang họ đang truy cập. 

Đối với các blogger, nghệ sĩ, nhà văn, nhà thiết kế, podcast, người có ảnh hưởng và bất kỳ ai khác muốn kiếm tiền từ tác phẩm của họ, Shopify Buy Buttons cung cấp một cách dễ dàng để tận dụng nền tảng thương mại điện tử của Shopify mà không cần phải xây dựng một trang web hoàn toàn mới. 

Với kiểu dáng, màu sắc và chức năng có thể tùy chỉnh, Shopify Buy Buttons cho phép bạn biến bất kỳ trang hoặc trang web nào thành một cửa hàng trực tuyến chính thức.

Bắt đầu dùng thử Shopify miễn phí trong 14 ngày — không cần thẻ tín dụng!