Tin tức và phân tích của tất cả các thiết bị di động

Cách tạo mẫu đơn đặt hàng trực tuyến trong WordPress (từng bước)

Một số độc giả của chúng tôi đã hỏi làm thế nào để tạo một mẫu đơn đặt hàng trực tuyến, để khách hàng có thể dễ dàng đặt hàng trên trang web.

Nếu bạn có một doanh nghiệp như một nhà hàng hoặc một cửa hàng thực tế, bạn có thể không muốn tạo ra một cửa hàng trực tuyến hoàn chỉnh. Tuy nhiên, bạn có thể muốn cung cấp một cách dễ dàng cho khách hàng để đặt hàng thực phẩm hoặc các sản phẩm khác để giao hàng.

Trong bài đăng này, chúng tôi sẽ chỉ cho bạn cách tạo một mẫu đơn đặt hàng trực tuyến trong WordPress. Điều này sẽ cho phép bạn dễ dàng thu thập các đơn đặt hàng của khách hàng mà không cần thêm phần mềm thương mại điện tử hoàn chỉnh vào trang web của bạn.

Tạo một mẫu đơn đặt hàng trực tuyến trong WordPress

Tạo một mẫu đơn đặt hàng trực tuyến trong WordPress

Có thể bạn đã quyết định bắt đầu một trang web cho doanh nghiệp của bạn gần đây và cảm thấy một chút choáng ngợp.

Nhiều công ty bắt đầu một cửa hàng trực tuyến không chỉ để nhận đơn đặt hàng mà còn chấp nhận thanh toán và quản lý hàng tồn kho. Tuy nhiên, không phải tất cả các công ty đều cần một trang web thương mại điện tử hoàn chỉnh.

Nếu bạn chỉ muốn khách hàng có thể điền vào mẫu đơn đặt hàng trực tuyến, bạn có thể dễ dàng tạo nó mà không cần giải pháp giỏ hàng.

Một mẫu đơn đặt hàng trực tuyến đơn giản cung cấp cho bạn tùy chọn chấp nhận thanh toán trực tuyến, tại thời điểm rút đơn hàng hoặc khi giao hàng.

Trong hướng dẫn này, chúng tôi sẽ sử dụng WPForms để tạo một mẫu đơn đặt hàng trực tuyến vì nó cho phép bạn thực hiện dễ dàng với giao diện kéo và thả.

WPForms là plugin xây dựng biểu mẫu WordPress tốt nhất trên thị trường. Hơn 3 Hàng triệu trang web sử dụng WPForms để dễ dàng tạo bất kỳ loại biểu mẫu trực tuyến nào và thêm nó vào trang web của họ (không yêu cầu kỹ năng mã hóa).

Đầu tiên, bạn sẽ cần cài đặt và kích hoạt plugin WPForms. Cần giúp đỡ để cài đặt các plugin? Xem hướng dẫn của chúng tôi về cách cài đặt plugin WordPress để được hướng dẫn chi tiết.

Plugin giống như các ứng dụng cho trang web WordPress của bạn. Nếu bạn chưa quen với WordPress, hãy xem bài viết của chúng tôi về các plugin WordPress là gì và bạn có thể làm gì với chúng.

Khi bạn đã kích hoạt plugin WPForms, bạn sẽ thấy tab WPForms mới trong thanh bên quản trị viên trong bảng điều khiển WordPress của bạn.

Bạn cần đến thăm WPForms »Cấu hình trang để nhập khóa giấy phép của bạn. Bạn có thể tìm thấy thông tin này trong tài khoản của bạn trên trang web WPForms.

Nhập mã cấp phép WPForms của bạn

Bây giờ bạn đã sẵn sàng để tạo mẫu đơn đặt hàng trực tuyến của bạn.

Chỉ cần đi đến WPForms »Thêm mới trang để tạo mẫu đầu tiên của bạn.

Tạo một biểu mẫu mới bằng WPForms

Bây giờ bạn sẽ thấy màn hình tạo biểu mẫu. Nhập tên cho biểu mẫu của bạn và chọn một mẫu. Chúng tôi đề xuất mẫu "Thanh toán / Mẫu đơn đặt hàng".

Chọn mẫu 'Thanh toán / Mẫu đơn đặt hàng' để bắt đầu

