Как начать онлайн бизнес

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

Чтобы это руководство было всеобъемлющим, оно было написано вместе с созданием моего собственного интернет-магазина, размещенного на

(MT) Медиа Храм и используя все методы, изложенные. Хотя в прошлом я работал с несколькими сайтами электронной коммерции, на этот раз я начал с нуля, чтобы понять любые проблемы и проблемы, с которыми вы можете столкнуться на этом пути. Вы можете просмотреть магазин, который я создал на DuinoBits.com. Я продаю доступные стартовые наборы микроконтроллеров, чем я увлечен. Я надеюсь, что это руководство позволит вам также продолжить свою страсть.

1. Система Магазина

Я решил использовать WordPress в качестве базовой системы, поскольку уровень поддержки со стороны разработчиков, дизайнеров тем, плагинов и учебных пособий не имеет себе равных. Предполагается, что WordPress поддерживает около 20% всего Интернета, поэтому вы не будете одиноки. Не беспокойтесь, если вы никогда раньше не пользовались WordPress - мы проведем вас через основы - но вам также рекомендуется скачать мое предыдущее бесплатное руководство, Начало работы с WordPress Настройте свой блог с WordPress: полное руководствоХотите начать свой собственный блог, но не знаете как? Посмотрите на WordPress, самую мощную платформу для блогов, доступную на сегодняшний день. Прочитайте больше . WordPress обеспечит основную структуру сайта и обеспечит поддержку любых элементов блога, которые мы выбираем для включения, а также статических страниц (таких как «о нас», «страница контактов» и т. Д.).

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

Существуют также специальные системы электронной коммерции - Magento, ZenCart и OpenCart, пожалуй, одни из самых популярных. из них - но работа с WordPress означает, что нам гарантирована надежная система, которая никогда не будет заброшена скоро. Он также открывает множество функций, которые обычно не встречаются на сайтах электронной коммерции, а это именно то, что вам нужно, если вы собираетесь выделиться из толпы.

1.1 Настройка домена и хостинга

Мы будем использовать Grid-хостинг от Медиа Храм так как это отличный баланс между стоимостью, производительностью и масштабируемостью. При цене 20 долларов в месяц это доступная отправная точка для вашего бизнеса с пропускной способностью 1 ТБ и 100 ГБ дискового пространства - большинству небольших магазинов никогда не потребуется обновляться.

В отличие от других планов «общего хостинга», Media Temple Grid будет поддерживать работу сайта даже при большой нагрузке от скачков трафика (как они этого достигают, будет объяснено в следующей главе, посвященной производительности). Вы можете разместить несколько доменов, если хотите, так что есть потенциал для экспериментов.

Если вы думаете, что вам нужен более низкоуровневый доступ к серверу, потому что вы человек, который любит работать с Linux, подумайте о виртуальном частном сервере DV Temple of Media Temple решение. При цене в 50 долларов в месяц это дает вам полную виртуальную машину, которую вы можете настроить в соответствии с вашими пожеланиями, хотя задачи по оптимизации будут полностью зависеть от вас.

Направляйтесь к MediaTemple.net/webhosting/shared для начала:

Кратко рассмотрите функции, затем нажмите Подписаться.

Вам нужно сразу выбрать доменное имя, чтобы настроить свою учетную запись - вы всегда можете добавить больше позже и изменить этот основной домен, если хотите. Если у вас его еще нет, введите его, чтобы узнать, доступен ли он. Регистрация нового доменного имени через Media Temple начинается с 12 долларов в год. Вы также можете настроить его для домена, купленного в другом месте, но вам нужно настроить серверы имен для этого домена, чтобы ns1.mediatemple.net и ns2.mediatemple.net из панели управления, где вы приобрели домен.

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

На следующем экране заполните свой адрес и детали оплаты. Затем вы должны вскоре получить приветственное письмо - прежде чем начать, вам нужно будет установить пароль. Перейдите по ссылке в письме, чтобы сделать это, и обязательно используйте что-то действительно безопасное (я использую StrongPasswordGenerator.com чтобы создать 15-значный безопасный пароль - держите вкладку открытой, вам понадобится еще один в минуту). После того, как вы установили это, вы можете войти в свой Центр аккаунтов.

Наиболее важные кнопки, которые вы хотите знать на этом экране:

