Как создать и раскрутить интернет-магазин

Как создать интернет-магазин самостоятельно? Такой вопрос рано или поздно задают себе предприниматели, успешно торгующие в реале. Как ни крути — онлайн-бизнес становится все более актуальным и многие уже предпочитают заказывать всевозможные товары на AliExpress, нежели шататься по рынкам в поисках нужной вещи.

Сразу смотрите: как создать интернет магазин быстро в конструкторе

Что касается предпринимателей, некоторые готовы вкладывать в это дело немалые бюджеты и таким людям рекомендуется обращаться в специализированные web-студии, где им создадут мощный и четко функционирующий магазин, способный работать с тысячами товаров. Но большинство мелких предпринимателей просто не готовы вложить от 100 000 рублей в создание интернет-магазина, да им это и не нужно, ведь для многих хватит простого магазина на 50-100 товаров, который вполне можно создать самостоятельно.

От воды — к делу. Изучив детально эту статью, вы сможете создать за несколько дней свой интернет-магазин на WordPress и сразу получать с него первые продажи.

Как создать интернет-магазин самостоятельно

Итак, некоторое время назад я на своем канале опубликовал видео для новичков по созданию своего сайта и превращению его в интернет-магазин. Рекомендую сразу же изучить все ролики, я не вижу необходимости повторять это в текстовом виде, так как всегда лучше 1 раз увидеть. Ниже я систематизировал всю информацию и создал пошаговую инструкцию.

Урок 0 (ввод) — создание сайта на WordPress

Урок 1 — создание интернет-магазина

Урок 2 — настройка интернет-магазина

Урок 3 — как настроить WooCommerce

Урок 4 — продвижение, SEO оптимизация интернет-магазина

Урок 5 — настройка внешнего вида сайта

Урок 6 — подключение платежной системы, установка счетчиков

Урок 7 — как поставить социальные кнопки, вести блог и защитить магазин

Урок 8 — где брать клиентов в интернет-магазин

Урок 9 — как ускорить сайт и прочие улучшения

Урок 10 — как создать кнопку «под заказ»

Урок 11 — как настроить оплату на карту по номеру и переводить шаблоны (темы)

Урок 12 — как настроить события в Google Analytics и настроить доставку

Урок 13 — настраиваем главную страницу — Page Biluder или Visual Composer

Урок 14 — как быстро настроить красивый внешний вид + новый шаблон

Урок 15 — как подключить оплату Яндекс Деньги и Webmoney

Урок 16 — как настроить премиум шаблон на WooCommerce 3.0

Урок 17 — настройка темы Woostroid — часть 2

Основные моменты:

  1. Регистрируем доменное имя, если RU, то дешево здесь
  2. Заказываем хостинг например здесь
  3. Устанавливаем автоматически WordPress прямо из опций хостинга, которая доступна на большинстве из них.
  4. Скачиваем и устанавливаем тему оформления для магазина. Их очень много, я рекомендую Mega Shop или более новую Boulder, которая отличается более современным дизайном и возможностью создания лендингов из ваших товаров.
  5. Устанавливаем необходимые плагины для работы магазина: Cyr to Lat enhanced, WooCommerce, Saphali Woocommerce Russian, Page Builder by SiteOrigin.
  6. Настраиваем WooCommerce так как нам необходимо, установив все параметры, например: валюта магазина, доставка, налоги и тп
  7. Настраиваем магазин, особое внимание стоит обратить на настройки ЧПУ и тп.
  8. Создаем разделы товаров.
  9. Добавляем около 10 тестовых товаров в разные рубрики дабы можно было визуально настроить наш магазин.
  10. Проверяем как работает заказ товара, для чего выходим из админки, пробуем положить товар в корзину, а также проделать все действия, которые будет делать потенциальный покупатель: регистрация на сайте, оформление заказа и тд.
  11. Заходим в админку и проверяем что наш заказ успешно добавлен.

Ответы на частые вопросы:

1. Что делать если WooCommerce на английском?

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

Решение: нужно вручную обновить переводы, зайдя в настройки WooCommerce (см. урок 3, 4:06). Если это не помогло, нужно подключиться по FTP и вручную закачать файлы русификации в папку wp-content/languages/plugins. Скачать архив можно здесь разумеется его нужно распаковать.

2. При переходе на раздел товара сайт выдает ошибку 404 — что делать?

Тут все просто, по какой-то причине, в URL адресе категории товара выводится на русском «товарная-категория», что работает некорректно и выдает ошибку 404.

Решение: нужно вручную изменить настройки ЧПУ для этих категорий в опциях самого WordPress. Как это сделать смотрите на видео, урок 3, 44:20

