Cách tạo thư mục web trong WordPress (từng bước)

Bạn đang tìm cách để tạo một thư mục web kinh doanh? Thư mục web là một ý tưởng kinh doanh trực tuyến phổ biến, cho phép bạn kiếm tiền từ trang web của mình với nội dung do người dùng tạo.

Angie List, một thư mục web phổ biến giúp chủ nhà tìm được nhà thầu và nhà cung cấp dịch vụ đáng tin cậy. Họ có giá trị hơn 9 hàng tỷ dô la.

Cho dù bạn đang tìm cách tạo một thư mục web thích hợp để kiếm tiền trực tuyến hoặc thư mục đối tác để liệt kê các nhà cung cấp của mình, bạn có thể dễ dàng làm như vậy trên WordPress.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng tạo một thư mục web trong WordPress. Chúng tôi sẽ đề cập đến cách chấp nhận thanh toán cho danh sách thư mục web cao cấp của bạn.

Cách tạo thư mục web trong WordPress

Một thư mục web là gì?

Một thư mục web giống như một danh mục liệt kê các công ty hoặc cá nhân với các chi tiết như thông tin liên hệ, dịch vụ, tính năng, v.v.

Thư mục web cho phép người dùng duyệt qua một danh mục các liên kết được chia thành các chủ đề, danh mục và lĩnh vực quan tâm. Một ví dụ hoàn hảo về thư mục web là Trang vàng hoặc Danh sách của Angie.

Chúng được sử dụng phổ biến nhất để giúp mọi người tìm một địa điểm hoặc dịch vụ mà họ đang tìm kiếm.

Một ví dụ khác về thư mục web là Yelp, cho phép mọi người tìm thấy các doanh nghiệp địa phương tuyệt vời như nhà hàng, nha sĩ, thẩm mỹ viện, bác sĩ, v.v.

Mặc dù có một số chủ đề thư mục web cho WordPress cho phép bạn tạo thư mục web, chúng tôi không khuyến nghị chúng vì nó sẽ bị khóa trong chủ đề mãi mãi.

Đó là lý do tại sao chúng tôi sẽ chỉ hiển thị cho bạn các phương thức plugin, vì vậy bạn có thể sử dụng nó với bất kỳ thiết kế chủ đề nào bạn muốn.

Như đã nói, chúng ta hãy xem cách tạo một thư mục web trong WordPress.

phương pháp 1: tạo một thư mục WordPress với các hình thức ghê gớm

Formidable Forms là plugin xây dựng biểu mẫu WordPress tiên tiến nhất trên thị trường. Nó giúp bạn tạo một biểu mẫu liên hệ đơn giản, cũng như các hình thức nâng cao như khảo sát, hình thức thanh toán, hình thức đăng ký và nhiều hơn nữa cho trang web WordPress của bạn.

Plugin đi kèm với một chức năng độc quyền gọi là “Lượt xem” cho phép bạn hiển thị bất kỳ thông tin nào được gửi qua một biểu mẫu ở mặt trước của trang web của bạn. Với tính năng này, bạn có thể dễ dàng tạo thư mục, danh sách bất động sản, danh sách công việc, lịch sự kiện, v.v.

Chúng tôi sẽ tạo một thư mục kinh doanh bằng cách sử dụng plugin Formidable Forms.

1. Tạo một biểu mẫu để thu thập dữ liệu cho thư mục của bạn

Điều đầu tiên bạn nên làm là cài đặt và kích hoạt plugin Formidable Forms. Để biết hướng dẫn chi tiết, hãy xem hướng dẫn của chúng tôi về cách cài đặt plugin WordPress.

Khi plugin được cài đặt và kích hoạt, hãy đi đến Ghê gớm »Hình thức và nhấp vào nút “Thêm mới”.

Thêm hình thức mới ghê gớm

Bây giờ bạn có thể chọn cách bạn muốn tạo một biểu mẫu. Bạn có thể bắt đầu bằng một mẫu trống, với một mẫu hoặc nhập một mẫu từ tệp XML.

