В этом посте мы покажем вам, как объединить Elementor и таблицу продуктов WC, чтобы создать более настраиваемый сайт WordPress, а также увеличить продажи вашего магазина WooCommerce.
WordPress упрощает процесс создания веб-сайта и быстрого его запуска и запуска. WooCommerce - это plugin WordPress, который позволяет превратить любой веб-сайт WordPress в полностью работающий интернет-магазин. Вы рискуете создать сайт-подражатель, однако, если вы продолжите использовать их параметры и функции по умолчанию, это может не соответствовать потребностям вашего бизнеса. Очень важно найти лучшие инструменты для разработки и настройки вашего веб-сайта до тех пор, пока вы не добьетесь желаемого.
Многие WordPress и WooCommerce plugin s доступны для расширения функциональности вашего магазина - Факир, экс amp ля, является самым простым инструментом для настройки страницы продукта WooCommerce. Хотя это одно из самых значительных преимуществ, у него есть и ряд существенных недостатков. Для экс amp ля, когда вы объединяете WordPress plugin s от разных авторов, вы бежите шанс встречая ошибку совместимости и другие осложнения; это не тот случай, когда используются plugin WooCommerce Product Table и Elementor для веб-сайтов WordPress. У вас будет больший контроль над внешним видом и функциональностью вашего сайта при использовании любого из этих plugin , и их можно использовать вместе для получения еще более отличных результатов.
- Краткий обзор таблиц продуктов WooCommerce и платформ Elementor
- Чтобы включить таблицу продуктов WooCommerce в текстовый редактор или виджет шорткода, выполните следующие действия:
- Гармошки, вкладки и переключатели можно использовать для организации нескольких таблиц продуктов.
Краткий обзор таблиц продуктов WooCommerce и платформ Elementor
Как указывалось ранее, существует широкий выбор plugin WordPress, которые помогут вам создать лучший сайт WordPress, который будет персонализирован в соответствии с вашими конкретными требованиями. Некоторые plugin предназначены для использования в больших масштабах, тогда как другие предназначены для добавления определенного аспекта или функции.
Факир бывших amp ля первого типа применения:
Наш plugin для создания страниц предлагает вам совершенно новый интерфейс для создания веб-страниц и создания вашего веб-сайта WordPress. Вы получаете большой контроль над тем, как создается ваш веб-сайт, выбирая и настраивая обширную библиотеку виджетов, блоков и макетов.
Хотя таблица продуктов WooCommerce является более общим решением, она также более адресна:
Этот plugin позволяет создавать динамические, полностью настраиваемые таблицы, в которых перечислены ваши продукты и услуги WooCommerce. Однако из-за их взаимодействия с WooCommerce эти таблицы особенно хорошо подходят для отображения товаров и услуг в удобной и визуально привлекательной форме для онлайн-покупателей. plugin Posts Table Pro в равной степени взаимодействует с Elementor и перечисляет любой тип контента WordPress в таблице, а не просто продукты WooCommerce (если вы хотите отображать что-то отдельно от продуктов - например, сообщения, страницы или документы), можно вместо этого использовать.
При использовании вместе друг с другом Elementor и WooCommerce Product Table предоставляют значительно разнообразные возможности. Вы можете использовать их для оказания очень значительного воздействия, которое поможет увеличить количество продаж в вашем магазине WooCommerce.
Пришло время перейти к делу. В следующих разделах мы рассмотрим несколько реальных amp того, как вы можете использовать таблицу продуктов WooCommerce и Elementor для создания эффектов, подобных показанным выше.
Когда дело доходит до комбинирования этих двух plugin , нет предела - и это лишь некоторые из возможностей. Немного проб и ошибок, вы можете собрать различные страницы, используя тот же фундаментальный подход, который мы продемонстрируем.
Прежде всего, вы должны убедиться, что оба plugin правильно установлены на вашем сайте. Хорошо, что установка Elementor и настройка таблицы продуктов WooCommerce безболезненны и просты. Сам WooCommerce также должен быть установлен и включен, прежде чем вы сможете продолжить этот шаг. Тогда вы будете готовы приступить к работе над своим проектом.
Чтобы включить таблицу продуктов WooCommerce в текстовый редактор или виджет шорткода, выполните следующие действия:
Начнем с наиболее фундаментального и полезного из возможных приложений. В качестве альтернативы, если вы просто хотите использовать динамическую таблицу продуктов на своем веб-сайте Elementor, вы можете добавить ее в виджет, и она появится в передней части веб-сайта.
Убедитесь, что вы используете редактор Elementor при открытии любой страницы или публикации для этого. Если вам представлен знакомый интерфейс WordPress, нажмите кнопку «Редактировать с помощью Elementor», чтобы переключиться на интерфейс Elementor:
Если вы впервые работаете с Elementor, давайте совершим небольшой тур по платформе. Справа появится большая область, где будет отображаться ваш контент, и он будет обновляться в реальном времени по мере того, как вы добавляете и изменяете его. В левой части экрана находится список «виджетов», которые вы можете перетащить в указанную область, а затем реорганизовать и настроить по мере необходимости:
Таблицу продуктов можно использовать с множеством различных виджетов Elementor. Однако если вы хотите отобразить на странице только одну таблицу продуктов, вы можете сделать это, включив вводный текстовый раздел в HTML-код страницы. Возьмите виджет текстового редактора и переместите его в пустое место следующим образом:
После этого вы можете щелкнуть внутри виджета, чтобы удалить текст по умолчанию и заменить его любым содержимым, которое вы хотите. Что касается самой таблицы товаров, вы можете включить ее, вставив этот простой шорткод:
[таблица продуктов]
Когда вы вставляете шорткод на свою страницу, таблица появляется в указанном вами месте, что вы можете проверить, просмотрев ее в интерфейсе пользователя:
Если вы хотите использовать элемент только для самого кода, вы можете использовать виджет Shortcode.
Никогда не забывайте сохранять страницу, когда вы закончите позиционировать стол, независимо от того, где вы решите ее поставить. После этого вы, вероятно, захотите внести некоторые изменения в внешний вид и функции таблицы.
Вернитесь на панель управления WordPress и перейдите на вкладку WooCommerce> Настройки, чтобы выполнить эту задачу. Таблицы продуктов можно найти, выбрав «Продукты» вверху экрана, а затем «Таблицы продуктов»:
Полный список вариантов настройки таблицы продуктов WooCommerce можно найти прямо здесь. У вас есть полный контроль над информацией, которая отображается в таблице, и вы можете настраивать ее, среди прочего, добавляя фильтры и переменные. Ознакомьтесь с документацией plugin для получения дополнительной информации о различных вариантах.
Вы сможете изменить только что созданную таблицу продуктов с помощью Elementor, не делая ничего другого. После того, как вы закончите настройку таблицы в соответствии с вашими требованиями, просто сохраните изменения, и вы готовы к работе!
Гармошки, вкладки и переключатели можно использовать для организации нескольких таблиц продуктов.
Вышеупомянутое решение хорошо работает, если вы хотите представить одну таблицу со своими продуктами WooCommerce. Если вы собираетесь построить много таблиц, каждая из которых имеет разные категории объектов, это не лучший вариант.
В Elementor есть несколько способов сделать это. Виджет аккордеона, экс amp ля, может быть использован для получения того же эффекта , что мы видели в последнем исследовании случае. Начиная с правой области редактирования, переместите виджет «Гармошка» в левую область редактирования.
Вы можете создать столько отдельных вкладок, сколько захотите, щелкнув знаки плюса, и вы можете настроить заголовки и текст внутри каждой из них. Кроме того, вы можете добавить таблицу продуктов на одну или несколько вкладок, используя тот же шорткод, который упоминался ранее.
Конечно, простое добавление базового шорткода приведет к появлению череды похожих таблиц продуктов, что, скорее всего, не то, что вы изначально искали. Вместо этого вам нужно настроить каждый шорткод отображать только определенные продукты - для экс amp ля, элементы из определенной категории - вместо продуктов.
Используемый вами метод будет определяться продуктами, которые вы хотите включить или исключить из каждой рассматриваемой таблицы. Для получения дополнительной информации см. Полное руководство по настройке шорткодов таблицы продуктов WooCommerce.
Стоит отметить, что вы можете добиться аналогичного эффекта с помощью некоторых других полезных виджетов Elementor; он включает виджет Toggle и виджет Tabs, среди других компонентов. С точки зрения представления нескольких таблиц продуктов WooCommerce в привлекательной и хорошо организованной форме, Elementor — ваш инструмент.
Удалите ненужную разметку с помощью бесплатных онлайн-органайзеров HTML, CSS и JavaScript!
Тщательно продумайте дизайн своего веб-сайта электронной коммерции, если хотите, чтобы ваш бизнес выделялся среди конкурентов. Для экс amp ля, вы хотите , чтобы определить наиболее эффективный способ демонстрации своей продукции, в идеале в стиле, это и удобно и визуально привлекательный для глаз.
К счастью, использование plugin WooCommerce Product Table с Elementor упрощает эту задачу. Шорткод таблицы продуктов можно использовать для отображения всего, что ваш сайт может предложить (или только избранных), по-настоящему динамичным образом.
