Как создать сайт электронной коммерции — пошаговое руководство

Опубликовано: 2020-08-03

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

Сегодня каждая компания, от малого бизнеса до крупного предприятия, хочет иметь веб-сайт электронной коммерции. Если у вас есть бизнес по производству продуктов и услуг, вам нужно найти магазин электронной коммерции, чтобы продавать их через Интернет. С интернет-магазином вы не только увеличите свои продажи и доходы, но и расширите свой бизнес по всему миру. Но вопрос в том, как создать сайт электронной коммерции или магазин электронной коммерции . Если вы новичок в создании веб-сайтов, вам может быть нелегко создать магазин электронной коммерции. Потому что это требует много знаний и тяжелой работы. Так что, если у вас нет знаний веб-дизайна. Не беспокоиться. Мы здесь чтобы помочь вам.

Оглавление

Как создать сайт электронной коммерции?

Сайт электронной коммерции не похож на обычный сайт, он немного отличается. Вы создаете обычный веб-сайт для обмена информацией через Интернет. С другой стороны, веб-сайт электронной коммерции предлагает товары и услуги и осуществляет онлайн-платежи через Интернет. Тем не менее, большинство шагов одинаковы. Поскольку создание нового веб-сайта электронной коммерции — длительный процесс, мы разделим его на несколько частей, чтобы его было легко понять и выполнить:

  • Выбор правильной платформы CMS
  • Выбор доменного имени и хостинг-провайдера
  • Установка WordPress
  • Настройка вашего сайта
  • Настройка вашего интернет-магазина
  • Добавление продуктов
  • Настройка темы вашего сайта
  • Добавление новых плагинов WordPress

Итак, давайте начнем создавать веб-сайт электронной коммерции для вашего бизнеса.

Шаг 1 – Выбор правильной платформы CMS

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

Шаг 2 – Выбор доменного имени и хостинг-провайдера

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

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

Надежный и высокопроизводительный веб-хостинг очень важен для хорошей работы вашего веб-сайта электронной коммерции. BlueHost — одна из наиболее рекомендуемых услуг хостинга для веб-сайтов WordPress. У него есть специальный веб-хостинг для платформы электронной коммерции, который называется WooCommerce hosting . Плагин WooCommerce WP и тема Storefront поставляются с предустановленной службой веб-хостинга. Вы можете обратиться к этой статье для получения некоторой полезной информации — Как получить доменное имя и хостинг для веб-сайта WordPress .

Bluehost to build an eCommerce website

Шаг 3 — Установка WordPress

После покупки услуги веб-хостинга для вашего веб-сайта вам необходимо установить WordPress в своей системе. Если вы выберете веб-хостинг Bluehost, вы можете установить WordPress прямо из Bluehost. Это упрощает установку WordPress. Вы также можете установить WordPress вручную. При ручном варианте вам необходимо настроить сервер вручную. Ручная установка — длительный процесс. Поэтому, если вы новичок, мы рекомендуем вам выбрать веб-хостинг Bluehost. Он имеет автоматическую установку WordPress. Обратитесь к этой статье за ​​полезной информацией — Руководство по установке WordPress .

Шаг 4 – Настройка вашего сайта

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

How to Build an eCommerce Website – A Step-by-Step Guide 1

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

How to Build an eCommerce Website – A Step-by-Step Guide 2

Нажмите « Настройки » в меню панели инструментов и выберите « Общие », чтобы определить заголовок и описание для своего веб-сайта.

How to Build an eCommerce Website – A Step-by-Step Guide 3

Теперь вам нужно настроить HTTPS для использования SSL (уровень защищенных сокетов). Хотя пакет хостинга электронной коммерции Bluehost поставляется с бесплатным сертификатом SSL, вам необходимо настроить его для своего сайта WordPress. Перейдите в « Настройки » в меню панели инструментов и выберите « Общие ». Теперь замените HTTP на HTTPS в вашем адресе WordPress (URL) и адресе сайта (URL).

How to Build an eCommerce Website – A Step-by-Step Guide 4

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

Шаг 5 — Настройка вашего интернет-магазина

Прежде чем вы сможете начать продавать свои продукты, вам нужно настроить несколько вещей, таких как валюта, платежи и информация о доставке. Если вы выбрали хостинг для электронной коммерции Bluehost, на нем автоматически устанавливается плагин WooCommerce. А если вы выбрали обычный хостинг Bluehost, то вам придется вручную установить плагин WooCommerce. Это бесплатно. Вы можете получить его из официального каталога плагинов WordPress. Когда плагин WooCommerce будет готов к использованию, вам нужно запустить мастер установки.

build an eCommerce website