Chỉ cần di chuột qua mô tả mẫu và nhấp vào nút "Tạo biểu mẫu thanh toán / đơn hàng".

Nhấp vào nút 'Tạo biểu mẫu thanh toán / đơn đặt hàng' để tạo biểu mẫu của bạn

Biểu mẫu của bạn sẽ tự động được tạo cho bạn và bạn sẽ được chuyển trực tiếp đến trình chỉnh sửa biểu mẫu WPForms.

Mẫu đơn đặt hàng trực tuyến mới được tạo của bạn

Bây giờ bạn có thể chỉnh sửa mẫu đơn đặt hàng trực tuyến của bạn như bạn muốn. Các phần khác nhau của biểu mẫu được gọi là "các trường". Bạn có thể thay đổi, thêm hoặc xóa các trường trên biểu mẫu của mình chỉ bằng một cú nhấp chuột.

Mẫu mặc định đã bao gồm các trường cho hầu hết các thông tin bạn có thể cần, chẳng hạn như tên, địa chỉ và số điện thoại. Tuy nhiên, bạn sẽ cần liệt kê các sản phẩm thực tế của bạn.

Nhấp vào trường "Các mặt hàng khả dụng" để chỉnh sửa nó.

Chỉnh sửa trường 'Các mặt hàng khả dụng' trong mẫu đơn đặt hàng trực tuyến của bạn

Viết tên và giá của từng mặt hàng mà khách hàng có thể đặt hàng từ bạn. Giá sẽ không tự động hiển thị trên biểu mẫu, vì vậy bạn có thể muốn thêm nó vào tên mặt hàng.

Chỉnh sửa trường 'Các phần tử khả dụng' để thay đổi tên của các phần tử

Để thêm nhiều tùy chọn, chỉ cần nhấp vào biểu tượng (+) nơi bạn muốn thêm các mục bổ sung.

Thêm nhiều mặt hàng vào mẫu đơn đặt hàng trực tuyến của bạn

Lưu ý: Bạn có thể thêm bao nhiêu yếu tố tùy thích. Tuy nhiên, khách hàng sẽ chỉ có thể chọn một tùy chọn từ trường này.

Nếu bạn có nhiều danh mục tùy chọn, bạn có thể sao chép trường để tạo nhóm.

Bạn có thể sao chép trường "Các mặt hàng khả dụng" bằng cách nhấp vào biểu tượng "Sao chép" xuất hiện khi bạn di chuột qua nó hoặc khi nó được chọn.

Sao chép trường 'Mục có sẵn' để tạo trường mới trong mẫu đơn đặt hàng của bạn

Hãy chắc chắn cũng thay đổi "Nhãn" của các trường thành một cái gì đó phù hợp cho từng nhóm.

Nếu bạn muốn khách hàng có thể chọn hai hoặc nhiều tùy chọn trong một trường, bạn sẽ cần sử dụng một loại trường khác.

Nhấp vào tab "Thêm trường" và sau đó cuộn xuống "Trường thanh toán" nơi bạn sẽ tìm thấy trường "Mục hộp kiểm". Kéo và thả cái này vào vị trí trên mẫu của bạn.

Thêm trường hộp kiểm để khách hàng có thể chọn nhiều mục cùng một lúc

Bây giờ bạn có thể chỉnh sửa trường đó như trước, nhập tên và giá cho các mặt hàng của bạn. Khách hàng có thể kiểm tra bao nhiêu mặt hàng mà họ muốn đặt hàng.

Nếu bạn muốn hiển thị hình ảnh của sản phẩm của bạn, nó cũng rất dễ dàng. Chỉ cần nhấp vào hộp "Sử dụng tùy chọn hình ảnh":

Thêm hình ảnh của sản phẩm vào mẫu đơn đặt hàng trực tuyến của bạn

Đối với mỗi mục, nhấp vào nút "Tải lên hình ảnh" để thêm hình ảnh từ máy tính của bạn hoặc từ thư viện phương tiện WordPress của bạn.

Tải lên hình ảnh của một sản phẩm bạn cung cấp