• Администратор - который переводит вас на панель управления сайтом и позволяет создавать адреса электронной почты, базы данных или использовать функции установки приложений одним щелчком мыши.
• Добавить новый домен - нет дополнительных затрат на хостинг для домена, хотя сам домен необходимо будет приобрести.
• Новый запрос в службу поддержки - где вы можете получить помощь по всем вопросам, связанным с вашей учетной записью. Также есть чат 24/7/365, доступный из нижней правой панели инструментов.
• База знаний - вики, полная информации о каждом аспекте управления вашим сервером. Всегда ищите это первым, когда у вас есть вопросы.

1.2 Создайте адрес электронной почты

Давайте настроим ваш первый адрес электронной почты - хотя вы можете иметь до 1000, если хотите. Нажать на Администратор кнопка, затем Пользователи электронной почты. Обратите внимание, что это немного отличается от Псевдонимы электронной почты. Псевдоним - это, в основном, адрес пересылки - он может получать электронную почту, но переходит на другую указанную учетную запись электронной почты, а не имеет свою отдельную папку входящих сообщений. щелчок Добавить нового пользователя. Вам действительно нужно беспокоиться о битах имени, описания и пароля - остальное можно настроить позже, если необходимо, например, если вы нанимаете помощника и хотите предоставить ему доступ по FTP без ущерба для основного администратора учетная запись. Заполните настройки автоответчика, если вы хотите, чтобы подтверждение по умолчанию отправлялось всем, кто отправляет вам электронные письма, например «Спасибо, что связались, мы постараемся ответить в течение дня».

После настройки перейдите к http://MediaTemple.net/help/mail/mailconfig/ использовать удивительный автоматический инструмент для настройки электронной почты Media Temple - просто введите свой адрес электронной почты, сообщите ему, какой клиент (приложение электронной почты), которое вы пытаетесь настроить, и оно отправит вам файл, который вы можете запустить, чтобы настроить все автоматически.

1.3 Выберите пароль базы данных

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

1.4 Установка WordPress одним щелчком мыши

Выбрать Установка одним нажатием с экрана администратора -> Добавить новое приложение -> WordPress -> и выберите Начните. Для других хостов, оснащенных CPanel, обратитесь к WordPress.org Руководство по установке.

По умолчанию установщик попытается настроить WordPress на blog.yourdomain.com (известный как поддомен). Это не то, что мы хотим, так как WordPress будет также хостить основной магазин - не только блог - поэтому обязательно удалите этот бит. Также не включайте WWW в домен! Вы можете оставить другие поля для базы данных по умолчанию, если хотите, но, из соображений безопасности, я предлагаю по крайней мере изменить префикс базы данных от wp_ - таким образом, если кому-то удастся взломать ваш сайт или внедрить вредоносные команды базы данных, он не будет знать названия таблиц для таргетинга.

Вы получите сообщение о существующей папке HTML - это страница сервера по умолчанию. Не стесняйтесь отказаться от этого и перезаписать. Как только установка будет готова для вас, появится зеленая кнопка с надписью Конец.

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

2. WordPress 101

WordPress начал свою жизнь как простая платформа для ведения блогов, но его популярность и открытый исходный код привели к тому, что система была адаптирована для работы со многими видами веб-сайтов. Как Система управления контентомWordPress позволяет легко создавать посты в хронологическом порядке - например, блог - и статические страницы, используемые для такие вещи, как «О нас», «Часто задаваемые вопросы» или «Контакт». WordPress управляет загрузкой файлов (медиа) и комментариями к статьям. Вся эта информация хранится в базе данных, затем при загрузке страницы соответствующий шаблон темы заполняется правильной информацией. Сообщения могут быть классифицированы и помечены, помогая пользователю перемещаться по интересующим его элементам. WordPress также имеет обширную систему плагинов, которая добавляет функции или настраивает функциональность вашего сайта.

Вот быстрый взгляд на интерфейс - вы всегда можете добраться до него, добавив / wp-admin в конец вашего домена, например:

http://yourdomain.com/wp-admin/

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

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

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

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

Комментарии переносит вас в очередь на модерацию, где вы помечаете комментарии как спам или одобряете их.

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

Плагины для управления, добавления или отключения плагинов; некоторые плагины могут также добавлять свои собственные настройки в это меню (хотя некоторые вместо этого помещают его в инструменты). Вы можете установить плагины, выполнив поиск в каталоге WordPress, или загрузить ZIP-файл (если вы приобрели премиальный плагин). Примечание. Обычно встречается фактический zip-файл плагина внутри другого zip-файла контейнера, в дополнение к таким инструкциям, как readme. Если при загрузке возникают ошибки, попробуйте сначала развернуть исходный файл на локальном жестком диске, а затем загрузить найденный в нем ZIP-файл.