Нажав кнопку « Запустить мастер настройки», появится мастер настройки WooCommerce . Нажмите Поехали!

build an eCommerce website

Первая вкладка — «Параметры страницы ». В вашем интернет-магазине должно быть несколько основных страниц: « Магазин» , « Корзина », « Оформить заказ » и «Мой аккаунт» . Нажмите Продолжить .

How to Build an eCommerce Website – A Step-by-Step Guide 5

На вкладке Store Locale выберите местоположение магазина, валюту и единицы измерения. Нажмите Продолжить .

How to Build an eCommerce Website – A Step-by-Step Guide 6

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

How to Build an eCommerce Website – A Step-by-Step Guide 7

На вкладке « Платежи » вам необходимо выбрать способ оплаты для вашего интернет-магазина. WooCommerce может принимать как онлайн, так и офлайн-платежи. Доступные варианты: PayPal , Stripe , PayPal Standard , Check Payments , Bank Transfer (BACS) Payments и Cash on Delivery .

PayPal Standard — это самый простой способ принимать платежи в Интернете. Просто введите свой адрес электронной почты PayPal и нажмите « Продолжить ».

How to Build an eCommerce Website – A Step-by-Step Guide 8

Ваш магазин готов! Следующим шагом будет добавление товаров. Нажмите ссылку «Вернуться к панели инструментов WordPress» , чтобы выйти из мастера настройки.

build an eCommerce website

Шаг 6 – Добавление продуктов

Вы успешно настроили плагин WooCommerce. После этого вам нужно добавить товары в ваш интернет-магазин. В меню панели инструментов нажмите « Продукты » и выберите « Добавить продукт ». Откроется экран добавления нового продукта . Введите название вашего продукта и подробное описание.

build an eCommerce website

С правой стороны вы увидите поле — Категории товаров . Щелкните Добавить новую категорию продукта , чтобы создать категорию для продукта. С помощью категорий продуктов вы и ваши клиенты можете легко сортировать и просматривать товары.

How to Build an eCommerce Website – A Step-by-Step Guide 9

Прокрутите вниз до раздела « Данные о продукте». Здесь вам нужно предоставить информацию о продукте, такую ​​​​как цены, запасы, доставка и т. Д.

How to Build an eCommerce Website – A Step-by-Step Guide 10

Теперь прокрутите вниз до раздела « Краткое описание продукта ». Здесь вам нужно написать краткое описание, которое будет отображаться на странице, когда ваши клиенты просматривают несколько продуктов на странице.

How to Build an eCommerce Website – A Step-by-Step Guide 11

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

How to Build an eCommerce Website – A Step-by-Step Guide 12

После добавления информации о продукте нажмите кнопку « Опубликовать », чтобы страница продукта появилась на вашем веб-сайте. Вам нужно повторить те же шаги, чтобы добавить больше продуктов на свой сайт.

Шаг 7 — Настройка темы вашего сайта

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

Хостинговая служба электронной коммерции Bluehost имеет встроенную тему — Storefront . Это бесплатная тема электронной коммерции для вашего сайта WordPress. Эта тема электронной коммерции, разработанная WooThemes, отлично работает с плагином WooCommerce и помогает вам создать веб-сайт электронной коммерции без каких-либо предварительных знаний. Как и любая другая тема WordPress, Storefront обладает широкими возможностями настройки. Вы можете легко настроить дизайн в соответствии с вашими потребностями.

Нажмите « Внешний вид » в меню панели инструментов и выберите « Настроить ». Это откроет настройщик тем, где вы можете настроить тему Storefront в соответствии с вашими требованиями.

How to Build an eCommerce Website – A Step-by-Step Guide 13

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

Нажмите « Внешний вид » в меню панели инструментов и выберите « Темы ». Это откроет раздел тем, где вы можете выбрать или добавить новые темы WordPress для своего веб-сайта электронной коммерции.

How to Build an eCommerce Website – A Step-by-Step Guide 14

Если вы не можете найти лучшую тему WordPress для своего веб-сайта электронной коммерции, мы рекомендуем вам попробовать нашу тему Krystal Premium WordPress . Если вы хотите придать своему магазину электронной коммерции премиальный вид, это должен быть ваш выбор. Это адаптивная тема WordPress, что означает, что вы можете создать веб-сайт электронной коммерции, который будет открываться на мобильном устройстве, таком как смартфон или планшет.

Вид на рабочий стол или ноутбук

WordPress theme for eCommerce website

Мобильный и планшетный вид

WordPress theme for eCommerce website
Посмотреть демонстрационный сайт

Шаг 8 — Добавление новых плагинов WordPress

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

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

Заключение

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

Кредиты

Иконка сделана Адибом Султоном с сайта www.flaticon.com.