Как создать веб-каталог в WordPress (шаг за шагом)

Вы хотите создать веб-каталог в WordPress? Веб-каталоги позволяют вам зарабатывать деньги на контенте, представленном людьми, которые посещают ваш сайт....

Вы хотите создать веб-каталог в WordPress?

Веб-каталоги позволяют вам зарабатывать деньги на контенте, представленном людьми, которые посещают ваш сайт.

В этой статье мы расскажем вам, как создать веб-каталог в WordPress и даже как принимать оплату за размещение премиум-объявлений.

Зачем создавать веб-каталог в WordPress?

Веб-каталог — это как каталог, в котором перечислены предприятия или частные лица.

Вы можете найти такую информацию, как их местоположение, адрес электронной почты и предлагаемые ими услуги.

Пример веб-каталога

Yellow Pages, Angi и Yelp — все это примеры популярных веб-каталогов, которые помогают людям найти место или услугу.

Чтобы помочь посетителям найти то, что они ищут, эти популярные каталоги часто разделяют свой контент с помощью тем, категорий и тегов, интересов и других характеристик, как показано на следующем изображении.

Бизнес-каталог Yelp

Веб-каталоги — это популярная идея онлайн-бизнеса и отличный способ заработать деньги в интернете на пользовательском контенте.

Часто вы найдете учебники, которые покажут вам, как создать каталог с помощью темы веб-каталога. Однако это навсегда привязывает вас к теме. Вместо этого мы рекомендуем установить плагин веб-каталога, который можно использовать с любой темой WordPress.

Учитывая это, давайте рассмотрим, как создать веб-каталог в WordPress. Просто используйте быстрые ссылки ниже, чтобы сразу перейти к методу, который вы хотите использовать.

  • Метод 1: Создание каталога WordPress с помощью Formidable Forms
  • Метод 2: Использование плагина Business Directory

Метод 1: Создание каталога WordPress с Formidable Forms

Самый простой способ создания бизнес-каталога — это использование Formidable Forms.

Это самый продвинутый плагин WordPress для построения форм на рынке, который поможет вам создать множество различных форм, включая опросы, платежные формы, формы бронирования и многое другое.

Formidable Forms также поставляется с мощной функцией ‘Visual Views’, которую вы можете использовать для отображения данных, предоставленных пользователями, на вашем сайте. Используя эту функцию, вы можете легко создавать каталоги, объявления о недвижимости, доски объявлений о работе, календари событий и многое другое.

Учитывая это, давайте создадим бизнес-каталог с помощью плагина Formidable Forms.

1. Создайте форму для сбора данных для вашего каталога

Первое, что вам нужно сделать, это установить и активировать плагин Formidable Forms. Для получения подробных инструкций см. наше руководство по установке плагина WordPress.

После активации вам нужно будет установить Formidable Forms Lite. Этот бесплатный плагин обеспечивает основу для более продвинутых функций премиум-плагина.

Как только вы это сделаете, перейдите в раздел Formidable Forms » Глобальные настройки страницу и выберите «Нажмите, чтобы ввести лицензионный ключ вручную.’

Введите лицензионный ключ Formidable Forms

Вы можете найти лицензионный ключ под своей учетной записью на сайте Formidable Forms.

После ввода этой информации нажмите кнопку «Сохранить лицензию».

Многие владельцы сайтов взимают плату с посетителей за размещение объявления. Если вы хотите создать веб-каталог премиум-класса и принимать оплату кредитными картами, то вам необходимо установить аддон и настроить платежный шлюз.

Formidable Forms может собирать платежи с помощью PayPal, Stripe или Authorize.net.

В этом руководстве мы покажем вам, как принимать платежи с помощью PayPal, но шаги будут аналогичными и для других платежных шлюзов.

В своей приборной панели WordPress перейдите по адресу Formidable » Дополнения. В разделе ‘PayPal Standard’ нажмите на ‘Install.’

Дополнение PayPal для Formidable Forms

Позже в этом руководстве мы будем использовать «Визуальные представления» для отображения всей информации, которую посетители вводят в нашу форму.

Найдите аддон ‘Visual Views’ и нажмите на его кнопку ‘Установить’, так как этот аддон понадобится нам позже.

Установка аддона Visual Views

Как только вы это сделаете, перейдите по адресу Formidable » Глобальные настройки.

Затем выберите ‘PayPal’ в левом меню.

Настройка PayPal для вашего веб-каталога

На этом экране введите адрес электронной почты, который связан с вашим счетом PayPal. Вы также можете изменить валюту и URL, которые будут загружаться после того, как посетитель завершит оплату или отменит заказ.

После ввода этой информации нажмите на кнопку ‘Update’, чтобы сохранить изменения.

Как создать веб-каталог с помощью WordPress

Теперь вы готовы создать форму, перейдя на страницу Formidable » Формы страница.

Здесь нажмите на «Добавить новый.’

Добавление новой формы на ваш сайт WordPress

Это вызовет список всех шаблонов форм, которые вы можете использовать.

В этом руководстве мы будем создавать каталог недвижимости, поэтому нажмите на категорию «Недвижимость».

Шаблон объявления о продаже недвижимости

Теперь вы можете увидеть все различные шаблоны в этой категории, включая несколько шаблонов ипотечных калькуляторов.

Чтобы просмотреть шаблон, просто наведите на него курсор мыши, а затем нажмите на маленький значок, похожий на глаз.

Предварительный просмотр шаблона формы

Чтобы использовать шаблон, просто наведите на него курсор и нажмите на значок ‘+’.

После этого введите заголовок в поле ‘Название формы’ и введите необязательное описание. Эта информация просто для справки, поэтому вы можете использовать все, что захотите.

Затем нажмите на кнопку «Создать».

Создание формы WordPress

Это откроет шаблон в редакторе Formidable Forms.

Отсюда вы можете просто навести и щелкнуть мышью, чтобы настроить любое поле в форме. Например, вы можете нажать на поле «Краткая информация», а затем ввести новый текст в поле «Метка поля».’

Настройка веб-каталога в WordPress

Вы также можете добавить дополнительные поля, выбрав ‘Add Fields’ в левом меню.

Затем перетащите любое из полей на макет формы. Например, вы можете добавить поле, в котором посетитель может ввести свое имя.

Добавление полей в форму WordPress

Чтобы продолжить настройку шаблона, просто повторите следующие шаги.

Когда вы будете довольны тем, как настроена форма, нажмите кнопку «Обновить» в правом верхнем углу экрана.

Если вы хотите собирать платежи, то вам нужно добавить действие в форму. Для этого перейдите на вкладку «Настройки», а затем выберите «Действия и уведомления».’

После этого нажмите на ‘PayPal’, чтобы добавить действие в вашу форму.

Добавление действий в форму веб-каталога

Далее прокрутите страницу до раздела ‘PayPal’.

Мы хотим взимать с посетителей фиксированную плату за создание нового объявления, поэтому нажмите на «Установить сумму».’

Добавление способа оплаты в веб-каталог

Теперь вы можете ввести, какую сумму вы хотите взимать.

Вы также можете выбрать, будет ли это разовый платеж, пожертвование или повторяющийся платеж, используя выпадающий список «Тип платежа».

Как создать веб-каталог премиум-класса

Если вы выберете «Подписка», то с помощью элементов управления вы сможете указать, как часто будет производиться оплата.

Таким образом, вы сможете зарабатывать деньги на своих объявлениях в течение длительного времени. Вы также можете предложить клиентам бесплатную пробную версию.

Добавление периодических платежей в форму веб-каталога

Как только вы закончите настройку PayPal, не забудьте нажать на ‘Update’, чтобы сохранить изменения. Теперь посетителям нужно будет произвести оплату, прежде чем они смогут отправить форму.

2. Публикация формы в WordPress

Когда вы будете довольны своей формой, самое время опубликовать ее на своем сайте, добавив в любой пост или страницу.

Мы собираемся добавить форму на новую страницу, перейдя по ссылке Страницы » Добавить новую в приборной панели WordPress. Теперь вы можете дать этой странице имя, загрузить главное изображение и добавить любой другой контент, который вы хотите показать на странице.

После этого нажмите на значок ‘+’ и введите ‘Formidable Forms.’

Блок Formidable Forms WordPress

Когда появится нужный блок, нажмите на него, чтобы добавить его на страницу.

Далее просто откройте выпадающий список «Выбрать форму» и выберите форму объявления о продаже недвижимости.

Добавление формы на ваш сайт с помощью редактора блоков WordPress

Затем Formidable Forms добавит форму в пост и покажет предварительный просмотр в редакторе блоков.

Когда вы будете готовы сделать форму живой, перейдите к публикации страницы.

После этого неплохо добавить страницу в навигационное меню WordPress, чтобы люди могли легко ее найти. Вы также можете отправить сообщение в свой список электронной почты, чтобы ваша аудитория знала, что теперь они могут подавать объявления на ваш сайт.

3. Создайте свой веб-каталог с помощью Formidable Views

Далее необходимо создать веб-каталог, чтобы содержание, вводимое пользователями, отображалось на вашем сайте WordPress.

Вы можете сделать это с помощью функции Visual Views, поэтому перейдите по ссылке Формируемый » Представления а затем нажмите на кнопку «Добавить новую.’

Как создать бизнес-каталог в WordPress

Теперь во всплывающем окне будут показаны различные макеты, которые вы можете использовать для вашего каталога.

Просто нажмите на ‘Classic’, так как это позволит вам создать новый макет с нуля.

Аддон Formidable Visual Views

На следующем экране откройте выпадающий список «Использовать записи из формы» и выберите форму недвижимости, которую мы создали ранее.

Formidable Forms даст вашему представлению имя, основанное на форме, которую вы используете в качестве источника данных. Однако вы можете изменить это, если захотите.

Выбор источника данных

Когда вы будете довольны введенной информацией, нажмите на «Создать представление.’

Теперь вы можете ввести любую информацию, которая будет отображаться над и под объявлениями. Например, вы можете добавить свою контактную информацию в нижней части страницы или напечатать краткое вступление.

Для этого просто нажмите на «Добавить перед содержимым» или «Добавить после содержимого».’

Как отобразить данные, предоставленные пользователями, на вашем сайте WordPress

Откроется всплывающее окно, в котором можно ввести любой текст, который вы хотите показать выше или ниже ваших объявлений.

Справа также есть некоторые параметры, которые вы можете использовать. Formidable Forms заменит эти параметры реальными значениями на вашем сайте. Например, он заменит [siteurl] на URL вашего сайта.

Отображение данных из форм, заполненных пользователями

Когда вы будете удовлетворены введенной информацией, нажмите на «Обновить представление», чтобы сохранить изменения и вернуться к главному экрану редактора представления.

После этого вы сможете создать макет для различных объявлений на странице каталога. Чтобы начать работу, нажмите на средний значок «+».

Как разработать страницу веб-каталога

Теперь вы можете вводить текст в основной текстовый редактор и выбирать различные параметры в меню слева.

На следующем изображении мы создаем простой макет, который показывает краткую информацию о каждом объекте недвижимости, затем цену и тип объявления.

Наконец, мы покажем полное описание.

Разработка макета веб-каталога в WordPress

На следующем изображении вы можете увидеть пример того, как этот простой макет будет выглядеть на вашем сайте WordPress.

Чтобы расширить этот очень простой макет, просто продолжайте добавлять новые параметры и обычный текст, следуя тому же процессу, который описан выше.

Объявление о продаже недвижимости, созданное с помощью Formidable Forms

Скорее всего, вы захотите показать фотографию каждого объекта недвижимости. Для этого перейдите на вкладку ‘Advanced’ в блоке ‘Customization’.

Затем нажмите на кнопку «Показать изображение», которая отобразит все изображения, предоставленные посетителями.

Как показать изображение, предоставленное пользователем

Пока вы работаете над своим макетом, вы можете просмотреть, как он будет выглядеть для посетителей, нажав на кнопку «Обновить вид».’

Это вернет вас в главный редактор, который показывает предварительный просмотр создаваемого макета.

Как просмотреть макет объявлений каталога

Когда вы будете довольны тем, как выглядит каталог, вы можете добавить его на любую страницу или пост с помощью шорткода в левом меню в разделе «View Name».’ Просто найдите этот код и нажмите на кнопку «Копировать».

Для получения более подробной информации о том, как разместить шорткод, вы можете посмотреть наше руководство о том, как добавить шорткод в WordPress.

После этого просто перейдите на страницу или пост, чтобы увидеть готовый веб-каталог.

Онлайн веб-каталог, созданный с помощью Formidable Forms

Способ 2: Использование плагина Business Directory Plugin

Второй метод использует плагин Business Directory. Этот бесплатный плагин имеет все необходимое для создания простого бизнес-каталога, но вам нужно будет обновить его, чтобы получить доступ к более продвинутым функциям.

Сначала вам нужно будет установить и активировать плагин. Если вам нужна помощь, ознакомьтесь с нашим руководством по установке плагина WordPress.

После активации плагина перейдите по ссылке Директории » Настройки. Теперь вы увидите всплывающее окно, запрашивающее разрешение на создание новой страницы.

Плагин Business Directory нуждается в этой странице для правильной работы, поэтому нажмите на ‘Создать необходимые страницы для меня.’

Создание веб-каталога с помощью плагина

Теперь плагин создаст новую страницу под названием ‘Business Directory.’

По умолчанию на этой странице есть все элементы управления, необходимые посетителям для просмотра различных списков и подачи собственных объявлений.

Плагин Business Directory WordPress

Для начала стоит проверить настройки плагина, перейдя по ссылке Каталог » Настройки.

Здесь вы найдете различные разделы:

  • Списки
  • Email
  • Оплата
  • Внешний вид.

Мы рекомендуем выбрать каждую вкладку, а затем просмотреть настройки, чтобы понять, нужно ли вам вносить какие-либо изменения.

Например, в разделе ‘Listings’ вы можете изменить, сколько объявлений плагин показывает на каждой странице.

Страница настроек бизнес-каталога

Когда вы закончите, не забудьте нажать на ‘Сохранить изменения’, чтобы сохранить настройки.

Бизнес каталог имеет стандартную форму, которую он показывает посетителям. Вы можете настроить эту форму, перейдя по ссылке Каталог » Содержание каталога.

В левом меню нажмите на «Поля формы».’

Изменение полей в форме вашего онлайн-каталога

На этом экране показаны все поля, составляющие стандартную форму.

Чтобы изменить местоположение поля в форме, просто нажмите на маленькие стрелки вверх и вниз в колонке «Порядок».

Изменение порядка полей в вашей форме

Чтобы удалить поле, наведите на него курсор мыши и нажмите на ссылку «Удалить», когда она появится.

Наконец, если вы хотите внести некоторые изменения в определенное поле, наведите на него курсор мыши и нажмите на ссылку «Редактировать».

Редактирование полей формы в WordPress

Откроется страница, где вы можете изменить метку поля, отметить поле как обязательное, добавить необязательное описание и многое другое.

Когда вы закончите, не забудьте нажать на кнопку «Обновить поле», чтобы сохранить изменения.

Как настроить поля формы

Далее следует создать несколько категорий, которые люди смогут использовать при подаче объявлений. Эти категории также помогут посетителям просматривать ваш каталог и находить то, что они ищут.

По умолчанию этот плагин имеет одну категорию «Общие», но вы можете добавить другие, перейдя на вкладку «Категории». Затем перейдите и выберите ‘Добавить новую категорию.’

Добавление новых категорий в ваш онлайн-каталог

В появившемся всплывающем окне введите название категории.

Вы также можете организовать категории в виде дочерних и родительских отношений, аналогично дочерним страницам в WordPress. Чтобы превратить категорию в подкатегорию, просто откройте выпадающий список «Родительская категория» и выберите родительскую категорию.

Организация категорий каталога

Чтобы создать категорию, нажмите на «Добавить новую категорию».’

Вы можете добавить больше категорий в ваш бизнес-каталог, повторив вышеописанный процесс.

Теперь посетители могут создать новое объявление, перейдя на страницу бизнес-каталога и нажав на кнопку «Добавить объявление».

Добавление списков на ваш сайт WordPress