пользователей для редактирования, кто может войти на сайт. Существует пять классов «пользователя», от администратора (это вы - администраторы могут настроить все, что касается сайта, и очень легко «разбить») на «подписчика» - так клиенты будут зарегистрированы, чтобы их данные можно было вспомнил.

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

В заключение, настройки. Пока достаточно проверить Генеральная, и Постоянная ссылка пункты подменю. Из Генеральная На странице настроек обязательно установите слоган для своего сайта - однострочное описание, которое может отображаться на главной странице для некоторых тем, а также местный часовой пояс. Permalinks относится к URL-адресам, которые будут использоваться для доступа к контенту - по умолчанию они будут выглядеть примерно так:

http://yoursite.com/?p=12345

… Что не только некрасиво, но и ужасно для поисковых систем (здесь есть целая глава, не волнуйтесь). Выберите тот, который включает название поста, но я рекомендую не включать дату, если вы не планируете публиковать много постов в блоге, чувствительных ко времени. Позже я предложу вам писать посты в блоге, однако, чтобы привлечь поисковые системы на ваш сайт, таким образом, URL для них будет выглядеть так:

http://yoursite.com/why-my-products-are-awesome/

Найдите минутку, чтобы просмотреть все варианты, возможно, добавьте несколько тестовых сообщений - попробуйте загрузить и вставить Зайдите в них, затем просмотрите свой сайт, прокомментируйте эти посты и посмотрите, как они выглядят в админ площадь. Вы должны найти все довольно очевидно.

Совет по производительности: по умолчанию установлен пакет плагинов под названием JetPack. Вопреки тому, что может предложить название, это на самом деле значительно замедляет ваш сайт. Отключите это на экране плагинов для мгновенного повышения производительности - функции этого плагина можно найти отдельно в других местах.

2.1 Настройка магазина

Чтобы добавить компоненты магазина WooCommerce в WordPress, выберите «Добавить новый» на боковой панели плагинов. Найдите «woocommerce» и установите верхнюю опцию, которая на момент написания статьи

WooCommerce - превосходная электронная коммерция 2.0.14. К тому времени, когда вы это читаете, может быть более свежая версия, поэтому не беспокойтесь, если номер версии не совпадает.

После установки нажмите Активировать плагин ссылка на сайт. Когда появится этот баннер, нажмите Установить WooCommerce Pages ссылка - это добавит необходимые статические страницы, такие как Checkout и My Account.

Наконец, вам нужно будет снова установить параметры постоянной ссылки, настроив страницы продукта для использования базового URL-адреса: /product, /shop, или обычай. Запомни Сохранить изменения когда это будет сделано, новая структура постоянной ссылки будет записана на сервер.

2.2 Регулировка настроек

Если установка прошла успешно, у вас должно появиться два новых раздела на боковой панели. Первый, WooCommerce, - это то, где вы будете управлять магазином, заниматься заказами и выполнять все настройки. Щелкните элемент подменю «Настройки» и сначала ознакомьтесь со всеми общими настройками - по умолчанию они обычно подходят, но я бы предложил следующие изменения:

Включите регистрацию на странице Моя учетная запись - в противном случае клиенты будут вынуждены использовать стандартную регистрацию WordPress.

Запретить пользователям входить в WordPress Admin - в конце концов, у них нет причин быть там, и кажется более профессиональным скрывать сторону WordPress от них.

Включите текст уведомления о магазине в любом месте - на тот случай, если кто-то наткнется на ваш магазин и попытается сделать заказ.

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

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

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

налог. Это широкая тема, и предполагается, что вы понимаете налоговую систему в вашем районе. В Великобритании вы должны заплатить 20% НДС, если ваш общий оборот превышает £ 79 000 / год - однако, один раз зарегистрировавшись, вы также можете потребовать возврат НДС при покупке бизнеса, так что это не так плохо, как потеря 20% прибыль для вас. Прочитайте это для подробнее о НДС.

Ситуация гораздо сложнее в США, где ставки варьируются в зависимости от штата, как и продукты, на которые распространяется освобождение - хотя вы, как правило, освобождаетесь от налог с продаж, если у вас нет физического присутствия, например, офиса или розничного магазина (технически ваши клиенты в Интернете должны платить налог самих себя). Тем не менее, существует законодательство, которое устранит это исключение и возложит ответственность на интернет-магазин, поэтому сначала проверьте.

