WordPress шаблони для інтернет магазину woocommerce - за якими показниками вибирати

 З мого досвіду wordpress шаблони для інтернет магазину woocommerce потрібно вибирати за такими показниками:

1. Швидкість завантаження - найголовніше.
2. Хороша корзина.
3. Пошук товару по артикулу.
4. Нормальний конструктор сторінок.
5. Постійне оновлення.
6. Ajax технології.
7. Свої фільтри товару.
8. Можливість відключити зайві скрипти і css після фінішного налаштування.
9. Чистий код.
10. Адаптація під пристрої без глюків.
11. Грамотна підтримка техслужби.
12. Мінімальне навантаження на сервер.
13. Практично весь потрібний функціонал інтегрований в шаблон без необхідності купи плагінів.

Швидкість завантаження

Інтернет магазин на worspress + woocommerce довгий час не міг похвалитися швидкістю завантаження сторінок. Це величезний мінус. І тільки в 2019 році ми побачили значущі поліпшення в результаті постійних доробок плагіна вукомерс. Спочатку я все звалював на теми. Але після простого досвіду, а саме - додавання woocommerce на звичайний сайт, відразу відчувалася низька продуктивність. І ніякі плагіни кешування на 100% не допомагали.

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

Погано було і з woocommerce шаблонами. Намагаючись створити конструктор з максимальною кількістю опцій, розробники в результаті створювали важкого мамонта, який начебто гарний, але жахливо незграбний.

Що ми маємо зараз зі швидкістю

Сьогодні вукомерс максимально легкий в міру своїх можливостей. Але чому ми досі спостерігаємо стільки важких магазинів на wordpress?

причини:

• Куплений дешевий woocommerce шаблон, з мінімальною кількістю опцій і в результаті довелося додавати багато плагінів. Як приклад - плагін швидкого перегляду товару, нормальний фільтр товару в сайдбар, адекватний кошик тощо. З досвіду скажу, що такі теми можна побачити відразу. Треба просто трохи полазити по демоверсії, клікаючи на категорії і окремий товар, а ще краще, завантажити сторінку з усім товаром (shop) щоб справа або зліва був сайдбар з фільтром, ну і подивитися кількість покупок. Поганий wordpress шаблон мало купують.

Як приклад - шаблон Bege. Кривий у всіх сенсах: глючать фільтри, жахливі шрифти, не продумана картка товару, повільний. Купило аж 95 чоловік за 2 роки (на момент написання статті). Бачу, що його оновлюють, але поки не допомагає. А ціна така ж, як у найкрутіших тим для woocommerce на Evanto.

• Причиною може також стати зміна кількох тем в магазині. Часто теми зі своїми конструкторами (типу Avada) можуть залишити в базі даних свої «сліди», свої віджети, створювати конфлікти в конструкторі сторінки і так далі. Так що краще з самого початку визначитися з темою для магазину на вордпрес в зв'язці з вукомерс щоб потім не було плачу і скреготу зубів.
• Хостинг також вкрай важливий. Краще брати не найдешевший, щоб потім не переносити магазин в самому розпалі.

Тема Woodmart - мій улюбленець

Я на цій темі створив три магазини. З кількістю товару більше 5 000 тис, купою фільтрів (хто створював, той знає) і додатковими плагінами. Так що з впевненістю можу сказати, що Woodmart - кращий мультіконструктор для woocommerce, який мені зустрічався. Тут величезний функціонал з налагодження з можливістю відключити зайве після запуску, свої фільтри, своя мега-класна корзина з двома варіантами відображення, можливість додавати запис відразу в усі товари, шоткоди в усі товари, конструктор хедера і так далі.

Ціна та ж, що і в жахливому Bege, але подивіться на кількість покупок і зірки якості. Тему купили більше 11 000 чоловік !!!!

Крім того, у них є свій окремий відвідуваний сайт з форумами та миттєвою підтримкою.

Ось приклад фільтра по брендах:

Додаткові плагіни в шаблоні ставив не як результат недоробки теми, а як результат недоробки woocommerce - додав нормальний ajax редактор товару, плагін з валютними цінами ну і Yoast seo.

Шаблон Flatsome

Сподобалась також тема Flatsome. Мега спритний шаблон як на мене. Ну і купило його понад 109 000 чол! Це головний показник якості. Можливо зараз, після оновлень, він по продуктивності навіть краще Woodmart.

За кількістю покупок посідає перше місце на Евантомаркеті Тут ми отримуємо суперлегкий магазин і багаті настройки. Самі розробники нагадують, що шаблон дуже швидкий в якості основного показника.

WordPress шаблон Porto

Porto займає друге місце на Еванто за кількістю продажів - більше 33 000 (Woodmart - 3 місце). Тут ніби все як треба, але і нічого видатного. Не розумію, чому 2-е місце зайняв. Не помітив якихось важливих плюсів. Дизайн так собі, корзина примітивна. При поверхневому огляді тема в швидкості поступається попереднім шаблонами. Коротше, не в захваті. Але на смак і колір товаришів немає.

Приклади оформлення:

Cerato

Шаблон Cerato мені сподобався. Тут також є своя корзина, дуже швидкий фільтр товару, кнопка «купити зараз», яка перенаправляє відразу на сторінку замовлення замість кошика. Ну і сам дизайн демок виглядає легким і сучасним.

Kona

Kona - крутий woocommerce шаблон. Вражає швидкість і дизайн. Красиве спливаюче вікно кошика і оригінальна картка товару.

