Как сделать прайс-лист в WordPress (код не требуется)

Опубликовано: 2023-01-19

Вы ищете простой учебник о том, как сделать прайс-лист в WordPress?

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

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

Но в этой статье мы покажем вам, как сделать прайс-лист в WordPress, не касаясь ни единой строчки кода.

Почему на вашем сайте должен быть прайс-лист?

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

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

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

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

Имея это в виду, как именно вы составляете прайс-лист в WordPress? Мы рассмотрим это далее.

Как сделать прайс-лист в WordPress

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

Таблицы цен — это популярный способ для SaaS-компаний и аналогичных предприятий отображать различные тарифные планы. Вы, наверное, знакомы с тем, как они выглядят:

Pricing table example

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

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

Вот полезное руководство о том, как создать таблицу цен в WordPress.

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

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

Price list example

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

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

SeedProd WordPress website builder

SeedProd — самый удобный для начинающих плагин для создания страниц с функцией перетаскивания для WordPress. Он упрощает создание пользовательских дизайнов и макетов страниц WordPress благодаря интуитивно понятному интерфейсу перетаскивания (кодирование не требуется).

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

SeedProd также включает в себя следующие функции:

  • Конструктор тем WordPress
  • Поддержка WooCommerce для вашего интернет-магазина
  • Шаблоны сайтов электронной коммерции
  • Скоро и режимы обслуживания
  • Панель управления подписчиками
  • Широкие возможности настройки
  • Интеграция с почтовым маркетингом
  • Поддержка SEO-плагинов
  • И многое другое.

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

  • Шаг 1. Установите и активируйте SeedProd
  • Шаг 2. Выберите тему или конструктор целевых страниц
  • Шаг 3. Выберите собственный шаблон
  • Шаг 4. Настройте страницу с прайс-листом
  • Шаг 5. Опубликуйте страницу с прайс-листом

Шаг 1. Установите и активируйте SeedProd

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

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

После активации плагина перейдите на страницу SeedProd »Настройки и вставьте свой лицензионный ключ. Вы можете найти свой лицензионный ключ в своей учетной записи SeedProd в разделе «Загрузки».

enter your SeedProd license key

Теперь продолжайте и нажмите кнопку «Подтвердить ключ» .

Шаг 2. Выберите тему или конструктор целевых страниц

Есть несколько способов настроить ваш сайт WordPress с помощью плагина конструктора страниц SeedProd.

Вы можете заменить существующий дизайн сайта новым, создав собственную тему WordPress. Или вы можете сохранить свой текущий дизайн и создать отдельную целевую страницу с помощью конструктора целевых страниц.

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

В этом руководстве мы выберем вариант Theme Builder, поэтому перейдите в SeedProd »Theme Builder и нажмите кнопку Theme Template Kits .

Choose a Theme Template Kit

Шаг 3. Выберите собственный шаблон

На следующем экране вы увидите библиотеку готовых шаблонов веб-сайтов SeedProd. Они включают в себя все функции и страницы, необходимые для создания полноценного веб-сайта, а также профессиональный дизайн, который можно легко настроить.

SeedProd theme template kit chooser

Щелкните значок увеличительного стекла на любом шаблоне, чтобы просмотреть всю тему. Например, если вы просмотрите тему Andaman Budget Hotel, вы увидите, что на странице Dining уже есть простой прайс-лист, который вы можете редактировать.

Example of a simple demo price list

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

Filter SeedProd templates

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

Import SeedProd template

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

Theme template kit parts

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

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

Edit WordPress page with SeedProd

Мы настроим страницу «Обед», чтобы показать вам, как использовать функцию прайс-листа SeedProd. Поэтому наведите указатель мыши на страницу и нажмите ссылку «Редактировать с помощью SeedProd» .

Шаг 4. Настройте страницу с прайс-листом

Когда вы открываете любую страницу с SeedProd, вы увидите такой макет:

SeedProd page builder interface

Конструктор страниц имеет блоки и настройки WordPress слева и предварительный просмотр вашего дизайна в реальном времени справа. Блоки работают аналогично редактору блоков WordPress (Gutenberg), где вы можете перетаскивать новые блоки на свою страницу и щелкать, чтобы редактировать содержимое в режиме реального времени.

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

Demo price list made with headline and text blocks

Более простой способ отобразить пункты меню и их цены — использовать блок «Прайс-лист». Он автоматически включает место для вашего товара, описания, цены и изображения и имеет множество параметров настройки.

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

Add the SeedProd Price List block to learn how to make a price list

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

Open a price list item to edit the content

Для этого щелкните заголовок «Элемент 1», чтобы развернуть его. Внутри вы можете добавить заголовок, описание и цену, загрузить фотографию и даже добавить ссылку на страницу отдельного продукта.

Customize the price list item settings

Повторите этот шаг для каждой позиции в вашем прайс-листе.

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

Customize the price list layout settings

Вы даже можете связать поле с полной ценой с отдельной страницей с ценами. Просто нажмите переключатель в положение «Да» .

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

Customize the price list image settings

Теперь перейдите на вкладку «Дополнительно» , чтобы увидеть дополнительные параметры стиля.

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

Price list advanced styling settings

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

Price list typography color settings

Просто укажите и щелкните, чтобы добавить новый стиль.

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

Delete template filler content

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

Save your price list page

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

Вот несколько полезных руководств, которые могут помочь вам с настройками:

  • Как добавить кнопку в шапку вашего сайта
  • Как добавить часы работы на свой сайт
  • Как добавить пользовательские значки социальных сетей на ваш сайт

Шаг 5. Опубликуйте страницу с прайс-листом

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

Во-первых, убедитесь, что вы сохранили свои изменения, затем щелкните значок X, чтобы выйти из конструктора страниц и вернуться на страницу конструктора тем на панели управления WordPress.

Оттуда найдите переключатель с надписью «Включить тему SeedProd» и поверните его в положение «Да» .

enable seedprod theme

Теперь вы можете посетить свой работающий веб-сайт, чтобы увидеть, как выглядят ваши настройки. Вот страница Dining, которую мы настроили с новым прайс-листом в этом руководстве:

Custom WordPress price list example

Вот и все!

Мы надеемся, что эта статья помогла вам научиться создавать прайс-лист в WordPress.

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

Готовы сделать собственный прайс-лист WordPress?

Начните работу с SeedProd сегодня

Вам также может понравиться этот обзор Elementor, WPBakery и SeedProd, так что посмотрите, как они сравниваются.

Спасибо за прочтение. Следите за нами на YouTube, Twitter и Facebook, чтобы получать больше полезного контента для развития вашего бизнеса.