Все налоговые расчеты по умолчанию отключены в WooCommerce.

Перевозка: В WooCommerce встроены базовые варианты доставки - например, фиксированная ставка или бесплатная доставка. Вы можете приобрести дополнительные варианты доставки, такие как USPS или Royal Mail, в официальном магазине расширений WooCommerce. По умолчанию в вашем магазине включена только бесплатная доставка, но вы можете изменить это, нажав синие ссылки в верхней части вкладки Доставка. Не забудьте также отключить бесплатную доставку, если вы выберете одну из других, или клиенты, вероятно, выберут бесплатную опцию!

Платежные шлюзы Существуют различные методы, которые вы можете принять оплату от клиентов. Опять же, вы можете купить или загрузить дополнительные платежные шлюзы от WooCommerce или других разработчиков, но имейте в виду Имейте в виду, что прием платежей по кредитным картам непосредственно на вашем сайте создает целый ряд новых проблем для решения SSL. Прочтите отдельную главу по SSL, чтобы узнать об этом. Не беспокойтесь: вы все равно можете принимать платежи по кредитным картам через PayPal. На последней странице оформления заказа клиент будет перенаправлен на безопасную страницу PayPal, после чего автоматически будет перенаправлен обратно на ваш сайт для обычного «спасибо за ваше сообщение заказа». Плата составляет всего 0,10 $ за транзакцию.

2.2.1. Вопросы SSL

SSL - уровень защищенных сокетов - обеспечивает ваш заказ путем создания зашифрованного соединения для ваших клиентов. Вы должны подтвердить свой сайт, чтобы получить сертификат SSL, который подтверждает, что вы действительно являетесь тем, кем вы себя называете, и это позволит различным маркерам безопасности браузера появляться на странице оформления заказа. Получение SSL-сертификата стоит денег - $ 75 / год, если вы приобретаете его через Media Temple - и приводит к некоторым другим сложностям, упомянутым далее в этом руководстве.

3. Выбор темы

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

Тем не менее, изменить тему также очень просто - вам не нужно переписывать HTML или CSS, хотя вам может понадобиться перенастроить некоторые меню.

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

Я рекомендую ThemeForest WooCommerce Тематическая торговая площадка, хотя это не единственное место, где можно найти премиальную тему. Ожидайте, что вы заплатите где-то от 50 до 100 долларов за неисключительную лицензию на один сайт (что означает, что другие люди тоже могут использовать эту тему). Вот некоторые ключевые слова, на которые стоит обратить внимание:

• отзывчивый. Тема будет изменять размер фотографий и корректировать макет в зависимости от размера экрана - поэтому она должна работать с мобильными телефонами и планшетами. Вы можете изменить размер окна браузера, чтобы протестировать его - он будет динамически изменяться. Учитывая, что большое количество покупателей теперь делают покупки со своих диванов, на этом этапе необходимо питание хотя бы для планшетов.
• WordPress Customizer Совместимый. Недавнее дополнение к WordPress - возможность настраивать элементы дизайна темы, такие как фон заголовка и цвета, без редактирования какого-либо кода. Это не является обязательным - большинство тем все равно будут поставляться с собственной панелью пользовательских настроек, но это попытка WordPress стандартизировать процесс.
• Мега Меню. Меню обычно представляют собой один столбец текстовых ссылок; Мега-меню может состоять из нескольких столбцов и может содержать краткую графику вверху или описания ссылок - в основном, намного больше, чем стандартное меню.
• 
• Aqua Page Builder. Инструмент для перетаскивания шаблонов.
• Ползунок революции. Позволяет добавлять привлекательные слайд-шоу с эффектами изображения и текста. Отличный способ привлечь внимание клиентов и представить конкретный продукт.

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

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

Из вид -> Темы подменю, нажмите на вкладку Install, затем на Загрузить ссылка на сайт. Найдите свой файл темы и нажмите Установить сейчас.

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

