WordPress предоставляет массу возможностей для создателей сайтов любого уровня. Уже давно не обязательно знать языки программирования и разметки, чтобы создать свой веб-сайт. Все, что вам необходимо – фантазия, желание иметь свой сайт и подходящая для этой цели тема. Интернет-магазин сделать гораздо труднее, чем сайт блога или лендинг. Нужно учитывать множество тонкостей и факторов. Помимо того, что нужно настроить взаимодействие между магазином и пользователем, также необходимо позаботиться об оптимизации. Все эти задачи будут по силам, если взять на вооружение XStore. Современная тема XStore имеет чистый дизайн и обширный функционал. Ее возможности позволят быстро запустить свой интернет-магазин и начать получать заказы. Давайте подробнее рассмотрим возможности темы.
Полезно: темы-новинки лета 2020 для интернет магазина.
Кратко о теме XStore
Тема появилась 16 июня 2016 года. За чуть больше, чем 5 лет существования, XStore получила рейтинг в 5 звезд. Шаблон купили более 21 тысячи пользователей. Если посмотреть в журнал изменений, то можно заметить, что макет получает регулярные обновления. Последняя версия темы вышла 15 января 2021 года. Разработчики темы находятся в рейтинге лучших разработчиков и имеют более 8 лет опыта.
Основные характеристики XStore
Шаблон имеет очень обширный функционал, который закрывает все потребности при создании веб-сайта. Сделаем краткий обзор основных функций макета:
- отсутствие кода. Тема поддерживает два самых популярных визуальных конструктора – WPBakery и Elementor. Оба расширения дают возможность редактировать содержимое страниц методом Drag & Drop. Все настройки шрифтов, размеров и других параметров элементов можно найти на панели инструментов. Помимо этих дополнений, шаблон включает в себя редактор визуальных стилей Yellow Pencil;
- расширенные возможности WooCommerce. Речь идет о встроенном конструкторе писем и некоторых надстройках для этого плагина. К надстройкам относятся Subscriptio, Infinite Scroll & Ajax Pagination и другие расширения;
- совместимость со всеми версиями WordPress, включая WP 5.6;
- интуитивно понятный установщик, при помощи которого можно быстро установить файлы шаблона и начать работу;
- высокая скорость загрузки страниц. XStore относится к одной из самых быстрых тем в своей категории;
- бесплатные плагины. Скорее всего, существуют всего единицы таких тем, которые сэкономят вам больше 500 долларов. XStore – один из таких шаблонов. Вместе с темой разработчики дают вам доступ к огромному количеству премиальных расширений;
- Использование Ajax. Технология Ajax – одна из самых популярных технологий. Она делает веб-сайт более удобным и практичным. Это благодаря тому, что некоторые действия происходят без перезагрузки страницы;
- добавлены холсты. На внешних холстах можно отображать различные блоки веб-сайта. Это может быть корзина, страница авторизации и другие страницы сайта. Главная особенность холстов – при открытии корзины страница, на которой находился пользователь, не перезагружается;
- новый метод создания форм. Разработчики добавили интеграцию Quform для создания форм на веб-сайте;
- умная загрузка изображений. Отображение изображений с отложенной загрузкой увеличивает скорость сайта;
- многоязычный макет. Тема уже имеет языковые пакеты для более, чем 20 стран. Среди языковых пакетов есть русский, английский, немецкий и другие языки. Если среди пакетов вы не найдете нужного, можно сделать свой перевод при помощи расширений;
- включены PSD и FIG файлы темы;
- бесплатные регулярные обновления, которые вы будете получать пожизненно.
Это была краткая сводка по основным характеристикам темы. Теперь можно переходить к полному обзору каждой функции XStore.
Совместимость с визуальными редакторами
XStore поддерживает два самых популярных визуальных редактора для WordPress. Эти редакторы – WP Bakery Page Builder и Elementor. Оба конструктора используются разработчиками достаточно долгое время. Они имеют множество положительных отзывов и обширный функционал. Чтобы узнать, как работают эти расширения, и какие функции они имеют, можно посмотреть обзоры на них. Здесь мы разберем, что дают они пользователям XStore.
При помощи этих расширений вы можете самостоятельно создавать новые страницы сайта. Настроить их в соответствии со своими потребностями помогут мощные панели настроек. Плагины сделаны таким образом, чтобы пользователь без знаний кода мог создавать веб-сайты. Элементы добавляются на страницу перетаскиванием. Визуальные настройки задаются через панели инструментов. Оба расширения платные, но вместе с темой вы получите их расширенные версии совершенно бесплатно.
Помимо двух популярных конструкторов, шаблон поддерживает Yellow Pencil. Yellow Pencil – визуальный CSS редактор. Он позволяет редактировать стили через специальные панели. Таким образом, расширение позволяет уйти от написания кода и ускорить процесс кастомизации. Как и два предыдущих плагина, Yellow Pencil предоставляется бесплатно.
Расширенные возможности WooCommerce
Полезно: вопросы-ответы о WooCommerce.
Макет разработан для создания интернет-магазина. Поэтому разработчики уделили немало внимания той коммерции сайта. Если быть точнее – работе с WooCommerce. WooCommerce – расширение, которое добавляет веб-сайту функционал интернет-магазина. С его помощью можно быстро настроить продажи на сайте. WooCommerce – самый популярный плагин электронной коммерции WordPress. Поэтому он имеет множество аддонов и дополнений, которые расширяют его функционал. Именно об этих дополнениях, в составе XStore мы и поговорим:
- конструктор писем. Лучший способ уведомлять посетителя о статусе его заказа – письма на почту. Можно делать простые письма, содержащие лишь основную информацию. Но если вы хотите подчеркнуть свой бренд – нужно что-то большее. Поэтому авторы темы добавили конструктор писем. В нем вы можете самостоятельно сверстать письмо со своей структурой и добавить в него логотип, ссылки на соцсети и т.д. Чтобы сверстать письмо, не нужно знать код. Все работает так же, как и в визуальных конструкторах;
- возможность работы с поставщиками. Поставщики могут добавлять свои магазины на вашем сайте. Они сами будут контролировать доставку, цены и другие характеристики товаров. При этом вы будете брать с них комиссию с них;
- WooCommerce Infinite Scroll & Ajax Pagination. Этот плагин позволяет добавить бесконечную прокрутку или список продуктов на отдельные страницы. При разбивке на страницы добавляется Ajax пагинация. Бесконечная прокрутка работает так: пользователь прокручивает страницу вниз и постепенно добавляются новые страницы с товарами. Работает таким образом, что посетителю не нужно постоянно нажимать кнопку «Следующая страница». Ajax пагинация позволяет сделать разбивку страниц. Пользователь сможет перемещаться по страницам веб-сайта при помощи пагинации. Пагинация работает на технологии Ajax, то есть без перезагрузки страницы;
- Subscriptio. Помимо товаров в интернет-магазине можно продавать и подписки. Чтобы реализовать это, нужно воспользоваться надстройкой к WooCommerce – Subscriptio. Этот плагин добавляет функцию регулярных платежей. Таким образом, пользователи сайта могут подписываться на журналы, пакеты онлайн-обучения и другие продукты на сайте. Расширение позволяет настраивать все важные пункты подписки. К ним относятся: продолжительность пробной версии, длительность подписки и цена;
- Amazon Affiliates. Специальный модуль отчетов Amazon Affiliates позволяет просматривать всю информацию, связанную с товарами. В эту информацию входят: количество кликов, отправленные товары и партнерский доход. Расширение предоставляет разные способы просмотра отчетов. Информация предоставляется в виде диаграмм и таблиц. Также можно просматривать отчеты за последние 7, 30, 60 и 90 дней;
- PDF Invoice. Расширение было создано как более простой метод выставления счетов. Для каждого нового заказа плагин генерирует новый счет. Он тесно интегрирован с WooCommerce и поэтому отлично работает со всеми функциями этого дополнения. К стандартным письмам плагин прикрепляет PDF-документы со счетом;
- Dynamic Pricing & Discounts. Плагин позволяющий сделать ценообразование проще. С помощью этого дополнения вы можете рассчитывать скидки и акции, предложения дня и т.д. Также расширение позволяет брать дополнительную плату и повышать цены, если это необходимо.
Все дополнения из этого списка – платные. Но покупая XStore, вы получаете их в комплекте. Таки образом вы избавляете себя от необходимости покупки этих инструментов.
Высокая скорость загрузки
Многие интернет-магазины имеют очень низкую скорость загрузки. Но XStore не попадает в категорию таких ресурсов. Несмотря на большое количество функций, этот шаблон имеет высокую скорость загрузки. Неизвестно, каким способом разработчики добились этого, но они смогли максимально оптимизировать тему.
В качестве доказательства качества своего продукта разработчики привели показатели темы на разных ресурсах. В сервисе pingdom (созданный для проверки веб-сайта на производительность и доступность) XStore получил 98%. При проверке на сайте YSlow (анализ ресурса на основе правил Yahoo), получились показатели в 97%. А на GTmetrix (проверка скорости загрузки сайта) был результат 99%.
Разумеется, где высокая скорость загрузки, там и более высокие позиции в поисковой выдаче. Также благодаря высокой скорости загрузки повышается вероятность того, что посетитель сайта станет вашим клиентом.
Как получить премиальные расширения для сайта бесплатно
XStore предоставляет большое количество премиальных расширений бесплатно. Если посчитать, то их совместная стоимость в 13 раз выше, чем стоимость самой темы (обычная цена макета – 39 долларов). Вот эти расширения:
- визуальные редакторы WP Bakery, Elementor и Yellow Pencil. Как уже говорилось выше, они позволяют редактировать блоки перетаскиванием. Также с их помощью можно изменять внешний вид элементов через панель инструментов;
- надстройки для WooCommerce (описание аддонов было выше, поэтому нет смысла делать их описание здесь);
- дополнение Slider Revolution, которое считается одним из лучших плагинов для добавления слайдеров WordPress;
- GMAPS для WP Bakery. Небольшая надстройка, позволяющая создавать свои собственные карты. С ее помощью можно добавлять свои маркеры, изменять стиль и слои карты, настраивать масштабирование и проводить другие настройки;
- Quform. Конструктор форм. позволяющий создавать формы любой сложности;
- Smart Product Viewer. Самое продаваемое расширение для добавления анимации на веб-сайт. Главная особенность этого плагина – возможность обзора продукта в 360 градусов. Эта функция будет особенно полезна, если на вашем сайте продаются автомобили или любая техника.
Новый уровень использования Ajax
Авторы XStore вывели использование технологии Ajax на совершенно новый уровень. Они задействовали этот метод в самых важных функциях веб-сайта:
- поиск. Поиск товаров был оптимизирован настолько, что любой продукт можно найти за считанные секунды;
- фильтрация товаров. Эта функция позволяет отфильтровывать товары по определенным параметрам. Это может быть цвет, размер, категория, теги и т.д. Самое главное, что благодаря Ajax фильтрация работает максимально быстро;
- «загрузить больше». Опция «показать больше» повышает скорость загрузки сайта и позволяет пользователю быстрее сориентироваться среди товаров;
- мини-корзина и мини-список желаний. Пользователи смогут добавлять товары в корзину или список желаний и удалять их оттуда. Все действия происходят без перезагрузки страницы.
Боковые панели
Чтобы пользователю было удобнее работать на сайте, можно добавить боковые панели, выходящие за пределы страницы. Это выглядит красиво и необычно, а самое главное – это максимально практично. Боковые панели появляются тогда, когда они будут нужны пользователю. При этом, страницы не закрываются. Можно делать выплывающие панели с корзиной, списком понравившихся товаров и т.д.
Новый конструктор форм
Большинство разработчиков для создания форм добавляют расширение Contact Form7. Это качественное расширение, которое проверено временем и опытными веб-разработчиками. В XStore авторы решили все поменять – они добавили премиальную версию расширения Quform. Стоит заметить, что полная версия включена в тему бесплатно. Также если этот плагин не будет соответствовать вашим запросам – всегда можно перейти на CF7. Но прежде чем делать выводы, рассмотрим возможности, которые предоставляет это расширение.
Quform – продвинутый плагин, который позволяет создавать формы любого типа. Вы можете собирать разные формы и полностью их контролировать. С расширением можно сделать как простую форму обратной связи, так и сложные формы для бронирования. Плагин имеет несколько вариантов дизайна. Также он позволяет добавлять элементы перетаскиванием их на нужное место. В целом, это дополнение – то, что необходимо любому интернет-магазину.
Что вы получите с этим расширением:
- 11 готовых тем и возможность создания своей темы для форм;
- 11 стилей для кнопок;
- возможность добавления своего CSS-кода;
- настройка цветовых схем при помощи специальной палитры и другие возможности.
Отложенная загрузка изображений
Одна из главных проблем в скорости загрузки веб-сайта – большое количество изображений. Каждое изображение занимает немало места и зачастую картинки составляют большую часть от веса всего сайта. Если в блоге можно убрать часть изображений, то в интернет-магазине они обязательно должны присутствовать. Пользователям нужно видеть товар, который они собираются покупать. Поэтому разработчики добавили отложенную загрузку изображений.
Отложенная загрузка работает очень просто. Картинки загружаются не все сразу, а по мере надобности. Таким образом, сайт загружается быстрее и эффективно использует ресурсы.
Что говорят пользователи о XStore
Разработчики добавили очень большое количество опций. Пользователи хорошо оценивают шаблон. Это отражается в большом количестве продаж и рейтинге в 5 звезд. Посмотрим, что скажут покупатели темы: «этот шаблон позволяет создать полноценный интернет-магазин. В нем есть очень большое количество различных инструментов. Панель поиска продуктов – одна из лучших функций темы, которая вдобавок еще и показывает небольшие изображения продуктов. Административная панель очень проста в использовании и позволяет использовать множество функций. Также следует отметить отличную работу Elementor «, «эта тема просто потрясающая. Я использую этот макет для своего интернет-магазина. Все работает просто великолепно и каждый может запустить сайт без знаний программирования». Стоит отметить, что в последнем отзыве пользователь сказал об отсутствии ключей для плагинов. Разработчики ответили, что они приобрели полные версии расширений, и они полноценно работают без необходимости регистрации.
Онлайн-документация
Любой премиальный шаблон должен иметь качественную и подробную документацию. Авторы XStore подготовили просто превосходную онлайн-документацию. С ее помощью вы сможете в кратчайшие сроки разобраться с настройками макета и создать свой интернет-магазин.
Интерфейс страницы с документацией выглядит достаточно просто. В самом начале страницы располагается поисковая панель. С ее помощью можно быстрее находить нужные пункты. После блока с поисковой панелью следует сама документация. Она поделена на несколько категорий:
- видеоуроки. Нажав на этот пункт, вы попадете на страницу с видеоуроками. В каждом видео авторы рассказывают и показывают на наглядном примере, что делать на определенном этапе;
- инсталляции темы. Да, разработчики посвятили целый блок инсталляциям макета. В этом блоке не просто рассказывается об установке темы. Здесь охватываются все этапы установки. Разработчики добавили предупреждения, правила и алгоритмы установки и даже способы использования макета для разных целей;
- работа с меню. Шаблон поддерживает несколько типов меню. Поэтому авторы помогают настроить каждое из них;
- перевод макета. Пожалуй, это один из самых важных пунктов. Поэтому здесь вы найдете помощь с переводом темы на другой язык при помощи WPML;
- настройки слайдеров. Здесь все очевидно – помощь с установкой и настройкой слайдеров;
- работа с виджетами и статическими блоками;
- обновления макета;
- WooCommerce и использование его возможностей для разработки сайта;
- работа с расширениями. Подробно рассказывается о включенных плагинах, их обновлениях и настройке. Также на каждое дополнение выделена отдельная статья по работе с ним;
- решения для некоторых проблем, которые могут возникнуть;
- помощь с дополнительными настройками макета.
Помимо документации разработчики сделали форум поддержки. Обратившись туда, вы быстро получите необходимую помощь в решении проблемы.
Многоязычная тема
XStore – многоязычная тема, которая уже поддерживает большое количество языковых пакетов. Таким образом, вы можете подстраивать свой магазин под любую аудиторию. Но что делать, если нет нужного языка? Добавить свой языковой пакет. Сделать это можно при помощи расширения WPML. Вы можете добавить любой языковой пакет. Тема также поддерживает языки, которые пишутся справа налево.
Заключение
Тема XStore – на самом деле универсальное решение для любого интернет-магазина. Видно, что разработчики потратили большое количество часов на то, чтобы сделать этот шаблон максимально функциональным и удобным. XStore имеет такие функции, которые позволят вашему сайту стать серьезным конкурентам некоторым крупным интернет-магазинам. Самое главное, что разработчики позаботились не только о добавлении функций. Они сделали сайт быстрым и соответствующим требованиям поисковых систем.
Если вам нужен интернет-магазин, XStore идеально подойдет для этой цели. При помощи шаблона можно сделать как небольшой магазин, так и крупный интернет-магазин с большим количеством товаров и продавцов. В общем, вам определенно стоит приобрести этот шаблон. Цена этого макета даже ниже цен на другие темы. Также он включает в себя плагинов на 500 долларов, что убирает массу препятствий и расширяет ваши возможности.
