Как легко интегрировать Shopify с WordPress (шаг за шагом)

Опубликовано: 2022-08-01


Один из наших читателей недавно спросил, можно ли интегрировать Shopify на ваш сайт WordPress?

Использование Shopify с WordPress позволяет вам сочетать функции электронной коммерции Shopify с мощной платформой веб-сайтов на планете, WordPress. Это дает вам больше гибкости и свободы для развития вашего бизнеса.

В этой статье мы покажем вам, как легко подключить Shopify к WordPress для развития вашего бизнеса.

Использование Shopify с WordPress

Вот краткий обзор тем, которые мы рассмотрим в этой статье.

  • Зачем использовать Shopify с WordPress
  • Что нужно для начала
  • Подключение Shopify к WordPress
  • Отображение продуктов Shopify в WordPress
  • Настройка веб-сайта WordPress
  • Развитие вашего сайта WordPress + Shopify

Давайте начнем.

Зачем использовать Shopify с WordPress?

WordPress — лучший конструктор веб-сайтов в мире, на котором работает более 43% всех веб-сайтов в Интернете.

Он невероятно прост в использовании и дает вам доступ к тысячам бесплатных и платных тем и плагинов WordPress (приложений для вашего сайта WordPress).

С другой стороны, Shopify — это популярная платформа электронной коммерции, которая помогает вам легко продавать товары в Интернете.

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

Для получения более подробной информации см. Наше сравнение Shopify и WooCommerce с плюсами и минусами обеих платформ.

Сочетание Shopify и WordPress дает вам преимущества обеих платформ. Вы можете продавать товары с Shopify, наслаждаясь гибкостью и свободой WordPress для управления своим сайтом.

При этом давайте посмотрим, как легко использовать Shopify с WordPress.

Что вам нужно, чтобы начать?

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

Shopify веб-сайт

Далее вам нужно настроить свой веб-сайт WordPress.

Существует два типа WordPress. Во-первых, это WordPress.com, служба хостинга веб-сайтов. Тогда у вас есть WordPress.org, также называемый самостоятельным WordPress.

Вам понадобится WordPress.org, потому что он дает вам мгновенный доступ ко всем функциям WordPress из коробки. Подробнее см. в нашем сравнении WordPress.com и WordPress.org.

Чтобы создать веб-сайт WordPress.org, вам понадобится доменное имя (например, wpbeginner.com) и учетная запись веб-хостинга.

Доменное имя стоит около 14,99 долларов в год, а планы хостинга веб-сайтов начинаются с 7,99 долларов в месяц (обычно оплачиваются ежегодно).

Наши друзья из Bluehost согласились предложить пользователям WPBeginner бесплатное доменное имя с щедрой скидкой на хостинг. По сути, вы можете начать работу за 2,75 доллара в месяц.

→ Нажмите здесь, чтобы получить это эксклюзивное предложение Bluehost ←

После того, как вы зарегистрируетесь в Bluehost, они автоматически установят для вас WordPress.

Вы увидите свой сайт WordPress в разделе «Мои сайты» в своей учетной записи Bluehost.

Панель управления Bluehost

Просто нажмите кнопку «Войти в WordPress», чтобы получить доступ к панели администратора WordPress.

Это будет выглядеть примерно так:

Панель управления WordPress

Подключение WordPress к вашему магазину Shopify

Теперь следующий шаг — подключить ваш сайт WordPress к вашему магазину Shopify.

Для этого вам понадобится плагин ShopWP. Это плагин Shopify для WordPress, который позволяет легко подключить WordPress к вашей учетной записи Shopify.

Во-первых, вам нужно установить и активировать плагин ShopWP на вашем сайте WordPress. Для получения более подробной информации см. наше пошаговое руководство по установке плагина WordPress.

После активации вам необходимо посетить страницу ShopWP Pro » Connect и нажать кнопку «Начать процесс подключения», чтобы запустить мастер подключения.

Запустите мастер подключения Shopify

Это запустит мастер подключения.

Сначала вас попросят ввести доменное имя myshopify.com.

URL вашего магазина Shopify

Нажмите кнопку «Подключить магазин Shopify», чтобы продолжить.

Далее вам будет предложено разрешить приложению ShopWP доступ к вашему магазину Shopify. Просто нажмите кнопку «Установить приложение», чтобы начать процесс подключения.

Установить приложение

Это вернет вас на ваш сайт WordPress.

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

Подключен к вашему магазину Shopify

Нажмите кнопку Далее, чтобы продолжить.

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

