Створіть свої категорії продуктів WooCommerce за допомогою Elementor

Elementor — це видатний конструктор сторінок WordPress, який покращує функціональність стандартного конструктора WordPress шляхом додавання нових функцій.

Якщо ви пам’ятаєте, ранні версії WordPress не були особливо зручними для користувачів. Окрім обмеженої функціональності, вам потрібно було покладатися на готові теми WordPress для створення базового дизайну для вашого веб-сайту. Однак для багатьох користувачів базової функціональності тем WordPress було недостатньо, що вимагало встановлення plugin або ручного редагування коду теми.

• Поєднання WooCommerce і Elementor
• Створення сторінки категорії в Elementor
• Налаштування макета

Elementor — це блочний конструктор, подібний до WordPress, але він набагато досконаліший, ніж конструктор WordPress, оскільки є більш інтуїтивно зрозумілим, чуйним і багатофункціональним. Найважливіше те, що ви можете створити фантастичний веб-сайт без необхідності писати жодного рядка коду!!

Поєднання WooCommerce і Elementor

WP-WooCommerce і Elementor є двома найпоширенішими plugin WordPress, доступними сьогодні. Гнучкість і величезна кількість функцій, які пропонує кожен із них, просто безцінні. Якщо ви керуєте магазином електронної комерції, WooCommerce — найкращий plugin майже для будь-яких ваших потреб. Це найповніший plugin доступний практично для будь-яких потреб.

Крім того, Elementor є одним із найефективніших конструкторів веб-сайтів із функцією перетягування, доступних на ринку. Це дає вам можливість швидко розробити, налаштувати та обставити майже будь-яку сторінку вашого веб-сайту. Більше того, доступні такі функції, як створення мега-меню та доступ до широкого спектру доповнень і шаблонів, які дуже зручні. За допомогою WooCommerce і Elementor ви можете розробляти та створювати сторінки Shop і Business професійної якості з найменшими можливими витратами та зусиллями. За допомогою Elementor ви можете повністю налаштувати макети свого магазину, сітки продуктів і каруселі, а також вибрати з безлічі красивих макетів. Також доступна можливість налаштувати та персоналізувати сторінки оформлення замовлення та кошика, а також інтегрувати їх із різноманітними варіантами та функціями оплати, щоб забезпечити вашим клієнтам більшу зручність.

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

Створення сторінки категорії WooCommerce у Elementor

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

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

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

Якщо у вас є магазин WooCommerce і ви хочете його оновити, цей підручник – саме те, що вам потрібно, щоб почати роботу.

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

Приступаємо до справи.
Після налаштування продукту вам потрібно зробити наступне перед публікацією, щоб він з’явився в категорії:

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

Натисніть «Опублікувати», і ваш єдиний продукт тепер доступний для покупки!

Ми ще не закінчили. Того, що ми щойно зробили, недостатньо, щоб опублікувати категорії на нашому сайті; щоб опублікувати категорії на всіх або деяких сторінках нашого веб-сайту, нам все одно потрібно налаштувати кілька речей.
Щоб виконати завдання, створіть сторінку каталогу продуктів, яка вплине на всі продукти, або сторінку каталогу, яка вплине на конкретну категорію продуктів. Для цього спочатку поверніться до Elementor > Мої шаблони та створіть шаблон архіву продукту. Потім виберіть існуючий шаблон або створіть новий.
Налаштуйте зовнішній вигляд віджетів «Архівні продукти» та віджетів «Заголовок архіву», додавши їх на свою сторінку.

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

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

Після того, як ви натиснете «опублікувати», ваша сторінка архіву стане активною.

Elementor pro дає вам можливість створювати чисті категорії продуктів із широким набором опцій;

За допомогою параметрів, доступних у Elementor Pro, ви можете виконувати такі дії:

Налаштування макета для категорій продуктів WooCommerce

• Стовпці: установіть точну кількість стовпців для відображення, від 1 до 12
• Кількість категорій: виберіть кількість категорій для відображення

Налаштування запиту

• Джерело: виберіть джерело, з якого відображатимуться категорії, вибравши з усіх, ручного вибору, батьківських або поточних підкатегорій. Якщо вибрано «Ручний вибір», вручну виберіть категорії для відображення. Якщо вибрано «Від батьків», виберіть «Лише верхній рівень» або виберіть окрему категорію зі спадного списку.
• Hide Empty: встановіть значення «Так» для категорій, у яких немає продуктів
• Упорядкувати за: установіть порядок відображення категорій. Опції включають назву, слизень, опис або кількість
• Порядок: виберіть відображення категорій у порядку ASC або DESC (за зростанням або спаданням).

Налаштування стилю

• Проміжок між стовпцями: установіть точний проміжок між стовпцями
• Відстань між рядами: установіть точний відстань між рядами
• Вирівнювання: вирівнюйте дані про продукти ліворуч, праворуч або по центру

Налаштування зображення

• Тип рамки: виберіть тип рамки: немає, суцільна, подвійна, пунктирна, пунктирна або рифлена
• Радіус межі: установіть радіус, щоб контролювати округлення кутів межі
• Інтервал: налаштуйте відстань між зображеннями та їхніми даними

Налаштування заголовка

• Колір: виберіть колір заголовка
• Типографіка: установіть параметри типографіки для тексту заголовка

Параметри підрахунку

• Колір: Виберіть колір для підрахунку
• Типографіка: Встановіть параметри типографіки для графа

Висновок

WooCommerce Builder у Elementor надає вам гнучкість дизайну, необхідну для створення та візуального налаштування сторінок ваших продуктів. Час, необхідний для переходу від ідеї до реалізації, і повністю Функціональність онлайн-магазину WooCommerce значно скорочується в результаті цього заощаджує ваш час. Загалом, налаштування вашої сторінки магазину WooCommerce за допомогою Elementor може значно вплинути на загальну ефективність вашого веб-сайту. Ви можете сприяти або перешкоджати продажам, організовуючи та демонструючи свої продукти найкращим чином, щоб клієнти могли їх побачити та купити. Налаштування та налаштування вашої сторінки магазину WooCommerce у Elementor буде продемонстровано за допомогою кроків у цьому посібнику. Однак майте на увазі, що це лише верхівка айсберга з точки зору масштабу проблеми. Вступ до використання Elementor для створення ідеальної сторінки магазину для вашого магазину демонструється в цій базовій демонстрації. Використовуйте це як відправну точку та поекспериментуйте з цим, щоб отримати максимальну віддачу від цього фантастичного конструктора сторінок