Поскольку каждая тема отличается, параметры для настройки и способы настройки различных функций будут сильно различаться. Некоторые авторы тем предоставляют демонстрационный контент, который вы используете для настройки функций, которые можно добавить с помощью инструменты -> Импортировать полезность. Некоторые из них будут иметь дополнительные плагины, включенные в полный пакет загрузки, которые необходимо будет установить отдельно (процесс такой же, как для темы - просто перейдите на Плагины -> Добавить новое -> Загрузитьи выберите почтовый файл). Все темы будут иметь некоторую документацию и форум онлайн поддержки. Даже опытные профессионалы должны ссылаться на эту документацию, но для новичка это может быть ошеломляющим из-за большого количества доступных вариантов и различных дизайнов страниц. Делайте вещи по одному маленькому шагу за раз, и не расстраивайтесь только потому, что ваш сайт еще не похож на предварительный просмотр.

Советы по экономии денег: Если вы хотите, чтобы полупрофессиональный логотип был сделан без оплаты $ 500 +, проверьте Fiverr.com, площадка для креативных типов, чтобы получить опыт и создать портфолио. Вы можете получить базовую концепцию логотипа за 5 долларов, но ожидайте, что заплатите 50 долларов за полный набор PSD и векторных файлов.

Есть несколько пунктов меню под вид это стандартно для каждой темы, поэтому давайте кратко рассмотрим их.

3.1 Виджеты

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

• Поиск продукта
• Ценовой фильтр
• Случайные продукты
• Корзина (может быть скрыта, если пуста)
• Недавно просмотренные продукты

3.2 Меню

Большинство тем также предоставляют одно или несколько мест меню. Сначала должны быть созданы меню, а затем назначены для определенного места.

Если вы хотите, чтобы элемент меню расширялся, когда пользователь наводит на него курсор, перетащите элементы в редакторе меню влево или вправо, чтобы сделать их родительским (верхний уровень) или дочерним элементом.

4. Добавление продуктов и вариантов

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

• Простой продукт: Один элемент без параметров. Самый простой в управлении.
• переменная: Основной продукт с различными атрибутами, из которых клиент может выбирать - это может быть размер или цвет. Если вы позволяете системе управлять уровнями запасов для вас, каждая комбинация вариантов является уникальной и, следовательно, имеет свой собственный уровень запасов.
• Сгруппированные: Набор связанных простых продуктов, которые можно приобрести по отдельности. Сгруппированный продукт состоит из множества дочерних продуктов, но сам по себе не имеет цены или уровня запасов; это просто способ визуально сгруппировать товары на одной странице, чтобы клиенты могли легче добавлять отдельные товары в корзину.
• Внешний / аффилированный: Вместо кнопки «добавить в корзину» будет показана кнопка «читать дальше», которая отправляет пользователя на другой веб-сайт.
• ЗагружаемыеФайл, который может быть доставлен клиенту после успешной оплаты. Обычно это каким-то образом защищено и может быть ограничено определенным количеством загрузок или датой истечения срока действия.
• виртуальныйЭти продукты не требуют доставки и, следовательно, не влияют на стоимость доставки - используются в основном для продажи услуг.

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

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

4.1 Добавление простого продукта

Чтобы добавить простой продукт, перейдите на Товары -> Добавить новое или используйте панель быстрого доступа вверху экрана (+ Новый -> Товар). Экран редактирования должен быть легким для восприятия.

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

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

Читайте дальше, чтобы узнать, как добавлять изображения.

Совет: если вы ищете что-то на экране редактирования и не можете его найти, поле может быть скрыто. щелчок Параметры экрана в правом верхнем углу и убедитесь, что все поля включены (или отключите те, которые вам не нужны, чтобы создать менее загроможденный экран редактирования).

4.2 Избранные изображения и галерея продуктов

В левом нижнем углу экрана «Редактировать или добавить новый продукт» вы найдете раздел рекомендуемых изображений и галереи продуктов. Показанное изображение является основным изображением продукта, которое отображается непосредственно пользователю и размещается по всему сайту. Для показанного изображения можно использовать только одно изображение, и каждая тема будет иметь идеальный размер изображения для использования. Загрузите все с достаточно высоким качеством (но не более 2 МБ на изображение), и WordPress автоматически уменьшит размер по мере необходимости для размеров миниатюр.

Раздел «Галерея продуктов» можно использовать для добавления нескольких дополнительных изображений к продукту. Они показаны на странице сведений о продукте под основным изображением. В случае переменных продуктов каждый вариант также может иметь свое собственное изображение, которое будет отображаться, когда пользователь изменяет свой выбор.

Процесс фактической загрузки изображений не требует пояснений - после того, как вы нажали «Установить рекомендуемое изображение» или «Добавить галерею продукта», вы можете выбрать один из существующих изображений или перейти на вкладку загрузки. Перетащите в это окно, чтобы загрузить. Для галерей продуктов, удерживайте нажатой клавишу CMD / CTRL, чтобы выбрать несколько изображений одновременно из медиабраузера.