Chọn một cách để thêm một hình thức mới tuyệt vời

Chúng tôi sẽ chọn phương thức mẫu vì đây là cách nhanh nhất để tạo biểu mẫu nâng cao. Biểu mẫu ghê gớm cung cấp hơn 20 mẫu biểu mẫu được tạo sẵn.

Ví dụ: chúng tôi sẽ chọn “Danh sách bất động sản” để tạo thư mục bất động sản. Nhấp vào “Tạo biểu mẫu” để bắt đầu.

Tạo hình thức bất động sản với các hình thức ghê gớm

Bạn sẽ thấy một hộp bật lên yêu cầu bạn nhập tên và mô tả của biểu mẫu.

Đặt tên cho hình thức ghê gớm của bạn

Sau đó, nó sẽ tải mẫu đệ trình bất động sản được xây dựng trước.

Biểu mẫu ghê gớm - Giao diện Trình tạo biểu mẫu

Bạn có thể xem lại và tùy chỉnh biểu mẫu bằng giao diện kéo và thả đơn giản. Khi điều này được thực hiện, nhấp vào nút “Cập nhật”.

Nếu bạn muốn tạo một thư mục web cao cấp với danh sách trả phí, bạn sẽ cần kết nối biểu mẫu của mình với cổng thanh toán.

Formidable cho phép bạn thu thập các khoản thanh toán bằng PayPal, Stripe và Authorize.net.

Trong ví dụ này, chúng tôi sẽ chỉ cho bạn cách tích hợp PayPal để chấp nhận thanh toán. Đi Đáng gờm »Phụ kiện từ bảng điều khiển của bạn và cài đặt plugin “tiêu chuẩn PayPal”.

Cài đặt plugin chuẩn PayPal trên các hình thức ghê gớm

Khi plugin được cài đặt và hoạt động, hãy truy cập Ghê gớm »Cấu hình toàn cầu và nhấp vào tùy chọn PayPal. Cập nhật địa chỉ email PayPal của bạn và các cài đặt khác.

Thiết lập PayPal với các hình thức ghê gớm

Sau đó, mở lại trình chỉnh sửa biểu mẫu tương ứng của bạn và nhấp vào tùy chọn “Cài đặt” ở trên cùng.

Cài đặt biểu mẫu - Biểu mẫu ghê gớm

Sau đó nhấp vào tab Hành động của Biểu mẫu hình thức và sau đó chọn biểu tượng PayPal để thêm hành động mới.

Thêm hành động biểu mẫu PayPal vào các hình thức ghê gớm

Bây giờ bạn cần cấu hình cài đặt PayPal. Thêm số tiền thanh toán, chọn loại thanh toán (thanh toán một lần, quyên góp hoặc đăng ký), chọn loại tiền và sau đó thêm URL trả lại và hủy URL.

Tùy chọn thanh toán ghê gớm với PayPal

Một khi điều này được thực hiện, đừng quên cập nhật biểu mẫu của bạn.

Giờ đây, tùy chọn thanh toán được tích hợp, người dùng của bạn sẽ phải thanh toán trước khi gửi bất động sản thông qua hình thức của họ.

2. Xuất bản biểu mẫu của bạn trong WordPress

Bước tiếp theo sau khi tạo biểu mẫu là đăng nó lên trang web của bạn, để người dùng có thể gửi chi tiết doanh nghiệp của họ bằng cách sử dụng nó.

Đến thăm Trang »Thêm mới từ bảng điều khiển của bạn để tạo một trang mới. Sau đó, đặt tên trang của bạn và thêm tiện ích Biểu mẫu có thể định dạng vào trình chỉnh sửa.

Thêm biểu mẫu widget mẫu vào trang WordPress

Sau đó chọn hình thức của bạn.

Chọn biểu mẫu của bạn để thêm vào trang WordPress

Sau đó, bạn sẽ tải biểu mẫu gửi bất động sản được xây dựng trước vào trình chỉnh sửa trang của bạn.

Bạn cũng có thể thêm nội dung hữu ích vào trang. Một khi điều này được thực hiện, hãy tiếp tục và xuất bản trang của bạn.