WPForms sẽ không thay đổi kích thước hoặc nén hình ảnh của bạn, vì vậy điều quan trọng là phải tải chúng lên đúng kích cỡ. Tất cả chúng phải có cùng kích thước và không quá 250 × 250 pixel.

Tốt nhất, bạn cũng nên tối ưu hóa hình ảnh của mình cho web.

Cuối cùng, bạn có thể muốn chỉnh sửa trường "Nhận xét hoặc Tin nhắn" ở cuối biểu mẫu để không bắt buộc. Không phải tất cả người dùng sẽ muốn thêm một tin nhắn.

Chỉ cần nhấp vào trường và sau đó bỏ chọn hộp "Bắt buộc" ở bên phải để làm cho trường này tùy chọn.

Đặt trường 'Nhận xét / Tin nhắn' tùy chọn thay vì bắt buộc

Bạn có thể làm theo quy trình này cho bất kỳ lĩnh vực nào bạn muốn là tùy chọn. Bạn có thể cho biết trường nào là bắt buộc vì chúng sẽ có dấu hoa thị màu đỏ bên cạnh nhãn trường.

Khi bạn hài lòng với thiết kế biểu mẫu của mình, bạn có thể tiến hành thiết lập. Bạn nên lưu biểu mẫu trước bằng cách nhấp vào nút "Lưu" ở đầu màn hình:

Nút 'Lưu' của WPForms xuất hiện ở góc trên bên phải màn hình

Đặt thông báo mà mẫu đơn đặt hàng của bạn sẽ gửi

Đầu tiên, nhấp vào tab "Cài đặt" ở bên trái màn hình. Điều này sẽ mở cài đặt biểu mẫu của bạn.

Tab 'Cài đặt' trong WPForms

Sau đó nhấp vào tab "Thông báo" để thay đổi thông báo email cho biểu mẫu của bạn. Theo mặc định, các mẫu đơn đặt hàng đã hoàn thành sẽ được gửi qua email đến địa chỉ quản trị của trang web WordPress của bạn.

Bạn có thể muốn thay đổi điều này hoặc sao chép các mẫu đơn đặt hàng đến nhiều địa chỉ. Bạn chỉ có thể nhập địa chỉ email hoặc địa chỉ trong hộp "Gửi đến địa chỉ email". Nếu bạn nhập nhiều hơn một địa chỉ email, hãy phân tách chúng bằng dấu phẩy.

Nhập địa chỉ email bạn muốn biểu mẫu được gửi đến, phân tách bằng dấu phẩy

Bạn cũng có thể muốn thay đổi dòng chủ đề, vì vậy nó không giống nhau cho mỗi đơn hàng. Điều này có thể giúp bạn dễ dàng theo dõi các đơn hàng trong hộp thư đến chứa đầy email.

Ở đây, chúng tôi đã thay đổi dòng tiêu đề của email để đọc "Đơn đặt hàng của khách hàng" và sau đó là tên khách hàng. Chúng tôi sử dụng "Hiển thị thẻ thông minh" để chèn trường tên vào dòng chủ đề.

Thay đổi dòng tiêu đề trong email thông báo để thêm tên khách hàng

Bạn cũng có thể thay đổi bất kỳ chi tiết nào bạn muốn.

Chúng tôi cũng khuyên bạn nên thiết lập thông báo email cho khách hàng của bạn. Điều này cung cấp một lời nhắc nhở về những gì họ đã đặt hàng và thông báo cho họ rằng bạn đã nhận được đơn đặt hàng của họ.

Để thiết lập thông báo email mới, nhấp vào nút "Thêm thông báo mới".

Nhấp vào nút 'Thêm thông báo mới' để tạo thông báo mới

Bạn sẽ được yêu cầu nhập tên cho thông báo mới. Bạn có thể gọi nó là bất cứ điều gì bạn muốn vì khách hàng sẽ không thấy tên này. Chúng tôi đề xuất một cái gì đó như "Biên nhận khách hàng" hoặc "Xác nhận email của khách hàng".

Nhập tên cho thông báo sẽ được gửi đến khách hàng

Bạn sẽ muốn "Địa chỉ gửi email" là tài khoản email của khách hàng của bạn. Xóa {admin_email} khỏi hộp này. Nhấp vào "Hiển thị thẻ thông minh" và chọn trường "Email".