3. В шаблоне «MegaShop» обрезает названия товара — как исправить?

Это так решили разработчики, чтобы карточка товара была красивой.

Решение: необходимо редактировать файл content-product.php. Найдите его через FTP и найдите там функцию <?php echo $shorttitle; ?> в <h3>, вместо нее поставьте <?php the_title();?>.

Статья будет постоянно обновляться, все вопросы можно задавать в комментариях, но чтобы быстро получить ответ, пишите в этот топик https://vk.com/topic-75004120_33064819

Если нет желания возиться, можете заказать интернет магазин у меня здесь

Внимание! Мой новый курс для новичков — как создать интернет-магазин на OpenCart — рекомендую посмотреть его, все очень удобно!

42
Оставить комментарий

avatar
18 Цепочка комментария
24 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
13 Авторы комментариев
Alina DudarenkoЛюбовьElena DrozdowanickЕлисей Свиридов Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о
Виктор
Гость
Виктор

я так и не понял если не подключать платежные системы!а оставить платёж наложенным платежам,как происходит сам процесс покупки товара и продажи??

Glyzhev
Гость
Glyzhev

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

Андрей
Гость
Андрей

Здравствуйте, все ясно и понятно. Спасибо за эти уроки, только в одном не могу понять где переводиться фраза «0 items » ?

Glyzhev
Гость
Glyzhev

Здравствуйте. items переводить нужно в header.php

Андрей
Гость
Андрей

Здравствуйте, может ли вы помочь мне в настройке Newsletter ? И сколько это будет стоить?

Glyzhev
Гость
Glyzhev

Здравствуйте помогу, а что за Newsletter? Скиньте ссылку и описание сюда http://beprofy.org/kontakty

Андрей
Гость
Андрей

Я все скинул. Буду ждать ответа.

Glyzhev
Гость
Glyzhev

Ответил. Почему-то в спам попало письмо.

Вячеслав
Гость
Вячеслав

Здравствуйте при загрузке темы которую Вы советуете выдает «размер загруженного файла превышает значение upload_max_filesize, установленное в файле php.ini.» Подскажите, пожалуйста, что нужно сделать

Вячеслав
Гость
Вячеслав

Здравствуйте, подскажите пожалуйста как боковое меню сделать слева, написать номер телефона и изменить цвет верхнего меню, заранее спасибо

Glyzhev
Гость
Glyzhev

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

Виталий
Гость
Виталий

А как сделать в виджетах менюшку, как на aliexpress http://5.firepic.org/5/images/2015-11/17/m3v2xnopsmiy.jpg То есть на главной ее нет, а когда заходишь в определенную рубрику, то можешь там выбирать несколько вариантов, типа как фильтры?

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

Glyzhev
Гость
Glyzhev

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

Виталий
Гость
Виталий

Можно приобрести плагин фильтров от saphali, стоимость 50 долларов

Роман Пиотровский
Гость
Роман Пиотровский

Здравствуйте! Спасибо Вам за полезнейшие уроки. Скажите пожалуйста. А как собственно обновить тему?

Glyzhev
Гость
Glyzhev

Здравствуйте. Скачать с сайта разработчиков новую версию и обновить. Если меняли файлы, то стоит учитывать, что при обновлении внесенные изменения исчезнут.

Роман Пиотровский
Гость
Роман Пиотровский

Я скачал тему не с оф. сайта. Я смогу ее обновить?

Glyzhev
Гость
Glyzhev

Скорее всего нет, если только найдете в сети ее новую версию.

Роман Пиотровский
Гость
Роман Пиотровский

Спасибо. Попробую найти.

Роман Пиотровский
Гость
Роман Пиотровский

Алексей, скажите пожалуйста. А возможно тему поставить другого цвета? Я хочу Electronics (синего цвета). Спасибо.

Glyzhev
Гость
Glyzhev

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

Роман Пиотровский
Гость
Роман Пиотровский

Вот эту тему я хочу: http://template-demo.org/woo/WCM01/WCM010013/WP2/

Это возможно?
Я загружаю из архива эту тему и мне пишет, что файл Style.css не найден.
С чем это может быть связано?

Glyzhev
Гость
Glyzhev

возможно любую, связано может быть с тем, что архив битый или тема не лицензионная.

ase301y .
Гость
ase301y .

Здравствуйте! Установил тему storefront, скачал и активировал plugins как в уроке. Создал страницы WooСommerсе. Поскольку установил все на локальный сервер автоматические закачки не срабатывают. WooСommerсе пришлось русифицировать ручками, копированием файлов в папку. Все вроде локализовалось. Только загруженные страницы именуются по английски. И на странице Shop в поле «Шаблон» только такие варианты: Главная страница, Базовый шаблон, На всю ширину. Варианта Home нет. Это от темы зависит? И еще вопрос, какой функционал обеспечивает тема MegaShop, а какой собственно WooCommerce? Т.е. что собственно зависит от темы?

