Выделите свои услуги с помощью блока «Сервис» — Пользовательский блок AitThemes

Выделите свои услуги с помощью блока «Сервис» — Пользовательский блок AitThemes

Блок Service — это наш самый первый блок, который мы выпустили в нашем плагине Citadela Pro. Благодаря этому блоку вы можете идеально представить свои услуги или характеристики продукта, ключевые моменты, видение или объем работ. Добавляя сервисный блок на страницу или публикацию WordPress, вы можете выделить определенный элемент, добавить значок, описание и призыв к действию. Вам решать, хотите ли вы привлечь внимание посетителей только к одной конкретной услуге или к нескольким услугам через несколько сервисных блоков. Но давайте начнем с самого начала.

В этой статье мы объясним:

Основное назначение блока «Сервис» — показать услуги в привлекательном виде.

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

  • Структурируйте контент
  • Обновите его с помощью значков
  • Отдельные услуги с графикой и интервалом

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

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

Улучшенная навигация по сайту

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

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

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

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

Сервисный блок, используемый в качестве блока функций
Используйте блок «Сервис» в качестве поля «Функция», чтобы подчеркнуть особенности продукта.

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

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

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

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

Совместимость с темами WordPress

Основное преимущество блока Service заключается в том, что он доступен для всех тем WordPress, которые поддерживают редактор блоков WordPress (Gutenberg). Это означает, что вы можете использовать его в нашей теме или любой сторонней теме, такой как Avada или Divi. Единственное, что вам нужно, это установить плагин Citadela Pro.

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

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

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

Добавьте блок «Сервис» в редактор WordPress, нажав «+»
Добавление сервисного ящика нажатием на «+»

Второй вариант добавления блока «Сервис» — использовать «/» и написать слово «сервис».

Вставьте служебный блок с косой чертой «/»
Вставьте служебный блок, используя косую черту «/»

Сделанный. Так выглядит блок Service с доступными опциями.

Создан сервисный блок
Так выглядит сервисный блок

Настройки сервисного блока

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

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

Внутри блока Service есть заполнитель, который также работает как подсказка. Вы будете точно знать, что писать в этом отдельном поле. Заголовок обычно означает название услуги функции. Под текстом обычно подробно описывается услуга или объясняется, почему клиент должен ее заказать.

Текст можно отформатировать как обычно, выделить жирным шрифтом, курсивом или добавить ссылку.

Блокировка настройки с помощью Inspector

Расширенные настройки в Inspector позволяют модифицировать служебный блок под свои нужды. Ты можешь измениться:

1. Блокируйте цвета

  • Фоновый цвет
  • Цвет заголовка
  • Цвет текста
Изменение цвета сервисного блока
Настройте свой блок, изменив его цвет

2. Иконка или изображение в служебном блоке

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

Параметры значка и изображения в инспекторе сервисного блока
Выберите, что вы хотите отображать внутри блока — иконку или изображение?

Если вы не хотите отображать значок или изображение внутри окна службы, вы можете полностью отключить эту функцию (Показывать значок или изображение -> Нет).

3. Ссылка

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

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

4. Пользовательский класс CSS

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

Как создать страницу «Услуги» с несколькими услугами

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

Как добавить страницу службы в редактор блоков WordPress с помощью блока службы?

  • В первую очередь нужно добавить Блок столбцов
  • Установить количество столбцов. Если вы хотите представить 3 услуги, вам нужно 3 столбца
  • После этого добавьте по одному сервисному блоку в каждый столбец.
Страница услуг, созданная дополнительными блоками услуг
3 служебных блока, вложенных в блок Columns

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

Вы уже пробовали наш сервисный блок? Как вы его находите? Мы с нетерпением ждем ваших первых реакций в комментариях ниже.

3 мысли о «Highlight your services using Service block – AitThemes Custom block»

    1. Привет Скотти,

      Спасибо за вопрос.
      Сервисный блок поставляется со следующим плагином: https://www.ait-themes.club/wordpress-plugins/citadela-blocks.

      С наилучшими пожеланиями!
      Златко
      команда МТА

Комментарии закрыты.