На виході отримуємо спритний і продуманий wordpress магазин з креативним оформленням.

WordPress шаблони для інтернет магазину від Templatemonster

Templatemonster - основний конкурент маркетплейса тим і шаблонів Evanto (він же Themeforest). Тут шаблони дорожче - в середньому близько 100 дол. Дизайн так собі. Крім того, в шаблонах Templatemonster я поки не помітив чогось особливого. Все на середньому рівні, особливо візуальне оформлення.

Як приклад шаблон інтернет магазину дитячих товарів:

Або магазин для автолюбителів:

Хороша корзина

Якщо ви не тільки створювали магазин, але і пробували на ньому продавати, вже знаєте, як важливо мати хорошу корзину для нормального заробітку. Яку легко знайти і яка сама про себе нагадує. Дуже мало тем з нормальною «своєю», а не базовою корзиною від woocommerce. Майже всі розробники тільки зображення кошика змінюють і вважають, що зробили все необхідне. Така крозина є в Woodmart. Тут 2 варіанти - спливаюче вікно в центрі монітора або як сайдбар справа.

Пошук товару по артикулу

Якість пошукового вікна перевіряйте сразу !!! Більше половини всіх шаблонів в інтернеті мають поганий пошук! Знаю з досвіду. Спочатку на це не звертаєш уваги, але потім самі покупці тобі вказують на неможливість знайти товар. І це сумно. Іноді навіть доводиться купувати окремий пошук (а вони дорогі) з можливістю помилок і синонімів. На жаль, в комплекті з темами такі круті пошуки не йдуть.

Нормальний конструктор сторінок

Майже немає теми зі своїм базовими конструктором. Всі використовують плагіни. Самі нормальні - Elementor і WPBakery Page Builder (останній найчастіше). Ці конструктори якісні, але в дешевих шаблонах немає можливості їх оновлювати. Наприклад, той самий WPBakery Page Builder - платний. Ви його отримаєте разом з темою, але не зможете оновлювати. Розробники шаблону Woodmart вийшли з положення і заливають у себе на сайті свіжі версії плагіна, які можна скачати. Але не у всіх таке є! Так що будьте обережні.

Постійне оновлення

Оновлення забезпечує сумісність шаблону з wordpress, woocommerce та іншими плагінами, усуває недоробки в оптимізації і так далі. Якщо тему купило мало людей, бажання оновлювати тему у розробника не виникає. Або створюється тільки видимість оновлення. Крім того, велика кількість користувачів допомагає швидше знайти проблемні місця завдяки форумам і запитам в техпідтримку.

Ajax

Ajax запити створені для більш швидкого відображення сторінок і мінімізації навантаження на сервер під час таких запитів. На практиці мені ajax дуже сподобався. Його застосовують для запитів по фільтрах, тегах і категоріях товару, а також в пошуку. Всі преміум теми намагаються його використовувати для кращої продуктивності.

Фільтр товару

Базовий фільтр товару від woocommerce так собі. Він погано графічно оформлений і без того самого ajax. У хороших шаблонах можна ставити колір, зображення брендів і швидко завантажувати сторінки фільтра. Це важливо в подальшій роботі магазину.

Можливість відключити зайве

Кожна тема напхана скриптами і css кодом в зв'язку з величезним функціоналом. У нормальному шаблоні можна згенерувати свій файл css, в якому збережеться тільки потрібний код під ті елементи, що використані для конкретного сайту (ви не використовуєте в одному сайті все відразу). Також є можливість швидко відключити зайві скрипти, включити асинхронізацію їх завантаження, включити відкладене завантаження медіа і так далі.

Нормальний код

Нормальний має на увазі максимально короткий код без сміття, в останній версії. Легкий для розуміння пошуковими системами і браузерами. Якщо з самого початку вибрати криву тему, можна забути про SEO назавжди.

Адаптація під всі пристрої

Важливо відразу перевіряти роботу інтернет-магазину на смартфонах і планшетах. Ви здивуєтеся, але практично всі теми на старті мають глюки в одному з пристроїв. Це може бути погана адаптація мобільного меню, сторінка не повністю влазить в розмір екрану, шрифти або занадто великі, або криво читаються багатьма пристроями і навіть окремими браузерами.

Техпідтримка

Самому зі старту розібратися у всіх деталях теми важкувато. У мене часто виникала необхідність в консультації. На Evanto ми у всіх випадках маємо безкоштовну піврічну підтримку. Тут важлива швидкість відповіді самих розробників. Немає часу чекати добу, щоб отримати чітку відповідь, особливо коли треба вкладатися в терміни.

Навантаження на сервер

Не завжди швидкий сайт означає «легкий для хоста». Були випадки, коли я міняв тему на більш спритну і через пару днів отримував попередження від адміністрації хостинг-провайдера за перевищення лімітів (це стосується в першу чергу звичайного «шаред-хостингу»). Тут важко вгадати. Краще читати перед покупкою коментарі та відгуки про шаблон.

Все потрібне вже є

Коли ваш магазин запущений і працює кілька місяців, ви починаєте помічати, що у woocommerce або самого шаблону не вистачає потрібних опцій. Такі додаткові функції забезпечують плагіни. Але кожен, навіть самий повітряний плагін дає додаткову вагу сайту. Ось чому важливо, щоб максимум функцій були грамотно інтегровані в сам шаблон.

Джерело: https://www.reactiv.top/wordpress-shablony-dlya-internet-magazina-woocommerce/