Роман Пиотровский
Гость
Роман Пиотровский

Здравствуйте! Помогите пожалуйста убрать кусок ссылки.
?v=3943d8795e03 — эта гадина прописывается в конце каждой ссылки на странице
http://www.hitmix.com.ua/?v=3943d8795e03
http://www.hitmix.com.ua/shop/?v=3943d8795e03
http://www.hitmix.com.ua/wishlist/?v=3943d8795e03

В постоянных ссылках поставил галочки так как описано в видео.
Заранее Благодарю за любую подсказку!

Glyzhev
Гость
Glyzhev

нужно понять что именно его генерирует, в WordPress такого нет, возможно это плагин какой-то.

Роман Пиотровский
Гость
Роман Пиотровский

Спасибо за ответ! Уже разобрался. Это плагин яндекса прописывает эту фигню.

Елисей Свиридов
Гость
Елисей Свиридов

Добрый день) спасибо огромное за видеоуроки) установил тему virtue, сделал топменю прозрачный фон, в итоге не видно надписи в нем. Как можно изменить шрифты? может есть плагин удобненький?))

nick
Гость
nick

Алексей будь добр помоги пожалуйста я забуксовал немного. третий день уже вожусь не могу разобраться. установил вукоммерс на мегашоп и начал переводить на русский те куски которые поэдитер не зацепил. ручками перевел много текста но застрял на двух вещах:

1) создаю вариативный товар, при просмотре на странице можно выбрать опции товара, так вот когда выбрана какая либо опция появляется кнопка «clear selection». никак не могу найти в коде

2) в каждом разделе магазина несколько страниц товара. не могу перевести нумерацию страниц

nick
Гость
nick

Алексей будь добр помоги пожалуйста я забуксовал немного. третий день уже вожусь не могу разобраться. установил вукоммерс на мегашоп и начал переводить на русский те куски которые поэдитер не зацепил. ручками перевел много текста но застрял на двух вещах:

1) создаю вариативный товар, при просмотре на странице можно выбрать опции товара, так вот когда выбрана какая либо опция появляется кнопка «clear selection». никак не могу найти в коде

2) в каждом разделе магазина несколько страниц товара. не могу перевести нумерацию страниц

Glyzhev
Гость
Glyzhev

в 11 уроке все подробно расжевал — как найти такие элементы.

Elena Drozdowa
Гость
Elena Drozdowa

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

Glyzhev
Гость
Glyzhev

Здравствуйте. А как конкретно вы его меняете? Через FTP, админку или как?

Elena Drozdowa
Гость
Elena Drozdowa

В ноутпаде. У меня на Денвере пока сайт

Glyzhev
Гость
Glyzhev

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

Elena Drozdowa
Гость
Elena Drozdowa

Нет, не включала. Тоже такое чувство, что не тот. В теме два файла CSS — editor-style, практически пустой и непосредственно style. Вообще не пойму. Есть еще папка CSS. Там авесом, бутстрап и theme-responsive. Может в theme-responsive нужно править? Сейчас попробую еще туда залезу.

Glyzhev
Гость
Glyzhev

Пробуйте вписывать классы (со свойствами) в пустой. Скорее всего он и есть для этих целей и у него должен быть приоритет. После сохранения файла 2 раза обновляйте страницу в браузере. Если и это не поможет, можно еще напротив каждого свойства вписать !important. Поробнее про использование этой функции http://htmlbook.ru/css/%21important

Elena Drozdowa
Гость
Elena Drozdowa

В этом editor-style? Попробую.

Glyzhev
Гость
Glyzhev

Да, именно.

Любовь
Гость
Любовь

Здравствуйте!
Не знаю как дальше, но пока, пока, у меня все получается!
Я абсолютный новичок в создании магазина…
Хочу выразить Вам огромное спасибо за помощь!

Glyzhev
Гость
Glyzhev

Здравствуйте!
Пожалуйста! Уверен все получится, главное не спешить и во все вникать поэтапно)))

Alina Dudarenko
Гость
Alina Dudarenko

Здравствуйте по запросу вот такого набора в google : ?v=3943d8795e03, у меня отобразился ваш сайт:) Подскажите пожалуйста, на созданном мною сайте, все окончания адреса страниц заканчиваются именно этим набором символов. Как исправить подскажите пожалуйста

Похожие статьи

Вверх