Thiết lập biên nhận của khách hàng để được gửi qua email cho khách hàng

Bạn cũng sẽ muốn nhập các chi tiết khác cho email. Chúng tôi khuyên bạn nên sử dụng một dòng chủ đề, chẳng hạn như "Đơn hàng của bạn với" và tên công ty của bạn.

Nhập tên 'Từ' và địa chỉ email cho biên nhận của khách hàng

Trong trường "Tin nhắn", bạn có thể muốn thêm một tin nhắn cho khách hàng của mình. Thẻ {all_fields} sẽ cung cấp cho bạn tất cả thông tin mà khách hàng đã nhập trong biểu mẫu.

Chỉnh sửa địa chỉ email mà khách hàng của bạn sẽ nhận được

Điều gì nếu bạn chỉ muốn bao gồm một số thông tin khách hàng trong email? Hoặc nếu bạn muốn đặt chi tiết đơn hàng của mình trước và bao gồm chi tiết giao hàng của bạn ở cuối email thì sao? Bạn chỉ có thể sử dụng thẻ thông minh để thêm bất kỳ trường biểu mẫu nào vào biểu mẫu của bạn.

Khi bạn đã hoàn tất thiết lập thông báo, nhấp vào nút "Lưu" ở đầu màn hình.

Mẹo: Để quay lại thông báo đầu tiên bạn đang chỉnh sửa, chỉ cần cuộn xuống màn hình.

Thiết lập thông báo xác nhận cho khách hàng của bạn

Ngoài việc gửi cho khách hàng của bạn một biên nhận email, bạn sẽ muốn cho họ xem một xác nhận trên màn hình để họ biết rằng đơn hàng của họ đã được chuyển đi.

Bạn có thể làm điều này dưới Cấu hình »Xác nhận lưỡi.

Xác nhận mặc định cho biết "Cảm ơn bạn đã liên hệ với chúng tôi! Chúng tôi sẽ liên hệ lại với bạn ngay.

Thông báo xác nhận mặc định cho mẫu đơn đặt hàng trực tuyến

Bạn có thể thay đổi điều này thành bất cứ điều gì bạn muốn và bạn cũng có thể sử dụng trình chỉnh sửa trực quan ở đây để định dạng văn bản của mình.

Cá nhân hóa thông báo xác nhận mà khách hàng của bạn sẽ nhìn thấy trên màn hình của bạn

Ngoài ra, bạn có thể chuyển hướng khách hàng đến trang "Cảm ơn" trên trang web của bạn hoặc thậm chí hoàn toàn đến một trang web khác.

Khi bạn đã định cấu hình thông báo xác nhận, nhấp vào "Lưu" ở đầu màn hình.

Tích hợp thanh toán với mẫu đơn đặt hàng của bạn (tùy chọn)

Nếu bạn muốn thực hiện thanh toán thông qua mẫu đơn đặt hàng của mình, bạn phải tích hợp nó với bộ xử lý thanh toán.

WPForms tích hợp rất dễ dàng với hai bộ xử lý thanh toán phổ biến là PayPal và Stripe. Khách hàng có thể thanh toán qua tài khoản PayPal của họ hoặc bằng cách nhập chi tiết thẻ tín dụng của họ.

Chúng tôi sẽ sử dụng PayPal trong hướng dẫn này, nhưng quy trình cho Stripe cũng tương tự.

Đầu tiên, bạn sẽ cần thoát khỏi trình xây dựng biểu mẫu. Bạn có thể làm điều này bằng cách nhấp vào "X" ở trên cùng bên phải. Bạn sẽ được yêu cầu lưu biểu mẫu của mình nếu bạn có các thay đổi chưa được lưu.

Sau đó đi đến WPForms »Plugin trang trong bảng điều khiển WordPress của bạn. Cuộn xuống "Plugin chuẩn PayPal" và nhấp vào nút "Cài đặt plugin" bên dưới nó.

Cài đặt trình cắm PayPal cho WPForms

Plugin sẽ được cài đặt và kích hoạt tự động.

Quay trở lại biểu mẫu của bạn, mà bạn có thể tìm thấy tại WPForms »Tất cả các hình thức. Bây giờ, bấm vào tab "Thanh toán".

Chọn dịch vụ thanh toán để tích hợp với biểu mẫu của bạn

