Опубликовано

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

Как создать интернет-магазин самостоятельно? Такой вопрос рано или поздно задают себе предприниматели, успешно торгующие в реале. Как ни крути — онлайн-бизнес становится все более актуальным и многие уже предпочитают заказывать всевозможные товары на 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

Урок 18 — подключение оплаты картами на сайте

Урок 19 — легкий способ создать интернет-магазин

В этом уроке я показываю как быстро развернуть магазин на WooCommerce, используя премиум шаблон WebPoint Store. Это наиболее актуальный урок, добавлен в 2020 году и по нему вы сможете очень легко и быстро создать магазин. Ссылка на сам шаблон здесь, промокод на скидку 10%: beprofy

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

  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 Коммент.

  1. Виктор

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

    1. Glyzhev

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

  2. Андрей

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

    1. Glyzhev

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

  3. Андрей

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

    1. Glyzhev

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

      1. Андрей

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

        1. Glyzhev

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

  4. Вячеслав

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

  5. Вячеслав

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

    1. Glyzhev

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

  6. Виталий

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

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

    1. Glyzhev

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

      1. Виталий

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

  7. Роман Пиотровский

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

    1. Glyzhev

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

  8. Роман Пиотровский

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

    1. Glyzhev

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

  9. Роман Пиотровский

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

  10. Роман Пиотровский

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

    1. Glyzhev

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

      1. Роман Пиотровский

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

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

        1. Glyzhev

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

  11. ase301y .

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

  12. Роман Пиотровский

    Здравствуйте! Помогите пожалуйста убрать кусок ссылки.
    ?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

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

    1. Glyzhev

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

      1. Роман Пиотровский

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

  13. Елисей Свиридов

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

  14. nick

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

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

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

  15. nick

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

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

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

    1. Glyzhev

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

  16. Elena Drozdowa

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

    1. Glyzhev

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

      1. Elena Drozdowa

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

        1. Glyzhev

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

          1. Elena Drozdowa

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

          2. Glyzhev

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

          3. Elena Drozdowa

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

          4. Glyzhev

            Да, именно.

  17. Любовь

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

    1. Glyzhev

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

  18. Alina Dudarenko

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *