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

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

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

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

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

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

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

Yellow Pages, Angi и 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 может собирать платежи с помощью PayPal, Stripe или Authorize.net.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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