Создать страницы

Вы можете включить страницы со списками, а затем выбрать страницу WordPress или использовать страницу продуктов ShopWP по умолчанию.

Точно так же вы можете включить страницы коллекций и страницы сведений об отдельных продуктах.

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

Настройки кликов по продукту

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

Нажмите кнопку «Сохранить и завершить настройку», чтобы выйти из мастера.

Затем вам нужно синхронизировать продукты между вашим веб-сайтом WordPress и вашим магазином Shopify.

Просто переключитесь на вкладку «Синхронизация» в настройках плагина.

Синхронизировать продукты

Отсюда вам нужно нажать на кнопки Sync Detail Pages и Connect Auto Post Syncing. Это позволит плагину получать любую информацию о продукте, когда вы добавляете новые продукты в свой магазин Shopify.

Это все! Вы успешно подключили свой магазин Shopify к WordPress.

Отображение продуктов Shopify в WordPress

ShopWP позволяет вам легко отображать ваши продукты Shopify в любом месте вашего блога WordPress.

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

Страница магазина

Вы также можете отображать продукты в любом сообщении или на странице WordPress, просто отредактировав его и добавив блок «Продукты».

Для получения более подробной информации вы можете ознакомиться с нашим руководством по использованию редактора блоков WordPress.

Блок продуктов ShopWP

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

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

Настройки товарного блока

Точно так же вы также можете добавить блок «Один продукт» для отображения одного продукта.

Вы сможете найти продукт, который хотите отобразить, введя название продукта в настройках блока.

Блок одного продукта

Плагин поставляется с мощными параметрами отображения, которыми вы можете управлять в настройках блока или на странице настроек плагина.

Настройка вашего сайта WordPress

Теперь, когда вы подключили свой магазин Shopify к своему веб-сайту WordPress, следующим шагом будет продолжение правильной настройки вашего сайта WordPress.

Во-первых, вам нужно выбрать тему для вашего сайта WordPress. Ваша тема WordPress управляет общим дизайном и макетом вашего сайта.

Есть тысячи премиальных и бесплатных тем WordPress на выбор. Для начала вы можете ознакомиться с нашим обзором самых популярных тем WordPress. Мы также составили список лучших тем для магазинов одежды.

Хотите создать свой собственный макет темы? Вы можете сделать это с SeedProd. Это конструктор сайтов WordPress с функцией перетаскивания, который позволяет создавать собственные темы без написания кода.

Визуальный редактор SeedProd

Затем вы захотите создать контент для своего веб-сайта WordPress.

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

После этого продолжайте добавлять страницы в меню навигации в WordPress.

Навигация по сайту

Для получения более подробной информации вы можете посмотреть наш учебник о том, как настроить тему WordPress.

Развитие вашего веб-сайта WordPress и магазина Shopify

Самое приятное в использовании WordPress то, что он поставляется с тысячами плагинов и работает со всеми маркетинговыми инструментами, которые вам понадобятся для развития вашего бизнеса.

Ниже приведены несколько основных инструментов и плагинов, которые вы можете установить прямо сейчас.

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

2. WPForms — лучший плагин для создания форм WordPress, который позволяет вам легко создавать контактные формы, опросы, опросы и практически любые формы, которые вам нужны для вашего сайта.

3. All-in-One SEO для WordPress — лучший SEO-плагин для WordPress на рынке, он позволяет легко оптимизировать ваш сайт для поисковых систем. Это поможет вам привлечь больше трафика на ваш сайт. Единственная функция, которая вам абсолютно необходима от этого плагина, — это возможность добавить ваш магазин Shopify на карту сайта WordPress.

4. MonsterInsights — Хотите узнать, откуда идет ваш трафик? MonsterInsights поможет вам установить Google Analytics и легко настроить расширенное отслеживание электронной коммерции.

5. TrustPulse — добавляет социальное доказательство в ваш магазин электронной коммерции, отображая целевые сообщения пользователям с действиями пользователей в реальном времени на вашем веб-сайте. TrustPulse работает как с WordPress, так и с Shopify.

6. PushEngage — лучшее программное обеспечение для push-уведомлений, которое помогает вам связаться с вашими посетителями после того, как они покинут ваш сайт, с помощью push-уведомлений.

Дополнительные рекомендации см. в нашем списке основных плагинов WordPress для бизнес-сайтов.

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

Если вам понравилась эта статья, подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.

Сообщение Как легко интегрировать Shopify с WordPress (шаг за шагом) впервые появилось на WPBeginner.