Giờ đây, bạn có thể thêm trang biểu mẫu gửi vào menu điều hướng WordPress của mình hoặc gửi chiến dịch email đến danh sách email của bạn để gửi thêm biểu mẫu.

Quá trình thu thập dữ liệu thông qua một biểu mẫu có thể mất một thời gian, vì vậy tốt nhất là lập một kế hoạch trước khi bạn bắt đầu. Ngoài ra, bạn cũng có thể tự tạo các mục từ bảng điều khiển của mình hoặc nhập từ tệp CSV.

3. Tạo thư mục web của bạn với lượt xem tuyệt vời

Sau khi bạn thu thập được nhiều thông tin, bạn có thể tạo một thư mục web với Chế độ xem ghê gớm.

Hướng đến Ghê gớm »Lượt xem từ bảng điều khiển của bạn và nhấp vào nút “Thêm mới”.

Thêm chế độ xem mới trong các hình thức ghê gớm

Sau đó, nhập tiêu đề cho chế độ xem của bạn và chọn biểu mẫu có chứa dữ liệu bạn muốn hiển thị.

Xem ghê gớm cài đặt cơ bản

Tiếp theo, bạn cần chọn định dạng xem. Bạn có thể hiển thị tất cả các mục trong một danh sách, một mục nhập, liệt kê các mục có liên kết đến trang nhập đơn hoặc chèn các mục vào lịch.

Đối với hướng dẫn này, chúng tôi sẽ chọn cả hai (động): Liệt kê các mục sẽ được liên kết với một tùy chọn trang nhập duy nhất.

Nếu bạn muốn thêm một thanh tìm kiếm vào thư mục web của mình, hãy thêm đoạn mã ngắn sau vào hộp Trước khi nội dung.

[frm-search]

Thêm thanh tìm kiếm trong chế độ xem ghê gớm của bạn

Sau đó, bạn phải thêm nội dung vào danh sách thư mục của bạn theo định dạng sau.

 
Cách tạo thư mục web trong WordPress (từng bước) 1
 

[MLS ID] [address] $[listing-price] [blurb] [bedroom] Bedrooms | [bathroom] Bath |[sqft-living] sq. ft.

Trong mã ở trên, bạn cần thay thế hình ảnh ngôi nhà, ID MLS, địa chỉ, giá niêm yết, quảng cáo, phòng ngủ, phòng tắm và cảnh quay sống bằng các khóa ID / trường tương ứng từ biểu mẫu của bạn .

Bạn có thể tìm thấy ID / khóa trường trong hộp Cá nhân hóa ở bên phải trang.

Biểu mẫu Biểu mẫu Phím được nộp

Ví dụ: nếu chúng tôi muốn hiển thị ảnh đã tải lên thông qua trường “Tải ảnh chính lên” làm ảnh bắt đầu, chúng tôi phải thay thế “ảnh bắt đầu” bằng ID trường “63”.

Chèn nội dung vào thư mục web của bạn

Sau đó thêm đoạn mã sau vào Ghê gớm »Phong cách» CSS tùy chỉnh để tùy chỉnh sự xuất hiện của thư mục web của bạn.

 .listing_info{float:left; width:235px; margin-right:10px;} 
.listings_list img{width:370px;float:right;}

Thêm phong cách vào chế độ xem ghê gớm của bạn

Một khi điều này được thực hiện, bạn có thể xuất bản quan điểm của bạn và xem trước nó.

Sau đó, tạo một trang mới cho thư mục web và thêm Chế độ xem ghê gớm của bạn.

Thêm một cái nhìn tuyệt vời vào một trang WordPress

Đây là thư mục bất động sản của bạn sẽ trông như thế nào với chủ đề Twenty Nineteen mặc định.

Bản demo thư mục web bất động sản

Bạn có thể tùy chỉnh và cá nhân hóa thư mục Formidable của mình bằng CSS tùy chỉnh, plugin xây dựng trang WordPress kéo và thả hoặc plugin kiểu như CSS Hero.

