https://ctr99.ru/ ru https://ctr99.ru/articles/pereklyuchaem-sezony-v-odin-klik-i-udobno-menyaem-tseny <span>Большое обновление для сайта спортивного инвентаря</span> <span><span>Гость (не проверено)</span></span> <span><time datetime="2024-09-18T17:33:32+03:00" title="среда, 18 сентября 2024 - 17:33">ср, 18 Сен. 2024 - 17:33</time> </span> <div><p>Один из наших клиентов совладелец пункта проката спортивного оборудования <a href="https://pokatushkin.ru/" target="_blank">"Покатушкин"</a> Когда мы начали сотрудничать, то у бизнеса уже был сайт, работающий на CMS-системе Joomla. Не можем сказать ничего плохого о данной системе, но для клиента управлять сайтом на таком движке было невозможно, любые изменения требовали привлечения разработчиков и были долгими и дорогими.</p> <p>В данной статье поделимся историей о том, как мы решили проблему клиента и сделали работу с сайтом не сложнее, чем взаимодействие с любимой социальной сетью.</p> <h2>Переезд: меняем Joomla на WordPress</h2> <p>Сайт клиента работал на Joomla. Основной проблемой была устаревшая версия, а обновление было невозможно без перелопачивания сайта. Мы не являемся экспертами в джумле, поэтому согласовав затраты на обновление и сопоставив их с разработкой нового сайта остановились на разработке. В дополнение, Joomla была крайне неудобна для клиента в плане интерфейса. </p> <p>Отталкиваясь от данных параметров мы приняли решение “переезжать” с Joomla на другую CMS. Выбор пал на WordPress (WP). По следующим параметрам: бесплатно (не надо покупать лицензию, как в битрикс), много готовых решений и разработчиков, наш опыт.</p> <h2>Выгоды</h2> <p>Переехав на WP мы реализовали массу технических решений, наиболее интересные и полезные для бизнеса рассмотрим подробно.</p> <h3>Проблема 1: долгая и сложная смена сезонов</h3> <p>Сайт, как и бизнес функционирует в двух сезонах: зимний и летний. Если нагляднее, то зимой прокат сдает в аренду лыжи и сноуборды, а летом велосипеды и ролики. В межсезонье инвентарь другого сезона к прокату недоступен и хранится на складах. </p> <p>Показать процесс смены сезона на старом сайте было бы очень долго и не очень удобно в рамках статьи, поэтому поделимся руководством по смене из нашего планировщика:</p> <section class="wide"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/285/28528e7f8ec54978170128f4bd3f7448.png" alt="Переезд на другой сезон" class="img-fluid"> </figure> </section> <p>Как видим из описания процесс не является быстрым. Когда начали работать с клиентом, то первый переезд занял 6 часов и постарались задокументировать, чтобы в следующий раз делать быстрее. Документация оказалась субъективной, потому что составлена для того, кто это делал и уже знает весь процесс. Новому исполнителю потребуется снова 4-6 часов на смену сезона. </p> <h3>Решение: меняем сезон в один клик</h3> <p>Для смены сезона на новом сайте нам нужно авторизоваться и перейти в пункт “Настройки Покатушкина” и выбрать нужный сезон. Все. Весь сайт обновиться. Клиент самостоятельно меняет сезон и это занимает не более 10 минут.</p> <section class="wide"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/fa3/fa38191e99e9767980f01ac15d0508d8.png" alt="Смена сезонов" class="img-fluid"> </figure> </section> <h3>Проблема 2: сложное обновление данных через HTML</h3> <p>На старом сайте услуги были обычными страницами, корректировать информацию в них было возможно только на HTML, что доставляло массу неудобств и опять же требовалась помощь сторонних исполнителей.</p> <section class="wide"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/fe1/fe19409e1a1dda47fb29581d3f34f21d.png" alt="Услуга на старом сайте" class="img-fluid"> </figure> </section> <h3>Решение: автоматизация и упрощение работы с сайтом</h3> <p>Для работы с услугами на новом сайте мы создали для них отдельную сущность: услуги. В техническую часть вопроса углубляться не будем, материал не об этом. Понимая особенности услуг и потенциальные возражения клиента мы выстроили структуру услуги таким образом, что для добавления новых или корректирования нужен минимум шаблонного HTML и заполнение полей: доступность услуги в конкретном прокате, вступительная информация, связанные услуги, часто задаваемые вопросы и цены (подробно о них в следующем разделе).</p> <section class="wide"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/763/763f11de48e87b5530a9580bbdba63db.png" alt="Услуга на новом сайте" class="img-fluid"> </figure> </section> <h3>Проблема 3: изменение цен на сайте</h3> <p>На старом сайте существовала проблема с актуальностью цен. Все заносилось в верстку руками, никакой автоматизации не было. Если клиент решил изменить цену, то приходилось идти по памяти по всем страницам и менять цены. Разумеется, заменить всю информацию не удавалось и старая цена могла где-то остаться, например, в статье или каком-то элементе.</p> <h3>Решение: управление ценами из одного места</h3> <p>Для занесения цен на услуги есть поля в админке, заполняя информацию в которых, она автоматически обновляется на всем сайте, независимо от того на каком количестве страниц используется.</p> <section class="wide"> <div class="row"> <div class="col-md-6"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/2d5/2d53ac33d70856b24bd71820026ee6d1.png" alt="Управление ценами в админке" class="img-fluid"> </figure> </div> <div class="col-md-6"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/f41/f418552e480c6cb903196d51aa7b907c.png" alt="Отображение цен на странице" class="img-fluid"> </figure> </div> </div> </section> <h4>Шорткоды: актуальная информация в любом месте</h4> <p>Если с хранением цен на услуги все понятно, то с точечным использованием цен мы тоже поработали. Например, хочет клиент указать в некоторых статьях цену на прокат оборудования, то сделать это можно через шорткод, без страха за акутальность данных. Шорткод получает значения из основных настроек и информация в нем будет всегда совпадать с основными данными.</p> <section class="wide"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/ad2/ad2c5413870f9a4dae7e04cff856e5a2.png" alt="Высокий сезон поля для услуги" class="img-fluid"> </figure> </section> <h4>Дополнительный функционал для цен</h4> <p>Для цен мы также сделали дополнительный функционал - высокий и низкий сезон. Такой подход активно используется на праздниках или каникулах, когда прокаты испытывают повышенный спрос. Высокий сезон включает в себя цены с добавленным процентом, низкий сезон - обычные цены. Если клиент видит, что на услуги проката большой спрос, то он может включить высокий сезон и ко всем ценам на сайте автоматически будет добавлен %, который увеличит стоимость услуг.</p> <section class="wide"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/e56/e56c872b74e6627632c6a4a1739cc574.png" alt="Высокий сезон" class="img-fluid"> </figure> </section> <h3>Проблема 4. Управление пунктами проката</h3> <p>На предыдущем сайте информация о прокатах, как не сложно догадаться, тоже выводилась руками. Страницы пунктов проката являлись обычными страницами. Клиент достаточно часто обновляет информацию о своих прокатах (на момент написания статьи их 3), добавляет услуги, которые доступны в одном прокате или не доступны в другом, закрывает прокат на обслуживание или осуществляет переезд в другое место. Для всех действий приходилось обращаться к разработчикам.</p> <h3>Решение</h3> <p>Как и с примерами выше для проката мы создали отдельную сущность - пункт, гибко настраиваемую и содержащую только нужную информацию.</p> <p>Внутри каждого проката содержится информация:Адрес, телефон, летняя и зимняя схема проезда, фотографии летнего и зимнего проката, ссылки на отзывы в сервисах карт яндекса, 2гис и гугл.</p> <section class="wide"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/97b/97b3ec707f4ae43d2b2fb08960e9978c.png" alt="Пункты проката" class="img-fluid"> </figure> </section> <p>На странице проката отображаются услуги, которые в нем доступны (это также просьба клиента, часть услуг в одном из прокатов не доступна)</p> <section class="wide"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/1f4/1f4e870ae110149402fa69a47d8224f1.png" alt="Услуги в прокате" class="img-fluid"> </figure> </section> <p>Теперь занесение нового проката или удаление, скрытие недействующего не занимает больше 30 минут вместе с загрузкой фотографий.</p> <h3>Проблема 5. Беспорядок в галереи инвентаря</h3> <p>На сайте существует страница на которой находиться весь инвентарь проката. Наличие такой страницы позволяет показать клиентам оборудование проката и его состояние. На прошлом сайте была страница с шорткодом из джумлы, мы частично пытались ее доработать, сделав разделение по типу инвентаря, но удобства клиенту это не добавило.</p> <section class="wide"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/392/392a7e5c6c3569122de36cee2c5563ad.png" alt="Инвентарь старый сайт" class="img-fluid"> </figure> </section> <h3>Решение</h3> <p>Для размещения фотографий инвентаря мы используем обычную страницу с гибкими настройками. Для добавления инвентаря сделаны поля, в которые нужно занести: тип инвентаря, выбрать связанную услугу и загрузить желаемые фотографии. Поля разделены на зимние и летние, а загрузка занимает не более 20 минут. </p> <section class="wide"> <div class="row"> <div class="col-md-6"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/1e0/1e043002d3c67d6aabd673e1360a6977.png" alt="Инвентарь новый сайт 1" class="img-fluid"> </figure> </div> <div class="col-md-6"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/44a/44a4735c43b7dc795e811bc2af95314e.png" alt="Инвентарь новый сайт 2" class="img-fluid"> </figure> </div> </div> </section> <h3>Польза. Качественный скачок в SEO</h3> <p>Под данным пунктом мы не будем писать ни о каких проблемах, а расскажем о функционале, который внедрили на новом сайте.</p> <h3>Каталог</h3> <p>Для привлечения целового трафика “Где покататься”, “трассы для катания”, “места катания” и других схожих запросов мы добавили еще одну сущность - места. В данном типе записи мы рассказываем о популярных местах для катания на лыжах, коньках, велосипеде и другом инвентаре.</p> <p>Каталог разделен на категории: интересные места, катки, горнолыжные курорты и трассы для беговых лыж в Санкт-Петербурге и Ленинградской области.</p> <section class="wide"> <div class="row"> <div class="col-md-4"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/923/923fa83bd5ac606b611d2e061a5dc097.png" alt="Горнолыжные курорты" class="img-fluid"> </figure> </div> <div class="col-md-4"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/4a1/4a18fddb87d3c5d60e1bd4053d3ba3fb.png" alt="Катки" class="img-fluid"> </figure> </div> <div class="col-md-4"> <figure class="with-modal"> <img src="https://ctr99.ru/upload/medialibrary/1a3/1a3f8951fdc180fc2c65e89e685a3a66.png" alt="Трассы для беговых лыж" class="img-fluid"> </figure> </div> </div> </section> <p>Для каждого места указана информация: адрес, краткая обзорная информация, телефон, сайт, комментарий Покатушкина, список доступных услуг, способы добраться, видео, фотографии и ссылки на отзывы со средней оценкой.</p> <h3>Эпилог</h3> <p>Рассмотрели еще один пример переезда с одной CMS на другую и то, какие выгоды это принесло клиенту и его бизнесу. Разумеется, можно было навести порядок и в Joomla, но скорее всего это было бы гораздо дороже и дольше для клиента. Основной задачей переезда было создание удобного и надежного сайта, который бы отвечал всем потребностям проката спортивного оборудования, легко обслуживался и был масштабируемым, мы выполнили данную задачу.</p></div> <div class="article-discussion__field"> <div class="article-comment-form"> <h3>Оставить комментарий</h3> <p class="article-comment-form__note">Комментарии появляются после проверки.</p> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=369&amp;2=comment&amp;3=comment" token="9tiZekVmkj1sI5-wBrasi1-5_6OWxNi-9oGTH7kNKJ8"></drupal-render-placeholder> </div> </div> Wed, 18 Sep 2024 14:33:32 +0000 Гость 369 at https://ctr99.ru https://ctr99.ru/articles/pereklyuchaem-sezony-v-odin-klik-i-udobno-menyaem-tseny#comments