Как создать интернет-магазин самостоятельно? Такой вопрос рано или поздно задают себе предприниматели, успешно торгующие в реале. Как ни крути — онлайн-бизнес становится все более актуальным и многие уже предпочитают заказывать всевозможные товары на AliExpress, нежели шататься по рынкам в поисках нужной вещи.
Сразу смотрите: как создать интернет магазин быстро в конструкторе
Что касается предпринимателей, некоторые готовы вкладывать в это дело немалые бюджеты и таким людям рекомендуется обращаться в специализированные web-студии, где им создадут мощный и четко функционирующий магазин, способный работать с тысячами товаров. Но большинство мелких предпринимателей просто не готовы вложить от 100 000 рублей в создание интернет-магазина, да им это и не нужно, ведь для многих хватит простого магазина на 50-100 товаров, который вполне можно создать самостоятельно.
От воды — к делу. Изучив детально эту статью, вы сможете создать за несколько дней свой интернет-магазин на WordPress и сразу получать с него первые продажи.
Как создать интернет-магазин самостоятельно
- Урок стартовый
- Урок 1
- Урок 2
- Урок 3
- Урок 4
- Урок 5
- Урок 6
- Урок 7
- Урок 8
- Урок 9
- Урок 10
- Урок 11
- Урок 12
- Урок 13
- Урок 14
- Урок 15
- Урок 16
- Урок 17
- Пошагово
- Ответы на вопросы
Итак, некоторое время назад я на своем канале опубликовал видео для новичков по созданию своего сайта и превращению его в интернет-магазин. Рекомендую сразу же изучить все ролики, я не вижу необходимости повторять это в текстовом виде, так как всегда лучше 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
Основные моменты:
- Регистрируем доменное имя, если RU, то дешево здесь
- Заказываем хостинг например здесь
- Устанавливаем автоматически WordPress прямо из опций хостинга, которая доступна на большинстве из них.
- Скачиваем и устанавливаем тему оформления для магазина. Их очень много, я рекомендую Mega Shop или более новую Boulder, которая отличается более современным дизайном и возможностью создания лендингов из ваших товаров.
- Устанавливаем необходимые плагины для работы магазина: Cyr to Lat enhanced, WooCommerce, Saphali Woocommerce Russian, Page Builder by SiteOrigin.
- Настраиваем WooCommerce так как нам необходимо, установив все параметры, например: валюта магазина, доставка, налоги и тп
- Настраиваем магазин, особое внимание стоит обратить на настройки ЧПУ и тп.
- Создаем разделы товаров.
- Добавляем около 10 тестовых товаров в разные рубрики дабы можно было визуально настроить наш магазин.
- Проверяем как работает заказ товара, для чего выходим из админки, пробуем положить товар в корзину, а также проделать все действия, которые будет делать потенциальный покупатель: регистрация на сайте, оформление заказа и тд.
- Заходим в админку и проверяем что наш заказ успешно добавлен.
Ответы на частые вопросы:
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 — рекомендую посмотреть его, все очень удобно!
я так и не понял если не подключать платежные системы!а оставить платёж наложенным платежам,как происходит сам процесс покупки товара и продажи??
Как вы захотите. Вы же сами решаете как это делать. Например, видите заказ, видите в заказе телефон, обзваниваете клиента и обсуждаете с ним детали доставки и наложенный платеж. Все как обычно, как это делают все интернет-магазины. В чем сложность???
Здравствуйте, все ясно и понятно. Спасибо за эти уроки, только в одном не могу понять где переводиться фраза «0 items » ?
Здравствуйте. items переводить нужно в header.php
Здравствуйте, может ли вы помочь мне в настройке Newsletter ? И сколько это будет стоить?
Здравствуйте помогу, а что за Newsletter? Скиньте ссылку и описание сюда http://beprofy.org/kontakty
Я все скинул. Буду ждать ответа.
Ответил. Почему-то в спам попало письмо.
Здравствуйте при загрузке темы которую Вы советуете выдает «размер загруженного файла превышает значение upload_max_filesize, установленное в файле php.ini.» Подскажите, пожалуйста, что нужно сделать
Здравствуйте, подскажите пожалуйста как боковое меню сделать слева, написать номер телефона и изменить цвет верхнего меню, заранее спасибо
Здравствуйте. В уроках все расжевано, не вижу смысла переписывать то, что уже показано на видео, посмотрите пожалуйста.
А как сделать в виджетах менюшку, как на aliexpress http://5.firepic.org/5/images/2015-11/17/m3v2xnopsmiy.jpg То есть на главной ее нет, а когда заходишь в определенную рубрику, то можешь там выбирать несколько вариантов, типа как фильтры?
Также хотел бы узнать, нет ли возможности у вас продать тему MegaShop, что вы купили, за половину ее стоимости? Переделывать буду сам под себя.
В данном шаблоне именно это меню реализовать проблематично, без существенной доработки, можно использовать другие темы с подобными функциями. Здесь же можно распределить по рубрикам и тп, но по атрибутам и прочие разделения — нет.
Можно приобрести плагин фильтров от saphali, стоимость 50 долларов
Здравствуйте! Спасибо Вам за полезнейшие уроки. Скажите пожалуйста. А как собственно обновить тему?
Здравствуйте. Скачать с сайта разработчиков новую версию и обновить. Если меняли файлы, то стоит учитывать, что при обновлении внесенные изменения исчезнут.
Я скачал тему не с оф. сайта. Я смогу ее обновить?
Скорее всего нет, если только найдете в сети ее новую версию.
Спасибо. Попробую найти.
Алексей, скажите пожалуйста. А возможно тему поставить другого цвета? Я хочу Electronics (синего цвета). Спасибо.
если я вас правильно понял — это дочерняя тема мегашоп, ее нужно тоже загрузить на сайт из архива и активировать в админке.
Вот эту тему я хочу: http://template-demo.org/woo/WCM01/WCM010013/WP2/
Это возможно?
Я загружаю из архива эту тему и мне пишет, что файл Style.css не найден.
С чем это может быть связано?
возможно любую, связано может быть с тем, что архив битый или тема не лицензионная.
Здравствуйте! Установил тему 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
В постоянных ссылках поставил галочки так как описано в видео.
Заранее Благодарю за любую подсказку!
нужно понять что именно его генерирует, в WordPress такого нет, возможно это плагин какой-то.
Спасибо за ответ! Уже разобрался. Это плагин яндекса прописывает эту фигню.
Добрый день) спасибо огромное за видеоуроки) установил тему virtue, сделал топменю прозрачный фон, в итоге не видно надписи в нем. Как можно изменить шрифты? может есть плагин удобненький?))
Алексей будь добр помоги пожалуйста я забуксовал немного. третий день уже вожусь не могу разобраться. установил вукоммерс на мегашоп и начал переводить на русский те куски которые поэдитер не зацепил. ручками перевел много текста но застрял на двух вещах:
1) создаю вариативный товар, при просмотре на странице можно выбрать опции товара, так вот когда выбрана какая либо опция появляется кнопка «clear selection». никак не могу найти в коде
2) в каждом разделе магазина несколько страниц товара. не могу перевести нумерацию страниц
Алексей будь добр помоги пожалуйста я забуксовал немного. третий день уже вожусь не могу разобраться. установил вукоммерс на мегашоп и начал переводить на русский те куски которые поэдитер не зацепил. ручками перевел много текста но застрял на двух вещах:
1) создаю вариативный товар, при просмотре на странице можно выбрать опции товара, так вот когда выбрана какая либо опция появляется кнопка «clear selection». никак не могу найти в коде
2) в каждом разделе магазина несколько страниц товара. не могу перевести нумерацию страниц
в 11 уроке все подробно расжевал — как найти такие элементы.
Добрый день. Подскажите, почему может не изменяться файл CSS. Уже что только с ним не делала, никаких изменений вообще на сайте не происходит. Может, какой-то секрет есть. и наследование не при чем, уже по всякому пробовала.
Здравствуйте. А как конкретно вы его меняете? Через FTP, админку или как?
В ноутпаде. У меня на Денвере пока сайт
Хм, тогда не ясно, могу лишь предположить что где-то кеш — или в браузере или на сайте, но опять же, скорее всего вы его не включали на сайте, нонсенс. Может не тот файл правится?
Нет, не включала. Тоже такое чувство, что не тот. В теме два файла CSS — editor-style, практически пустой и непосредственно style. Вообще не пойму. Есть еще папка CSS. Там авесом, бутстрап и theme-responsive. Может в theme-responsive нужно править? Сейчас попробую еще туда залезу.
Пробуйте вписывать классы (со свойствами) в пустой. Скорее всего он и есть для этих целей и у него должен быть приоритет. После сохранения файла 2 раза обновляйте страницу в браузере. Если и это не поможет, можно еще напротив каждого свойства вписать !important. Поробнее про использование этой функции http://htmlbook.ru/css/%21important
В этом editor-style? Попробую.
Да, именно.
Здравствуйте!
Не знаю как дальше, но пока, пока, у меня все получается!
Я абсолютный новичок в создании магазина…
Хочу выразить Вам огромное спасибо за помощь!
Здравствуйте!
Пожалуйста! Уверен все получится, главное не спешить и во все вникать поэтапно)))
Здравствуйте по запросу вот такого набора в google : ?v=3943d8795e03, у меня отобразился ваш сайт:) Подскажите пожалуйста, на созданном мною сайте, все окончания адреса страниц заканчиваются именно этим набором символов. Как исправить подскажите пожалуйста