4.3 Советы по фотографии продукта

Основные «бесшовные фоны» могут быть достигнуты с помощью белой карты, прислоненной к стене и плоской поверхности. Для действительно профессионального взгляда рассмотрите создание DIY продукт фото коробка (на фото ниже - изображение предоставлено Школа цифровой фотографии). По крайней мере, используйте рассеиватель для равномерного освещения.

Если ваши продукты могут быть полезны, если их рассматривать под любым углом, подумайте о покупке Плагин Magic360 (£ 99), который создает вращающийся 360-градусный виджет объекта из 18 или 36 фотографий продукта. Вы можете сделать недорогую фотографическую платформу с Lazy Susan Вечеринка спрей окрашен в белый цвет.

4.4 Глобальные атрибуты

Доступно с боковой панели Товар -> Атрибуты меню, глобальные атрибуты могут быть применены к ряду продуктов.

Давайте идти вперед и создать глобальный цвет атрибут в качестве примера. Из Товары -> Атрибуты экран, иди и назови свой новый атрибут. Убедитесь, что тип атрибута установлен на «выбрать».

Добавьте атрибут, и он появится в списке - нажмите кнопку настройки терминов, чтобы добавить отдельные цвета. Примечание. Если вы хотите использовать фактические цветные «образцы» в опциях продукта, вам необходимо приобрести дополнительные Расширение Color and Image Swatches за 99 долларов. По умолчанию вы можете использовать только текст.

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

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

Теперь на вариации Вкладка. Если данные о продукте не меняются - цена, высота и т. Д. - и варианты просто для предпочтения пользователя, вам нужно добавить только один вариант и оставить любые атрибуты как Любой цвет, любой размер (например). Это означает, что независимо от цвета и размера, выбранного пользователем, он будет отображать одинаковые цены и расчеты доставки.

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

4.5 Атрибуты, категории и теги путаницы

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

Вот как я пытаюсь запомнить различия:

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

Атрибуты может рассматриваться как фильтр: цена, размер или цвет помогают сузить ваш выбор, но они, безусловно, не являются основным способом поиска товаров в вашем магазине. Вы не заходите в универмаг и не говорите «покажите мне все, что у вас есть в XL». Атрибуты также могут быть выбраны одновременно - таким образом, клиент может искать что-то красное, размером M и менее чем за 30 фунтов стерлингов. Если бы у вас были категории для каждой из них, они могли бы искать только по одной за раз.

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

5. SEO для электронной коммерции

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

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

Это, конечно, огромная проблема для интернет-магазинов - и эти строгие алгоритмы «проверки качества», которые есть у Google усилились в последние годы единолично ответственны за огромный спад продаж для многих интернет-магазинов места. К счастью, мы можем понять решение, посмотрев на крупных игроков.

5.1 Техническая SEO

В этом разделе я расскажу о тактике SEO для электронной коммерции, но есть некоторые технические аспекты SEO, которые применимы к любому сайту, который у нас просто не хватает места - это, вероятно, удвоило бы размер этого сайта. руководство. Когда у вас будет время, посмотрите на эти 5 сайтов для изучения основ SEO Demystify SEO: 5 руководств по поисковой оптимизации, которые помогут вам начатьМастерство поисковой системы требует знаний, опыта и множества проб и ошибок. Вы можете начать изучать основы и легко избежать распространенных ошибок SEO с помощью многих руководств по SEO, доступных в Интернете. Прочитайте больше . Как только вы поймете основы, я предлагаю использовать WordPress SEO (бесплатно) с Yoast SEO для WooCommerce ($ 29) плагины для их реализации. Не забывайте об этом шаге - SEO - это невероятно важный аспект ведения бизнеса в интернете сегодня - «если вы создадите его, они придут», просто не применимо, если ваше SEO не сделано правильно.

5.2 Как Amazon удается противостоять тренду?

Верхняя часть страницы продукта Amazon похожа на любой другой сайт электронной коммерции - фотографию или два продукта, некоторую базовую информацию и кнопки «цена / добавить в корзину». На этом сходство заканчивается. Прокрутите вниз, и мы найдем множество дополнительной информации и виджетов.

5.2.1 Обширные описания

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