phương pháp 2: Sử dụng Plugin Danh bạ doanh nghiệp

Phương pháp thứ hai là sử dụng plugin thư mục kinh doanh. Hãy nhớ rằng trong khi plugin chính là miễn phí, một loạt các tính năng sẽ yêu cầu bạn mua phiên bản PRO của plugin.

Bắt đầu bằng cách cài đặt và kích hoạt plugin thư mục kinh doanh. Khi kích hoạt, plugin sẽ yêu cầu sự cho phép để tạo một trang WordPress mới và thêm mã ngắn của thư mục doanh nghiệp trong đó.

Nhấp vào “Tạo trang cần thiết cho tôi” để tạo trang thư mục của bạn.

Tạo các trang cần thiết cho plugin thư mục kinh doanh

Khi điều này được thực hiện, Plugin Danh bạ doanh nghiệp sẽ tự động thêm một trang mới có tên “Danh bạ doanh nghiệp”.

Trang danh bạ doanh nghiệp được thêm vào trong WordPress

Bạn không nên xóa hoặc ẩn trang này vì đây là trang chủ mà bổ trợ Danh bạ doanh nghiệp sử dụng để hiển thị một thư mục trên trang web của bạn.

Sau đó, bạn có thể quản lý cài đặt plugin từ menu “Trình quản lý thư mục” trên bảng điều khiển của mình.

Đi Quản lý thư mục »Quản lý tùy chọn để cấu hình các cài đặt chính của plugin của bạn. Cài đặt “Chung” bao gồm cài đặt permalink, tùy chọn tìm kiếm thư mục, reCAPTCHA, tùy chọn đăng ký, v.v.

Cấu hình Plugin danh bạ doanh nghiệp

Như bạn có thể thấy trong ảnh chụp màn hình ở trên, có các cài đặt cho Danh sách, Email, Thanh toán và Giao diện. Bạn có thể xem xét từng cái một và thay đổi theo yêu cầu của bạn.

Sau đó, ghé thăm Trình quản lý thư mục »Quản lý các trường biểu mẫu để tùy chỉnh các trường mẫu của bạn. Từ đây, bạn có thể thêm hoặc chỉnh sửa các trường sẽ xuất hiện trong biểu mẫu gửi thư mục.

Quản lý các trường mẫu trong plugin thư mục kinh doanh

Tiếp theo, bạn sẽ cần tạo một số danh mục cho thư mục của mình.

Bạn có thể làm điều này bằng cách đi đến Thư mục »Danh mục thư mục. Bạn sẽ được yêu cầu tạo ít nhất một danh mục để người dùng của bạn có thể sử dụng danh mục này khi gửi danh sách của bạn.

Thêm danh mục thư mục mới với plugin thư mục kinh doanh

Khi bạn đã tạo các danh mục, bạn có thể tiếp tục và tạo một danh sách mới bằng cách truy cập Thư mục »Thêm danh sách mới.

Bây giờ bạn sẽ thấy trang Thêm danh sách mới trông giống như trình soạn thảo WordPress cổ điển. Nhập tiêu đề của danh sách của bạn và thêm một mô tả ngắn về danh sách của bạn.

Thêm danh sách mới với plugin thư mục kinh doanh

Sau đó, cuộn xuống phần liệt kê các trường / hình ảnh của Thư mục và thêm chi tiết công ty của bạn bao gồm địa chỉ trang web, số điện thoại, email, v.v.

Điền vào các trường danh sách thư mục bằng tay

Để thêm hình ảnh, trước tiên bạn phải nhấp vào liên kết Hình ảnh. Sau đó, bạn có thể tải lên hình ảnh từ máy tính của bạn hoặc chỉ cần đặt chúng vào hộp hình ảnh.

Tải hình ảnh lên thư mục kinh doanh WordPress của bạn

Tiếp theo, bạn sẽ cần chọn một danh mục phù hợp cho danh sách của bạn.

Chọn danh mục thư mục

Một khi điều này được thực hiện, bạn có thể tiếp tục và xuất bản thư mục của bạn.