Nhấp vào "PayPal tiêu chuẩn" và điền vào chi tiết biểu mẫu. Trước tiên, bạn sẽ cần kiểm tra hộp "Kích hoạt thanh toán PayPal tiêu chuẩn" và nhập địa chỉ email PayPal của công ty bạn.

Đặt menu thả xuống "Chế độ" được đặt thành "Sản xuất" và đặt "Loại thanh toán" thành "Sản phẩm và dịch vụ".

Trang thiết lập thanh toán PayPal cho biểu mẫu của bạn

Nếu bạn đang thu thập địa chỉ giao hàng thông qua mẫu đơn đặt hàng, bạn có thể thay đổi "Giao hàng" thành "Không yêu cầu địa chỉ".

Bạn không cần nhập "Hủy URL", nhưng bạn có thể tạo một trang trên trang web của mình để gửi cho khách hàng nếu họ không hoàn thành quy trình thanh toán.

Nhấp vào nút "Lưu" sau khi bạn hoàn tất.

Bây giờ khi người dùng gửi biểu mẫu, họ sẽ tự động chuyển chúng đến PayPal để thanh toán. Bạn không cần thêm bất kỳ trường bổ sung nào vào biểu mẫu của mình hoặc làm bất cứ điều gì khác.

Thêm mẫu đơn đặt hàng vào trang web của bạn

Bước cuối cùng là thêm mẫu đơn đặt hàng của bạn vào trang web của bạn.

Chỉ cần chọn trang bạn muốn thêm biểu mẫu của bạn vào hoặc tạo một trang mới trong Trang »Thêm mới.

Sau đó nhấp vào biểu tượng (+) để thêm một khối mới (nơi bạn muốn biểu mẫu của mình) và tìm khối "WPForms". Nó nằm dưới phần "Widgets" của các khối hoặc bạn chỉ có thể nhập "WPForms" vào thanh tìm kiếm để tìm thấy nó.

Thêm mẫu đơn đặt hàng trực tuyến của bạn vào một trang trên trang web của bạn

Bạn sẽ thấy một khối WPForms. Nhấp vào menu thả xuống "Chọn biểu mẫu" và chọn biểu mẫu của bạn.

Chọn mẫu đơn đặt hàng trực tuyến của bạn từ danh sách thả xuống WPForms

Sau đó, bạn sẽ thấy bản xem trước của biểu mẫu trong trình chỉnh sửa WordPress.

Khi bạn đã sẵn sàng, hãy lưu và xuất bản (hoặc cập nhật) trang của bạn. Bạn có thể xem nó trực tiếp trên trang web của họ để xem hình thức của họ trong hành động. Trước khi chia sẻ nó với khách hàng, chúng tôi khuyên bạn nên thử nghiệm biểu mẫu để đảm bảo nó hoạt động như mong đợi.

Đó cũng là một ý tưởng tốt để xác minh rằng bạn nhận được thông báo qua email khi biểu mẫu được gửi. Nếu không, hãy xem bài viết của chúng tôi về cách khắc phục sự cố WordPress không gửi email.

Ngay cả khi bạn mất email hoặc vô tình xóa nó, WPForms vẫn lưu dữ liệu biểu mẫu trong cơ sở dữ liệu WordPress. Bạn có thể tìm thấy tất cả các đơn đặt hàng của bạn bằng cách đi đến WPForm »Vé trong bảng điều khiển WordPress của bạn.

Nhấp vào tên của biểu mẫu của bạn và bạn sẽ thấy một danh sách các mục. Bạn có thể nhấp vào "Xem" bên cạnh bất kỳ trong số này để xem chi tiết.

Xem các mẫu đơn đặt hàng đã hoàn thành trong bảng điều khiển WordPress của bạn

Thế thôi! Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách tạo một mẫu đơn đặt hàng trực tuyến trong WordPress. Bạn cũng có thể thích hướng dẫn của chúng tôi về các dịch vụ điện thoại kinh doanh tốt nhất và bạn phải có các plugin WordPress cho các doanh nghiệp nhỏ.

Nếu bạn thích bài viết này, đăng ký kênh của chúng tôi YouTube để xem video hướng dẫn WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter y Facebook.