Интеграция Shopify и WordPress стала проще с помощью ShopWP Layout Builder

Вы устали от бесконечной борьбы за выбор дизайна макета сайта? Вы тратите часы, пытаясь сделать свой сайт профессиональным и визуально привлекательным, но в конечном итоге разочаровываетесь в результатах? Поверьте мне, я тоже был там. Для человека, который только начинает заниматься веб-дизайном, может быть сложно разобраться в сложностях создания визуально потрясающего и удобного для пользователя веб-сайта.

Но это не все. Вы также хотите легко интегрировать свои продукты Shopify на свой сайт WordPress? Что ж, не ищите дальше, потому что у меня есть для вас идеальное решение. Представляем ShopWP Shopify Layout Builder, вашего идеального помощника в дизайне веб-сайтов. Как человек, который всегда был увлечен созданием потрясающих веб-сайтов, я понимаю проблемы, связанные с поиском подходящих инструментов для воплощения вашего замысла в жизнь. ShopWP Layout Builder поможет вам. Представьте себе, что вы можете легко демонстрировать и продавать свои продукты Shopify на своем веб-сайте WordPress, сохраняя при этом целостный и визуально привлекательный дизайн.

Позвольте мне показать вам, как этот невероятный инструмент может улучшить ваш опыт веб-дизайна.

Что такое конструктор макетов ShopWP?

ShopWP Shopify Layout Builder — это плагин WordPress, предназначенный для интеграции продуктов Shopify на ваш веб-сайт WordPress. С помощью этого плагина пользователи могут создавать потрясающие и профессионально выглядящие веб-сайты для продажи продуктов Shopify на WordPress без необходимости обладать навыками кодирования или дизайна. С помощью ShopWP Layout Builder вы можете легко создавать и настраивать макет, дизайн и контент вашего веб-сайта, используя простой интерфейс перетаскивания.

Цены ShopWP Pro

ShopWP Pro предлагает два плана подписки, адаптированные для удовлетворения различных потребностей бизнеса — Solo и Agency.

План Solo по цене 199 долларов в год идеально подходит для частных лиц и компаний, управляющих небольшим количеством сайтов WordPress, предоставляя им доступ к ключевым функциям ShopWP Pro.

Для тех, у кого несколько клиентов или более крупные команды, оптимальным вариантом является план агентства стоимостью 499 долларов в год. Этот план не только включает в себя все преимущества плана Solo, но также позволяет устанавливать его на неограниченное количество сайтов WordPress и предоставляет доступ к дополнительным расширениям плагинов.

Кроме того, ShopWP требует, чтобы у пользователей был активный план Shopify, причем рекомендуемым вариантом является экономичный план Shopify Starter, что делает его отличным выбором для тех, кто сосредоточен исключительно на продажах на основе WordPress. Вы также получаете 30-дневную политику возврата средств.

Как начать работу с ShopWP Shopify Layout Builder

Чтобы начать работу с ShopWP Shopify Layout Builder, вам сначала потребуется ShopWP Pro 8.0 или более поздняя версия.

После приобретения одной из двух профессиональных версий выполните следующие действия:

1. Подключите WordPress к Shopify

Для начала вам необходимо установить плагин ShopWP на свой сайт WordPress.

После установки вы можете подключить WordPress к Shopify, перейдя в ShopWP → Подключиться и нажав кнопку.

При появлении запроса укажите URL-адрес своего магазина Shopify.

Если вы еще этого не сделали, вам будет предложено установить приложение ShopWP в вашем магазине Shopify.

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

Отсюда вы можете настроить страницы со списком магазинов и выбрать, связать ли продукты с Shopify или отображать их на своем сайте WordPress.

Кроме того, у вас есть возможность отобразить фиксированную вкладку корзины и настроить способ открытия страницы оформления заказа.

2. Синхронизируйте продукты Shopify с WordPress

После подключения вашего магазина следующим шагом будет синхронизация продуктов Shopify с WordPress. У вас есть возможность синхронизировать все ваши продукты или выбрать определенные для добавления в WordPress.

ShopWP предлагает два варианта синхронизации:

1. Одноразовая синхронизация : при необходимости вы можете вручную синхронизировать сведения о продукте.
2. Автоматическая синхронизация : ShopWP автоматически синхронизирует сведения о продукте в зависимости от интервала, который вы контролируете. Например, если вы вносите изменения в продукт в Shopify, эти изменения будут автоматически синхронизированы с WordPress без каких-либо ручных усилий.

Чтобы получить доступ к этим параметрам, перейдите в ShopWP > Синхронизировать.

Чтобы управлять настройками синхронизации, перейдите в ShopWP > Настройки > Синхронизация.

Здесь вы можете выбрать продукты для синхронизации и объем информации о продуктах, которую нужно включить. После завершения синхронизации вы сможете просмотреть синхронизированные продукты в разделе ShopWP > Продукты.

Чтобы использовать ShopWP Layout Builder, вам необходимо подключить свой магазин Shopify и синхронизировать хотя бы один продукт, прежде чем вы сможете его использовать.

Хотя одного продукта достаточно, наличие нескольких продуктов может облегчить процесс.

3. Создавайте макеты с помощью Layout Builder

Откройте Конструктор макетов, чтобы создавать визуально привлекательные макеты продуктов без необходимости создания шорткода вручную.

Два типа макетов уже созданы заранее — страница сведений о продукте (PDP) и страница со списком продуктов (PLP).

Чтобы создать собственный макет, выберите «Добавить новый». Вы можете изменить тип макета на боковой панели.

Когда вы нажмете «Добавить новый», вы увидите все свои синхронизированные продукты. Настройки блока на правой боковой панели предлагают широкий спектр возможностей редактирования, позволяющих редактировать дизайн макета ваших продуктов в WordPress.

Предоставленные вами настройки блока представляют собой интерфейс для настройки отображения продуктов Shopify на веб-сайте. Вот краткий обзор доступных функций редактирования:

Фильтрация:

• Фильтровать по названию: позволяет указать одно или несколько наименований продуктов для включения в отображение.
• Фильтровать по коллекции: фильтрует продукты по коллекции, к которой они принадлежат.
• Фильтровать по тегу: Сопоставляет товары по их тегам.
• Фильтровать по поставщику: Сопоставляет продукты по их поставщику.
• Фильтровать по типу продукта: Сопоставляет продукты по их типу.
• Доступно для продажи: позволяет выбрать, показывать ли товары, которые есть в наличии, которых нет в наличии или вообще нет.
• Критерии соответствия: указывает, должны ли все фильтры быть истинными (И) или достаточно любого из них (ИЛИ).

Сортировка:

• Сортировать по: позволяет сортировать товары по названию, цене или другим критериям.
• Обратный порядок: позволяет выбрать, отображать ли товары в порядке возрастания или убывания.

Варианты названия:

• Размер шрифта названия продукта: устанавливает размер шрифта для названий продуктов.
• Цвет названия: определяет цвет названий продуктов.

Опции описания:

• Размер шрифта описания продукта: устанавливает размер шрифта для описаний продуктов.
• Цвет описания: определяет цвет описаний продуктов.
• Высота строки описания: устанавливает высоту строки для описаний продуктов.
• Ограничить длину описания: позволяет ограничить количество символов в описании продукта.

Варианты цен:

• Показать диапазон цен: определяет, отображать ли диапазон цен на продукты.
• Показать цену сравнения: показывает цену сравнения, если она доступна.
• Показывать цену рядом с кнопкой варианта: отображает цену рядом с кнопкой выбора варианта.
• Размер шрифта цен: устанавливает размер шрифта для цен.
• Цвет цены: определяет цвет цены.

Некоторые последние обновления ShopWP Layout Builder включают следующие изменения:

1. Настраиваемые цвета раскрывающегося меню для вариантов продукта и сортировки.
2. Размер пакета JavaScript уменьшен более чем на 100 КБ, что привело к более быстрому хранению и потенциальному увеличению продаж.
3. Добавлена ​​возможность сортировать товары в блоке «Продукты ShopWP » на основе значения «коллекция по умолчанию», используемого в Shopify.

После того, как вы отредактировали и завершили макет, скопируйте шорткод, доступный в правом верхнем углу.

4. Публикуйте продукты на WordPress

Создайте новую страницу или публикацию в WordPress и вставьте короткий код макета, который вы хотите опубликовать.

Как только вы опубликуете страницу, созданный вами макет станет видимым, и пользователи смогут покупать продукты напрямую в WordPress, не заходя в ваш магазин Shopify.

Вывод: улучшите дизайн вашего веб-сайта

Лично испытав трудности навигации в переполненном пространстве плагинов Shopify, я могу с уверенностью подтвердить простой в использовании ShopWP Layout Builder. Этот инновационный инструмент предлагает простой в использовании интерфейс перетаскивания с автоматическими шорткодами, который упрощает весь процесс создания веб-сайта. Одна из выдающихся функций, которую я нашел чрезвычайно полезной, — это надежная функция короткого кода. Это позволило мне добавлять динамические и интерактивные элементы при разработке макета и демонстрации продуктов Shopify на WordPress. Этот уровень гибкости открывает мир возможностей для настройки и творчества, гарантируя, что ваш веб-сайт будет выделяться на фоне переполненного цифрового ландшафта.

Часто задаваемые вопросы