Как добавить интернет-магазин на существующий сайт

Необязательно делать интернет-магазин с нуля. Его можно добавить уже на существующий сайт. Неважно, что это за сайт — большой портал, визитка с рассказом о компании или блог. Неважно, как этот сайт сделан — с помощью конструктора сайта, на основе CMS типа WordPress или самостоятельно с нуля.

На любой сайт можно добавить интернет-магазин и начать продавать онлайн. Сделать это можно с помощью Эквида. Быстро, бесплатно и самостоятельно.

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

Создайте аккаунт в Эквиде

Чтобы создать интернет-магазин:

1. На сайте Эквида нажмите кнопку «Создать магазин» или «Регистрация».
2. Введите имя, email и пароль и нажмите кнопку «Далее». Либо зайдите через Фейсбук, Google или PayPal.
3. Аккаунт готов.

На почту придет письмо с просьбой подтвердить регистрацию. Это можно сделать в течение 3-х дней.

Создать магазин бесплатно

Важно: если у вас сайт на Wix, пропустите этот шаг и переходите к инструкции по добавлению Эквид-магазина на Wix.

Добавьте магазин на сайт

После регистрации аккаунта вы попадете в Панель управления Эквид-магазином на этап настройки «Добавление товара».

Вы можете добавить несколько своих товаров или пока оставить демо-товары и сразу перейти к этапу установки магазина на свой сайт:

Нажмите кнопку «Да, у меня есть сайт».

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

Cкопируйте код и вставьте его в исходный код своего сайта

Если у вас сайт на одной из популярных платформ — WordPress, Joomla, Adobe Muse, Wix, uKit или Tilda — используйте отдельную инструкцию:

Сайт на WordPress

Сайты на WordPress бывают двух видов:

• WordPress.org — это CMS для создания сайтов, которую можно бесплатно загрузить и установить на собственный хостинг. Тысячи плагинов, виджетов и тем помогут настроить сайт под цели вашего бизнеса.
• WordPress.com — онлайн-сервис, в котором вы можете создать собственный сайт, подключить к нему свой домен и не заботиться о хостинге. Возможностей настройки сайта тут чуть меньше, чем у WordPress.org.

Если ваш сайт на WordPress.org:

1. В панели управления WordPress перейдите на страницу «Плагины» → «Добавить новый».
2. В строке поиска введите «Ecwid» и нажмите «Поиск».
3. В результатах поиска найдите «Ecwid Ecommerce Shopping Cart» и нажмите «Установить».
4. После установки нажмите «Активировать».
5. Подключите аккаунт Эквида, нажав на кнопку «Подключите магазин».
   
6. Откройте страницу, на которой хотите разместить магазин и нажмите кнопку «Добавить магазин»:
   

Если ваш сайт на WordPress.com:

1. Зайдите в свой профиль на WordPress.com и выберите в меню раздел «Плагины».
2. Кликните на иконку поиска и введите в поисковой строке «ecwid». В результатах поиска выберите плагин «Ecwid Ecommerce Shopping Cart».
   
3. На странице плагина нажмите кнопку «Установить».
4. Когда плагин Эквида будет установлен, на странице (как на следующем скриншоте) переключите ползунок в режим «Активно». Мы рекомендуем также включить функцию «Автообновление» для автоматического обновления плагина с выходом новой версии.
   

   На вашем сайте появится страница «Магазин», где будет каталог с товарами.

5. Чтобы настроить интернет-магазин, перейдите по ссылке «Администратор WP».
6. Подключите аккаунт Эквида, нажав на кнопку «Подключите магазин».

На вашем сайте магазин находится на страницу «Магазин». Если хотите поставить его на другую страницу, следуйте инструкции.

Важно: на WordPress.com вам нужно быть на плане Business, чтобы устанавливать плагины. В Эквиде вы можете выбрать любой план, в том числе бесплатный.

Так выглядит сайт на WordPress со встроенным интернет-магазином от Эквида:

Интернет-магазин twinswood.ru на WordPress

Сайт на Joomla

Специальное расширение для Joomla позволяет в несколько кликов открыть на сайте онлайн-магазин от Эквида:

1. Перейдите по ссылке и скачайте расширение Эквид для Joomla.
2. В Панели Управления Joomla перейдите в меню «Расширения» → «Менеджер расширений».
3. Во вкладке «Загрузить файл пакета» выберите скачанный файл расширения Эквид и нажмите «Загрузить и установить».
4. Перейдите в раздел «Компоненты» → «Ecwid» → «General Settings» и введите ID своего магазина.

