Как интегрировать свой магазин Etsy в свой сайт Divi

В сегодняшней публикации Divi мы собираемся показать вам, как интегрировать товары, которые у вас есть в вашем магазине Etsy Shop, на ваш веб-сайт Divi. Это может быть потребность в вашем собственном веб-сайте или запрос, который вы получили от клиента. Добавление ваших товаров Etsy на ваш сайт может помочь вам увеличить продажи. Особенно, если у вас есть сайт с привлекательной целевой аудиторией и большим количеством посетителей. Интегрируя магазин Etsy на свой веб-сайт, вы можете легче охватить свою целевую аудиторию.

Мы продемонстрируем, как добавлять товары в магазин Etsy через плагин Etsy Shop, который даст следующий результат на рабочем столе:

Возможности

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

Однако, если вы хотите сохранить эту связь с вашим магазином Etsy и аудиторией, которая у вас есть, у вас есть два способа подойти к ситуации.

Добавьте свои продукты на свой сайт WordPress вручную

Поскольку плагины помогут перенаправить ваших посетителей только на сайт Etsy, вы также можете интегрировать свои элементы Etsy вручную. Хотя это звучит как дополнительная работа, в этом также есть некоторые преимущества. Например, вы можете стилизовать элементы по своему усмотрению. У вас, вероятно, будет больше места и места, чтобы сделать элементы в том же стиле, что и ваш сайт. Единственное, что вам понадобится, это прямая (и желательно уникальная) ссылка на каждый элемент.

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

Добавьте свои продукты с помощью плагина

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

Есть два плагина, которые могут выполнить эту работу: плагин Etsy Shop и Etsy 360. Плагин Etsy Shop бесплатный, и мы покажем вам, как его настроить, в то время как Etsy 360 является платным. К сожалению, вы можете использовать плагин Etsy Shop только в том случае, если хотите отображать свои товары Etsy на рабочем столе. Плагин не отвечает. Итак, если вы ищете адаптивное решение, вы можете попробовать Etsy 360.

Как интегрировать свой магазин Etsy в свой сайт Divi

Подпишитесь на наш канал Youtube

Начните интегрировать свой магазин Etsy Shop с плагином Etsy Shop

Чтобы добавить свой магазин Etsy на свой веб-сайт Divi, нам понадобится одна вещь заранее; бесплатный плагин Etsy Shop, созданный Фредериком Шиди. Используя этот плагин, вам не придется прилагать много усилий, чтобы добавить свои любимые товары из магазина Etsy на свой веб-сайт. В прошлом Etsy предлагала возможность Etsy Mini, но, к сожалению, недавно они отказались от этой опции, что сделало плагин Etsy Shop в настоящее время наиболее подходящим вариантом.

Без дополнительной оплаты; Давайте начнем.

Скачать плагин Etsy Shop

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

Загрузите плагин на свой сайт

После того, как вы скачали плагин, вы можете загрузить его, перейдя в панель управления WordPress> Плагины> Добавить> и загрузив плагин на свой веб-сайт. Убедитесь, что вы также активировали плагин.

Получите свой API-ключ Etsy Shop

После того, как вы загрузили плагин, следующий шаг, который вам нужно сделать, - это получить ключ API вашего магазина Etsy. Возможно, у вас уже есть такой API, но если у вас его нет, мы сразу же покажем вам, как его получить.

Создайте новое приложение для своей учетной записи Etsy

После того, как вы загрузили плагин Etsy Shop и перейдете к настройкам, вы увидите ссылку прямо под полем Etsy API Key, которая показывает вам, где создать новое приложение Etsy. Щелкните по этой ссылке.

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

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

Скопируйте ключ API в свой плагин

Следующее, что вам нужно сделать, это вернуться к настройкам вашего плагина и ввести ключ API.

Убедитесь, что вы открываете магазин в новом окне

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

Добавьте шорткод в текстовый модуль в вашем Divi Builder

Следующее, что вам нужно сделать, это интегрировать шорткод в свой сайт. Вы можете легко сделать это, добавив его в новый текстовый модуль на странице, на которой должны отображаться элементы.

Откройте страницу, на которой вы хотите добавить элементы, и добавьте текстовый модуль в строку с полной шириной. Затем откройте настройки строки и измените ширину строки на «680 пикселей».

Затем добавьте шорткод в поле «Содержимое» на вкладке «Содержимое». Без изменений шорткод выглядит так:

[etsy-shop shop_name="*your-etsy-shop-name*" section_id="*your-etsy-shop-setion-id*"]

Теперь замените * your-etsy-shop-name * и * your-etsy-shop-section-id * своими собственными. Для этого перейдите в свой магазин (или любой другой магазин, из которого вы хотите отображать продукты Etsy) и выберите раздел слева.

Как только вы это сделаете, вы можете заметить название магазина Etsy и идентификатор раздела в URL-адресе.

Отключить для мобильных

К сожалению, плагин Etsy Shop правильно выполняет свою работу только на настольных компьютерах. Он не реагирует на запросы, поэтому, если вы ищете бесплатное решение, которое поможет вам генерировать продажи только через настольный компьютер, это отличный вариант. Если нет, вы можете узнать, что такое Etsy 360, или вы можете добавить элементы, которые хотите продемонстрировать, вручную.

Результат

Просто скопируйте эти две вещи и поместите их в свой шорткод. После того, как вы сохранили настройки, ваши пункты Etsy должны появиться на вашем сайте Desktop при нажатии на превью - давая вам следующий результат:

Последние мысли

В этом посте мы показали вам, как добавить магазин Etsy на ваш сайт. Мы провели вас через процесс установки плагина Etsy Shop. Некоторые люди предпочитают добавлять элементы Etsy с помощью плагина и позволять своим посетителям перенаправляться на веб-сайт Esty, в то время как другие люди предпочитают веб-сайт электронной коммерции. Если вы искали первую возможность, этот пост вам поможет. Если у вас есть вопросы или предложения, обязательно оставьте комментарий в разделе комментариев ниже!

Обязательно подпишитесь на нашу рассылку по электронной почте и канал на YouTube, чтобы не пропустить важное объявление, полезный совет или бесплатную поддержку Divi!