Створення інтернет-магазину за допомогою редактора блоків Gutenberg дозволяє створити оптимізований та функціональний процес покупок, не вдаючись до складного програмування або громіздких плагінів для побудови сторінок. Простий плагін блоку може допомогти вам налаштувати сторінки продуктів та стиль сайту. Пропонуємо три плагіни для блоків, спеціально розроблені для магазинів WooCommerce.
Навіщо використовувати Gutenberg для створення власного інтернет-магазину?
- Простота – Гутенберг убудований у WordPress. Це означає, що вам не потрібно використовувати інший інтерфейс конструктора сторінок, і не турбуватися про проблеми сумісності з WordPress.
- Швидкість сайту – оскільки не потрібно запускати плагін для створення сторінок, ваш сайт буде легшим та швидшим.
- SEO – швидкість вашого сайту важлива як ніколи, оскільки Google незабаром увімкне цей показник при визначенні рейтингу сторінки в пошуковій системі.
Використання блоків для створення вашого магазину
Гутенберг використовує редактор блоків для створення записів та сторінок вашого магазину, і ви можете розширити свою бібліотеку блоків та додати параметри налаштування, встановивши додаткові плагіни блоків. Звичайно, ви можете використовувати стандартні блоки WordPress, такі як заголовки та абзаци, але вам, ймовірно, також потрібно буде відображати рейтинги та огляди, списки продуктів, фільтрацію за категорією або ціною та багато іншого.
Плагін блоку, який спеціалізується на WooCommerce, може допомогти вам налаштувати свій магазин електронної комерції та додати важливі функції. Але який вибрати? Давайте розглянемо три відмінні варіанти для різних типів магазинів.
1. Блоки WooCommerce
Сторінка магазину створена з використанням основних блоків WooCommerce
Відображення списку продуктів за допомогою основних блоків WooCommerce
Кому це слід використовувати? Люди, яким потрібні лише основи та які хочуть швидко відкрити магазин.
Що встановити:плагін WooCommerce.
Що він робить і як працює:
WooCommerce надає безліч функцій в адмінці вашого сайту, які допоможуть керувати своїми товарами, запасами та платежами. Однак, коли справа доходить до відображення товарів на інтерфейсі вашого сайту, WooCommerce пропонує лише базові варіанти. Якщо ви хочете відображати товари у вигляді сітки та вас влаштовують стандартні макети та варіанти стилів, WooCommerce – це все, що вам потрібно для швидкого запуску магазину.
Його 19 базових блоків охоплюють три основні функції, налаштувати які можна всього за кілька кліків.
- Відображати список товарів – ці блоки використовують формат сітки для відображення товарів відповідно до різних критеріїв (наприклад, за категорією, за атрибутом, з найвищим рейтингом).
- Допомога клієнтам знайти ваші товари – включає простий пошук за ключовими словами, список категорій продуктів та можливість виділити певну категорію.
- Відображати огляди – всі відгуки, за категоріями чи продуктами.
Неприємним є те, що варіанти стилізації цих блоків украй обмежені. Наприклад, ви не можете настроювати шрифти, кнопки або макет вмісту в блоці (крім увімкнення або вимкнення полів). Якщо вас не влаштовує стандарт за замовчуванням або ви хочете виділити свій магазин, вам може знадобитися розширити параметри блокування за допомогою плагіна, що більш настроюється.
Плагін не дозволяє створювати шаблони, що настроюються для одного товару, архіви або сторінку магазину, що настроюється.
WooCommerce також пропонує окремий плагін під назвою Блоки WooCommerce із деякими додатковими блоками. Цей плагін дозволяє розробникам WooCommerce тестувати ідеї та експериментувати з блоками, які вони можуть зрештою додати до основної плагіну. Він відмінно підходить для додавання ще більшої кількості блоків до вашої лінійки. Але майте на увазі, що версії цього плагіна можуть бути стабільними і не працюють без проблем.
Дивіться також:
Покрокове керівництво «Як покращити галерею продуктів Woocommerce»
2. ProductX – Gutenberg WooCommerce Blocks
Сторінка магазину створена за допомогою ProductX - Gutenberg WooCommerce Blocks
Відображення списку товарів за допомогою ProductX - Gutenberg WooCommerce Blocks
Кому слід використовувати? Люди, які хочуть розширити базові параметри блоку WooCommerce додатковими параметрами стилю та налаштування.
Що встановити: ProductX - Gutenberg WooCommerce Blocks.
Що він робить і як працює:
Якщо вам потрібний додатковий контроль над варіантами стилю, ProductX - Gutenberg WooCommerce Blocks включає:
- Додаткові параметри макету – карусель товарів, безліч встановлених макетів сітки та розширений конструктор пост-запитів для вибору товарів для відображення.
- Розширені засоби керування стилем – вибирайте кольори, поля, шрифти та навіть ефекти наведення.
- 3 різні початкові шаблони дизайну – швидко створіть функціональну домашню сторінку або цільову сторінку.
Хоча цей плагін спрощує стилізацію сайту відповідно до вашого власного бренду, він залишається досить базовим за функціональністю. Це означає, що можна швидко розпочати роботу, але деякі функції, такі як інтерфейсна фільтрація, не дуже ефективні.
Ви не можете додавати поля, що настроюються, і налаштовувану інформацію в свої списки продуктів, і це не дозволяє налаштовувати зовнішній вигляд сторінок з одним товаром і архівів товарів.
3. Toolset's WooCommerce Blocks
Сторінка архіву магазину, створена за допомогою Toolset
Відображення списку товарів за допомогою блоків WooCommerce Toolset
Кому це слід використовувати? Люди, яким потрібен повністю індивідуальний сайт як за стилем, так і функціональністю. Набір інструментів відмінно підходить для людей, які хочуть налаштувати лише певні аспекти свого магазину, наприклад, сторінку одного товару.
Що встановити: типи наборів інструментів, блоки набору інструментів, блоки набору інструментів WooCommerce, які є частиною Toolset package.
Що він робить і як працює:
З Toolset's WooCommerce Blocks ви можете створювати просунуті спеціалізовані магазини WooCommerce без будь-якого програмування.
Це набір плагінів, який включає в себе власний набір блоків для WooCommerce, включаючи кнопку «Додати в кошик», вкладки товарів та супутні товари.
За допомогою Toolset ви можете:
- Створювати типи записів і поля, що настроюються, для подальшого визначення ваших товарів.
- Створюйте шаблони, що повністю настроюються, для відображення товарів відповідно до різних критеріїв.
- Налаштовувати архіви товарів, такі як сторінка магазину, категорії товарів, таксономії продуктів та багато іншого.
- Керувати стилем веб-сайту за допомогою багатьох опцій.
Toolset – єдиний платний плагін у цьому списку. Все тому, що Toolset – це цілий набір плагінів, призначених не тільки для надання додаткових функцій WooCommerce, але й допомоги у створенні та налаштуванні всього сайту.
Ось ще кілька речей, які ви також можете робити за допомогою Toolset:
- Відображати розташування ваших магазинів або інший тип записів на карті.
- Дозвольте постачальникам розміщувати свої товари на вашому сайті за допомогою інтерфейсних форм.
- Додайте надійні та потужні параметри пошуку продуктів.
- Зв'яжіть свої товари з іншими типами записів (наприклад, з'єднайте аксесуари, які ви продаєте, із типом запису для одягу).
І все це можна зробити без програмування!
Є ще три речі, які виділяють Toolset серед інших плагінів:
- Оскільки Toolset не покладається на будь-які стандартні шаблони або функції WooCommerce, можна легко створювати сторінки для продажу інших типів товарів, таких як цифрові продукти, доступ до вебінарів, рівні пакетів послуг та багато іншого.
- За допомогою Toolset можна налаштувати свій сайт відповідно до того, що ви продаєте. Наприклад, якщо ви не продаєте каталог товарів, прискоріть процес оформлення замовлення, пропустивши корзину та перейшовши безпосередньо до екрану оплати.
- Toolset надає безкоштовні навчальні курси зі створення розширених налаштовуються сайтів, включаючи магазини WooCommerce.
Який плагін вибрати?
Основні блоки WooCommerce, включені в ядро, дозволяють швидко налаштувати магазин за допомогою кількох основних функцій та стилю. Однак, якщо ви шукаєте додаткові параметри налаштування, подумайте про використання іншого плагіна блоків.
ProductX - Gutenberg WooCommerce Blocks дає кілька додаткових параметрів стилю, шаблонів та макетів, але не додає багато функціональності. Натомість він безкоштовний.
Якщо вам потрібний детальний контроль над стилем та надійна функціональність, Toolset надасть гнучкість та можливості для створення унікального магазину.
Джерело: torquemag.io
Коментарі до запису: 0