Если вы продаете товары из базы данных оптовых торговцев, где вам предлагаются названия продуктов и описания, переписывание уникальных описаний особенно важно. Эти предоставленные описания, вероятно, дословно используются в сотнях других магазинов, поэтому Google сочтет многие из них дублирующимся контентом. Очень важно, чтобы вы отличались от этих сайтов.

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

5.2.2 Отзывы пользователей

Один из самых простых способов повысить ценность страницы - публиковать отзывы пользователей о продукте. Тем не менее, это займет некоторое время, чтобы собрать их у клиентов, поэтому подумайте о том, чтобы предложить скидку «5% от вашего следующего заказа, если вы оставите отзыв». Настройте время электронной почты, чтобы напомнить клиентам оставить отзыв через неделю после их покупки. Автоматизированный плагин Follow Up Emails ($ 129) может помочь вам достичь этого, но вы также можете отправлять электронные письма вручную.

Некоторые сайты идут на дополнительный шаг и принимают «выстрелы» клиента. Несмотря на то, что они могут быть полезны для пользователей, они не добавляют слишком много с точки зрения ценности SEO. Один из уникальных подходов Black Milk Clothing заключался в том, чтобы взаимодействовать с API Instagram и получать фотографии, помеченные продуктом. название - это работает, потому что сами продукты являются особенно вирусными, тип платья, которое вы действительно хотите показать своим друзья.

Часто задаваемые вопросы по продукту: пользователи могут задать вопрос и получить от вас ответ, а также могут быстро добавить полезную информацию на страницу. это Часто задаваемые вопросы по продукту для плагина WooCommerce бесплатно.

5.2.3 Виджеты

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

5.3 Знание эксперта и ведение блога

Если вы продаете продукты, которыми увлекаетесь, у вас, вероятно, есть достаточное количество экспертных знаний по этой теме. Напишите о последних тенденциях моды, если вы продаете одежду; напишите о том, как создать красочную летнюю границу, если вы продаете семена. «Как» и списочные статьи, такие как «10 отличных способов…», как правило, работают очень хорошо. Вы будете не только писать контент, который демонстрирует Google, что вы знаете свои вещи, но вы также будете создавать контент, которым пользователи любят делиться на Facebook или Twitter. Для начала просто начните создавать новые Сообщенийи они автоматически появятся в хронологическом порядке в области блога вашего сайта.

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

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

6. Ускорение сайта и соображения производительности

Скорость имеет значение. Проще говоря, медленный сайт расстроит потенциальных клиентов, заставив их уйти до того, как будет достигнута продажа, поэтому важно сделать все возможное для оптимизации своего сайта. Следующие рекомендации относятся конкретно к панели управления Grid Service в Media Temple, но некоторые или все эти методы будут доступны в той или иной форме на других хостах.

6.1 Включить FastCGI

Из Область настроек PHP вашей панели управления аккаунтом, активируйте FastCGI. Не вдаваясь в технические аспекты, это ускоряет работу PHP-кода, языка, который создает динамические веб-страницы в WordPress. Это важно для запуска следующего улучшения - mod_pagespeed.

6.2 Включить mod_pagespeed

mod_pagespeed - это плагин веб-сервера, написанный Google, предназначенный для автоматизации некоторых задач оптимизации как минимизация CSS и Javascript (это означает удаление пробелов и сжатие нескольких файлов в один файл). Если вам действительно интересно узнать о механике и деталях этого, посмотрите это часовое видео объяснение.

Чтобы настроить это, вы найдете параметры PageSpeed ​​в последней строке панели управления.

На следующем экране включите его для всех ваших доменов и сохраните. Выполнено!

6.3 Включить бесплатную учетную запись CloudFlare

Из Центр аккаунтов -> Домены в раскрывающемся меню выберите Добавить новый домен или услугу. Прокрутите вниз, пока не найдете CloudFlare, и нажмите Активизировать кнопка. Если у вас еще нет учетной записи CloudFlare, пройдите простую форму регистрации.

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

Обратите внимание, что бесплатная учетная запись CloudFlare не поддерживает SSL-подключения - это проблема, если ваш сайт напрямую принимает платежи по кредитным картам через собственный платежный шлюз. Если ваш магазин использует только внешние платежные шлюзы, такие как PayPal, это не проблема, и вам не нужен SSL. Премиум-аккаунт CloudFlare начинается от 20 долларов в месяц.

6.4 Использование CDN для обслуживания статических ресурсов

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

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