Bây giờ bạn có thể xem trước trang thư mục web của bạn trên trang web của bạn. Thư mục web của bạn sẽ trông giống như ảnh chụp màn hình bên dưới với chủ đề mặc định WordPress Twenty Nineteen.

Demo danh bạ doanh nghiệp với chủ đề mặc định của WordPress

Là quản trị viên trang, bạn có thể tự tạo một danh sách từ bảng điều khiển của mình. Người dùng của nó cũng có thể gửi một danh sách trong thư mục của họ bằng cách sử dụng một biểu mẫu. Có thể truy cập biểu mẫu gửi bằng cách nhấp vào nút “Tạo danh sách”.

Gửi danh sách với plugin thư mục kinh doanh

Các mục danh sách được gửi bởi người dùng sẽ được lưu trong Thư mục »Thư mục trang dưới dạng danh sách đang chờ xử lý, do đó bạn có thể xem xét thủ công và xác minh chất lượng của danh sách.

Danh sách thư mục đang chờ xử lý

Một khi điều này được thực hiện, chúng sẽ xuất hiện trên trang thư mục kinh doanh của bạn.

Chấp nhận thanh toán cho danh sách thư mục

Plugin danh bạ doanh nghiệp cho phép bạn chấp nhận thanh toán cho danh sách trong thư mục web của bạn. Theo mặc định, plugin chỉ đi kèm với Authorize.net làm cổng thanh toán.

Các cổng thanh toán khác như PayPal và Stripe có sẵn dưới dạng các plugin riêng biệt mà bạn có thể mua từ trang web của plugin.

Để bật tùy chọn thanh toán trong thư mục doanh nghiệp của bạn, bạn phải truy cập Quản lý thư mục »Quản lý tùy chọn trang và nhấp vào tab Thanh toán trên đường.

Cài đặt thanh toán Plugin danh bạ doanh nghiệp

Trên trang cài đặt thanh toán, tùy chọn đầu tiên trên màn hình Cài đặt thanh toán là hộp kiểm để kích hoạt thanh toán. Nếu trang web của bạn chưa hoàn toàn sẵn sàng, bạn có thể nhấp vào hộp kiểm bên cạnh Đặt cổng thanh toán ở chế độ dùng thử? Lựa chọn.

Bước tiếp theo là chọn loại tiền của bạn và thêm thông báo cảm ơn về các khoản thanh toán.

Khi bạn đã hoàn tất việc định cấu hình các tùy chọn thanh toán của mình, hãy nhấp vào nút Lưu Thay đổi để lưu cài đặt của bạn.

Bây giờ bạn có thể kết nối thư mục của bạn với một nhà cung cấp thanh toán. Nếu bạn chưa cài đặt bất kỳ plugin cổng thanh toán nào khác, bạn sẽ chỉ thấy Authorize.net là tùy chọn cổng thanh toán mặc định.

Nhấp vào liên kết Authorize.net và sau đó kích hoạt nó bằng cách nhập ID đăng nhập và khóa giao dịch của bạn.

Authorize.net Cấu hình của Plugin danh bạ doanh nghiệp

Vì bạn cần thanh toán, bạn sẽ cần đặt phí niêm yết. Điều này có thể được thực hiện bằng cách đi đến Quản trị viên thư mục »Quản lý giá. Ở đó bạn có thể tạo các gói niêm yết khác nhau, đặt tỷ lệ và thời lượng niêm yết cho từng gói và lưu các thay đổi của bạn.

Đó là tất cả! Thư mục web của bạn đã sẵn sàng để chấp nhận danh sách trả tiền. Chúng tôi khuyên bạn nên khám phá các tùy chọn khác trong cấu hình plugin để tối ưu hóa hơn nữa thư mục web của mình.

Chúng tôi hy vọng bài viết này đã giúp bạn tạo một thư mục web bằng WordPress. Bạn cũng có thể xem hướng dẫn của chúng tôi về cách tạo thư mục nhóm trong WordPress.

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 tại Twitter và Facebook.