Это приведет их к экрану, где они смогут ввести всю информацию для объявления.

Затем нужно просто нажать на кнопку ‘Complete Listing’ в нижней части страницы, чтобы отправить объявление.

Отправка объявлений в онлайн-каталог

Каждый раз, когда посетители подают объявление таким образом, вам нужно будет вручную утвердить его. Чтобы сделать это, перейдите в раздел Каталог » Содержание каталога в вашей приборной панели WordPress.

Теперь вы увидите список ожидающих обработки объявлений.

Утверждение материалов, представленных посетителями

Чтобы рассмотреть объявление поближе, просто наведите на него курсор мыши, а затем нажмите на ссылку «Предварительный просмотр», когда она появится.

Листинг откроется в новой вкладке.

Как одобрить контент, отправленный пользователем

Чтобы внести изменения в объявление, снова наведите курсор мыши на объявление, но на этот раз нажмите «Редактировать».’

Теперь вы можете вносить любые изменения по своему усмотрению. Когда вы будете довольны его внешним видом, нажмите на кнопку «Опубликовать».

Как опубликовать бизнес-листинг

Как администратор WordPress, вы также можете создавать объявления в панели управления. Например, вы можете создать объявления для своих партнеров, чтобы им не приходилось выполнять эту работу самостоятельно.

Чтобы создать листинг, перейдите по ссылке Каталог « Содержание каталога а затем нажмите на кнопку «Добавить новое объявление.’

Добавление объявлений в онлайн-каталог

Откроется окно, где вы можете ввести всю необходимую информацию.

Когда вы закончите, нажмите на кнопку ‘Опубликовать’, чтобы сделать объявление активным.

Как опубликовать объявления на вашем сайте WordPress

Прием платежей за листинги каталога

Плагин Business Directory позволяет вам принимать платежи за публикацию объявления. По умолчанию плагин поддерживает только Authorize.net платежный шлюз, но вы можете добавить другие шлюзы, купив отдельные аддоны.

Чтобы настроить Authorize.сеть, перейдите к Каталог » Настройки, а затем перейдите на вкладку «Оплата.

Добавление платежного шлюза на ваш сайт WordPress

Затем вы можете продолжить и выбрать ‘Авторизация.net.’ Здесь нажмите на кнопку «Включить Authorize.net» переключатель, чтобы он стал активным.

Это добавляет некоторые новые настройки, где вы можете ввести идентификатор входа и ключ транзакции для вашего Authorize.чистая учетная запись.

Как включить платежный шлюз Authorize

Как только вы это сделаете, перейдите на вкладку «Общие настройки».

Если вы еще не готовы начать принимать платежи, то убедитесь, что включили опцию «Перевести платежные шлюзы в тестовый режим»?’

Тестирование вашего платежного шлюза

По умолчанию плагин принимает платежи в долларах, но вы можете выбрать другую валюту, используя выпадающий список «Валюта».

Вы также можете ввести другое сообщение благодарности, которое будет показано пользователям, когда они отправят вам платеж.

Когда вы закончите настройку параметров оплаты, не забудьте нажать на кнопку «Сохранить изменения», чтобы сохранить настройки.

Прежде чем вы сможете принимать платежи, вам также необходимо создать хотя бы один план платежей. Для начала нажмите на ‘Планы’ в меню слева.

Как монетизировать свой бизнес-каталог

Плагин поставляется с бесплатным планом и планом по умолчанию, который составляет $1.00 на 365 дней.

Чтобы изменить любой из планов, просто наведите на него курсор и нажмите на ссылку «Изменить».

Добавление планов в ваш веб-каталог

Это приведет вас к экрану, где вы сможете внести всевозможные изменения в план.

Это включает в себя изменение цены или даже создание разных цен для определенных категорий.

Как редактировать свой бизнес-каталог

Когда вы будете довольны внесенными изменениями, не забудьте нажать на кнопку ‘Save Changes’, чтобы ваш план стал активным.

Мы надеемся, что эта статья помогла вам создать веб-каталог с помощью WordPress. Вы также можете посмотреть подборку лучших сервисов email-маркетинга для малого бизнеса и как создать контактную форму в WordPress.

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий