WordPress / WooCommerce - подготовка шаблона страницы товара для кондиционеров

WordPress / WooCommerce - подготовка шаблона страницы продукта для кондиционеров

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

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

Пример продукта, над которым я недавно работал:

https://strefaklimy.pl/produkt/gree-airy-champagne-27-kw/

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

Цель проекта

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

Я хочу, чтобы секции на каждой странице продукта выглядели визуально идентично:

• тот же макет
• то же расстояние
• те же цвета
• тот же тип плиток/карточек
• согласованные кнопки
• та же ширина описания
• правильное отображение на настольных и мобильных устройствах

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

Секции, которые я хотел бы иметь в фиксированном макете

Страница продукта должна включать следующие секции:

• краткое введение в продукт
• CTA панель с номером телефона
• плитки/карточки с основными преимуществами, например: “Почему стоит выбрать Gree Airy Champagne - 5 основных преимуществ”
• секция “Для каких комнат?”
• секция “Ключевые параметры в кратце” - приветствуется, но не обязательно
• секция “Что выделяет эту серию/модель?”
• место для видео с YouTube, фотогалереи или обоих
• секция “Установка кондиционеров с StrefaKlimy.pl”
• поле, побуждающее пользователей просмотреть фотогалерею наших завершенных проектов
• FAQ - “Часто задаваемые вопросы”
• финальный CTA

Секция установки

В секции установки я хотел бы фиксированный макет из 6 плиток/карточек:

1. Расположение внутреннего блока

2. Маршрут установки

3. Дренаж конденсата

4. Внешний блок

5. Электропитание и защита

6. Эстетика отделки

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

Технические проблемы для решения

1. Ширина и центрирование описания продукта

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

Я хотел бы, чтобы оно отображалось аналогично странице Aero7:

https://aero7.pl/klimatyzator/gree-airy-champagne

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

2. Видео с YouTube в описании продукта

Видео с YouTube не отображается корректно в описании продукта. Для тестового кондиционера это видео:

https://www.youtube.com/watch?v=fhULgSsc1uE

Необходимо проверить, как лучше всего встроить видео в текущую тему и WooCommerce, чтобы оно работало правильно на настольных и мобильных устройствах. Это может быть iframe, oEmbed, шорткод, блок WordPress или другое безопасное решение.

3. Цвет текста CTA

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

4. Размер шрифта и согласованность

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

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

Цвета сайта

Пожалуйста, сохраните текущую цветовую схему:

• темно-синий #23355D
• светло-голубой #E6ECFD
• голубой #6CA9E0
• зеленый #71A200
• оранжевый #FDB033
• красный CTA #CA232A
• серый #727272 или #808080

Что я ожидаю от подрядчика

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

Подрядчик должен:

• проверить текущую тему и макет WooCommerce
• предложить лучший способ реализации шаблона
• улучшить ширину и центрирование описания продукта
• подготовить многоразовый макет секции
• решить проблему с видео на YouTube
• позаботиться о внешнем виде на настольных и мобильных устройствах
• не нарушить другие продукты или макет сайта
• кратко описать, как заменить контент для будущих продуктов

Что я не ищу

Я не ищу кого-то, кто:

• просто вставит HTML в один продукт
• будет делать все вручную для каждого продукта
• не знает WooCommerce
• не проверит мобильную версию
• работает с подходом “Я попробую, может быть, сработает”

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

Пожалуйста, включите в свой ответ

1. Как бы вы технически подошли к подготовке такого шаблона?

2. Как бы вы решили проблему узкого описания и пустого пространства с правой стороны?

3. Сделали бы вы это с помощью CSS, модификации шаблона WooCommerce, шорткода, блоков Gutenberg, ACF, Elementor или другого метода?

4. Сколько времени вам нужно, чтобы доработать весь проект?

5. Какова была бы цена?

6. Можете ли вы показать 2-3 похожих проекта, желательно WooCommerce или страницы продуктов?

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