Тем не менее, CDN является платной услугой, доступной в качестве дополнения в Media Temple. Начиная с 20 долларов в месяц (ежемесячный контракт), Media Temple ProCDN обеспечивает пропускную способность 200 ГБ и более 10 точек кэширования контента (POP) в центрах обработки данных высшего уровня.

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

6,5 W3 Total Cache

Total Cache от w3 Edge - это полноценное решение для кеширования для опытных пользователей. При правильной настройке он может создавать минимизированные файлы почти так же, как mod_pagespeed, но этот процесс на самом деле не для начинающих. Total Cache состоит из различных модулей, каждый из которых может быть активирован, поэтому настройка этого плагина выходит за рамки данного руководства. Вы можете прочитать мое краткое введение в настройка w3 Total Cache здесь Как настроить различные параметры плагина W3 Total Cache для вашего блога WordpressНекоторое время назад я говорил о преимуществах установки плагина W3TC в вашем блоге Wordpress, чтобы ускорить его с различным кэшированием, но некоторые читатели по понятным причинам немного опасались ... Прочитайте больше . Медиа Храм также имеет полное руководство по настройке функции CDN, если вы решите использовать их решение ProCDN.

6.6. Об использовании GPU

GPU - или Grid Performance Unit - это метод Media Temple, позволяющий определить, какую долю серверов использует ваш сайт в настоящее время, обеспечивая справедливую производительность для всех. Он в основном касается циклов ЦП, но также учитывает такие вещи, как операции чтения и записи на диск. В любой момент вы можете проверить текущее использование графического процессора в час и прогнозируемое превышение в соответствующем разделе панели управления учетной записью.

Если ваш сайт испытывает внезапный всплеск трафика - например, если ссылка размещена на главной странице Reddit - Grid Service будет разумно распределять больше ресурсов, чтобы справиться с этим всплеском. В отличие от большинства общих хостов, это означает, что сайт будет оставаться в сети. Использование вашего графического процессора может увеличиться за это время, но до тех пор, пока всплеск трафика не будет поддерживаться в течение целого месяца, ваше общее ежемесячное использование графического процессора, вероятно, не превысит квоту.

Вообще говоря, вам не нужно беспокоиться об этом - месячная квота 2000 графических процессоров (эквивалент 2.78 графических процессоров в день) рассчитана таким образом, чтобы 98% сайтов, размещенных на Grid, никогда не превышали ее.

7. Запуск и Акции

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

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

7.1 Соревнования

Используйте бесплатный бесплатный виджет от PunchTab.com, чтобы поощрять различные действия. Клиенты смогут получать заявки на участие в конкурсе для отправки своего адреса электронной почты, отправки твитов или добавления понравившейся страницы, представления друзей, становления фанатом Facebook или ответа на вопрос.

7.2 Социальные сети

Независимо от вашей моральной позиции в Facebook или личного мнения о Twitter, правда в том, что социальные сети играют большую роль в современном онлайн-маркетинге. У нас есть отдельное полное руководство, которое вы можете скачать или прочитать онлайн прямо сейчас - Ваше руководство по маркетингу в социальных сетях Ваше руководство по маркетингу в социальных сетяхПрямо сейчас, как люди, так и компании обращаются к социальным сетям. Конкуренция жесткая, и ни одна компания не может тратить время или деньги, делая это неправильно. Прочитайте больше . Используйте виджет соревнования PunchTab, упомянутый выше, чтобы собрать новых последователей Twitter и поклонников Facebook.

7.3 Список рассылки

Используйте свой существующий список клиентов, чтобы приглашать людей на сайт, и используйте месяцы, предшествующие запуску, для сбора адресов. Использовать Ultimate Proing Soon Pro плагин (29 долларов) и MailChimp список управления учетной записью (различные планы, начинается бесплатно), чтобы представить посетителям страницу подписки на новостную рассылку, при этом сохраняя возможность предварительного просмотра и работы на сайте при входе в систему в качестве пользователя-администратора. Если вы чувствуете себя щедрым, предложите подписчикам купон на скидку от их первого заказа (и еще один после их первого заказа, чтобы поощрить их вернуться).

7.4 Google Adwords

Google Adwords - это огромная тема, которая выходит за рамки этой книги, но Google позволяет легко «делать ставки» на конкретные поисковые запросы по ключевым словам, чтобы привлечь потенциальных клиентов. Хотя это и не важно, когда вы начинаете, вы, вероятно, захотите попробовать Рекламная кампания Adwords в какой-то момент.

Удачи!

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

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