Створюйте свої категорії продуктів 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 ви можете створювати та створювати сторінки магазину та бізнесу професійної якості з найменшими витратами та зусиллями. За допомогою Elementor ви можете повністю налаштувати макети магазину, сітки продуктів та каруселі, а також вибрати з безлічі красивих макетів. Також доступна можливість налаштовувати та персоналізувати сторінки оформлення замовлення та кошика, а також інтегрувати їх із різноманітними варіантами та функціями оплати, щоб забезпечити своїм клієнтам більшу зручність.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Налаштування підрахунку

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

Висновок

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