Теперь осталось лишь добавить страницу с магазином на сайт:

1. В разделе «Меню» → «Менеджер меню» наведите курсор на то меню, в которое хотите добавить страницу с Эквидом и нажмите «Создать пункт меню».
2. Кликните на кнопку «Выбрать» рядом с полем «Тип пункта меню» и в открывшемся списке выберите Ecwid → Product Browser.
3. Присвойте странице название и сохраните изменения.

Готово! Теперь на вашем сайте есть интернет-магазин Эквид.

Чеклист: 15 шагов до открытия интернет-магазина

С чего начать бизнес? С чёткого плана. Мы составили чеклист для открытия интернет-магазина. Создайте свой интернет-бизнес шаг за шагом.

Скачать

Пожалуйста, введите действительный адрес электронной почты

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

Сайт на Adobe Muse

Для добавления магазина на сайт от Adobe Muse существует два плагина — MuseThemes (попроще) и J-26 (больше возможностей). Вот инструкции для каждого.

Плагин MuseThemes:

1. Скачайте MuseThemes для Эквида и сохраните его там, где установлен Adobe Muse.
2. Разархивируйте загруженный файл и дважды щелкните по файлу «Ecwid ECommerce Widget» с расширением mulib. После этого модуль автоматически будет добавлен к Muse.
3. Откройте проект сайта в Muse и найдите панель инструментов «Библиотеки» — она будет содержать виджет «Ecwid ECommerce Store».
4. Перетащите этот виджет на новую страницу сайта и укажите ID своего магазина в появившемся окне.
5. Опубликуйте сайт. Готово! Ваш магазин установлен на отдельную страницу вашего сайта.

Плагин J-26:

1. Скачайте Эквид-плагин от J-26 и установите его на Muse-сайт, дважды щелкнув по загруженному файлу. После установки плагин добавит новые виджеты, которые вы найдете разделе «Библиотеки» в Muse.
2. Выберите виджеты, которые хотите использовать, и перетащите их с панели инструментов на страницу сайта в Muse.
3. Используйте настройки виджета, чтобы изменить цвета, шрифты и другие параметры.
4. Готово! Опубликуйте свой сайт — и магазин будет отображаться на странице, к которой вы добавили виджеты.

Пример сайта на Adobe Muse со встроенным интернет-магазином от Эквида:

Интернет-магазин magazincraft.rumagazincraft.ru на Adobe Muse

Смотрите 25 примеров Эквид-магазинов на Adobe Muse.

Сайт на Wix

Добавить Эквид на сайт от Wix просто. Установите официальное приложение Эквида из Wix App Market:

1. На странице приложения нажмите «Добавить» для установки и перехода в редактор сайта. В режиме редактора нажмите кнопку «Добавить на сайт», далее «ОК, добавить».
2. Приложение добавит на ваш сайт страницу с магазином Эквид. Чтобы привязать к сайту ваш собственный аккаунт, двойным кликом вызовите окно настроек «Online Store» и заполните форму «Создать новый аккаунт Эквид» для регистрации Эквид аккаунта через Wix App Market.

Пример сайта на Wix со встроенным интернет-магазином от Эквида:

Интернет-магазин finecribs.ru на Wix

Читайте подробнее про добавление и настройку магазина на Wix-сайте.

Сайт на uKit

Магазин от Эквида ставится на сайт от uKit за секунды:

1. Выберите виджет Эквида среди других виджетов и перетащите на главную или любую другую страницу сайта.



2. Кликните по блоку с демо-магазином, и в правой части редактора откроется панель настройки магазина. Прикрепить свой аккаунт в Эквиде. Готово!

Сайт на Tilda

Добавить интернет-магазина на сайт от Tilda можно двумя способами: с помощью блока и html-кода.

Пример сайта на Tilda со встроенным интернет-магазином от Эквида:

Интернет-магазин urbanbooks.ru на Tilda

***

Теперь вы знаете, как быстро и бесплатно добавить интернет-магазин от Эквида на уже существующий сайт. Если есть вопросы по добавления и настройке магазина, задавайте их на Форуме Эквида, ищите ответы в Базе знаний или спрашивайте в комментариях к этому посту.

Надеемся, что у вас все получится!