Как установить woocommerce на WordPress?

WooCommerce. Как установить шаблон

Содержание

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

Из этого туториала Вы узнаете, как установить шаблон WooCommerce с CherryFramework 3.

Установка плагина WooCommerce

    Перейдите на официальный сайт WooCommerce: http://wordpress.org/plugins/woocommerce/, для того чтобы скачать плагин WooCommerce.

Перейдите на вкладку Плагины (Plugins) > Добавить новый (Add New) в вашей админ панели WordPress.

Нажмите на кнопку Загрузить плагин (Upload Plugins section:
In Joomla, plugins are located under the Extensions > Plugin Manager(. ) » >Plugin ), для того чтобы загрузить файл плагина:

Найдите файл плагина на вашем компьютере и нажмите на кнопку Установить сейчас (Install Now).

Активируйте плагин после установки.

Установка шаблона

Установка шаблона включает два шага:

Установка CherryFramework — это первый шаг установки шаблона WooCommerce:

Войдите в админ панель WordPress (добавьте /wp-admin к ссылке на ваш сайт в адресной строке браузера).

Перейдите на вкладку Внешний вид > Темы (Appearance) и нажмите на кнопку Добавить новую (Add New):

Нажмите на кнопку Загрузить тему (Upload Theme) в открывшемся окне.

Найдите файл CherryFramework.zip в папке theme, которая находится в файлах вашего шаблона.

Нажмите на кнопку Установить сейчас (Install Now), для того чтобы установить загруженную тему:

Активируйте тему Cherry после того, как она будет загружена:

Тема CherryFramework успешно установлена. Следующий шаг — установка Дочерней темы. Следуйте аналогичным инструкциям:

Откройте вкладку Внешний вид (Appearance) > Темы (Themes) в вашей админ панели.

Нажмите на кнопку Добавить новую (Add New), для того чтобы загрузить дочернюю тему.

Нажмите на кнопку Загрузить тему (Upload Theme).

Нажмите на кнопку «Обзор…» и перейдите в разархивированные файлы шаблона.

Найдите архив theme######.zip (###### — это номер шаблона). Файл theme######.zip находится в папке theme.

Нажмите на кнопку Установить сейчас (Install Now) и подождите, пока установка шаблона закончится.

Нажмите на кнопку Активировать (Activate), когда файл шаблона загрузится.

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

Установка Демо-контента

Установив шаблон, перейдите к установке Демо-контента. Есть два способа установить Демо-контент. Используйте один из способов, описанных ниже.

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

Установка Демо-контента при помощи плагина Cherry:

Откройте папку theme/sample_data вашего шаблона. Выберите все файлы в этой папке.

Перейдите на вкладку Плагин Cherry (Cherry Plugins) > Импортировать содержимое (Import Content) в вашей админ панели WordPress.

Перетяните файлы из папки theme/sample_data в окно, которое Вы видите в админ панели:

Подождите пока файлы будут загружены.

Загрузив файлы, нажмите на кнопку Установить содержимое (Install Content), для того чтобы закончить установку Демо-контента.

Подождите пока Демо-контент установится и проверьте ваш сайт.

Установка Демо-контента вручную:

Откройте папку thememanual_install файлов вашего шаблона.

Загрузите папку uploads в папку wp-content вашего сайта WordPress. Вы можете загрузить файлы, используя FTP или Панель управления хостингом.

Откройте файл theme######. sql (###### — это номер шаблона) в любом редакторе кода на вашем компьютере (мы советуем использовать Notepad++ или Dreamweaver). Используйте функцию поиска (Горячие клавиши CTRL + F для Windows или Command + F для Mac), для того чтобы найти упоминания your_ website _url_here и заменить их на адрес вашего сайта (URL). Убедитесь, что в конце адреса на сайт нет косой черты (например, http ://yoursite.com).

Найдите инструмент PhpMyAdmin в вашей Панели управления хостингом. Откройте базу данных вашего сайта в PhpMyAdmin .

Нажмите на вкладку «Импортировать».

Найдите файл theme######. sql и нажмите на кнопку «Ок».

Подождите пока . sql будет загружен и проверьте ваш сайт.

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

Вы можете также ознакомиться с детальным видео-туториалом ниже:

www.templatemonster.com

Важно! Основы — Установка плагина WooCommerce на сайт

Администратор

Предполагается, что у вас уже есть сайт с установленной последней версией WordPress. Если у вас еще нет сайта, то советую для новичков следующие хостинги: Бегет, Хостенко, WebHost1, для более продвинутых Fozzy или Евробайт. Опытные пользователи разберутся сами

Перед установкой WooCommerce установите плагин Cyr to Lat enhanced для корректного отображения ссылок. Кроме того, этот плагин позволить избежать ошибок в будущем с плагинами которые не понимают кириллицу.

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

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

Еще по теме:   Как установить Wordpress на хостинг Reg.ru?

Установка WooCommerce из админки WordPress

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

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

Заходим в админку сайта. Плагины – Добавить новый. В строке поиска вводите WooCommerce и кликаете – Поиск плагинов и затем – Установить.

После того как плагин будет установлен на ваш сервер кликайте – Активировать плагин.

Далее WC предложит вам пройти небольшой, пошаговый туториал с настройками. Можно пропустить, но новичкам лучше им воспользоваться. Да и просто это удобно.

Сразу установите нужную вам локализацию (будет выбрана в зависимости от того на каком языке у вас установлена WP) и жмакайте по кнопке ВПЕРЕД!

Далее плагин сообщит вам о создании четырех новых страниц необходимых для работы. Оставляем все как есть и идем далее.

Местные установки для вашего магазина. Выберите страну и нужную валюту, а так же отображение вида валюты. Разделители обычно сразу убирают, но если они вам нужны, тогда оставьте как есть.

Настройка доставки и налогов. Все это лучше настроить потом. Посему просто проходим дальше.

Настройки оплаты. Можете сразу включить наложенный платеж (наличными), что бы у вас был хоть один способ оплаты. Потом можно все перенастроить.

Вот в общем и все. Кликайте на «Создать свой первый товар» и переходите в админку.

В вашей админке появилось два новых больших меню — WOOCOMMERCE и ТОВАРЫ.

Рекомендую сразу после установки WC пройти в «Настройки — Постоянные ссылки» и привести их к виду как описано в этом топике и потом уже не трогать лишний раз.

wpcommerce.ru

Пошаговая инструкция по установке и настройке плагина WooCommerce

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

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

Какие еще дает возможности настройка плагина WooCommerce?

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

Разработчики активно занимаются совершенствованием платформы, добавляя новые полезные функции (в том числе платные). Хотя все обновления происходят автоматически, на всякий случай стоит делать копию всех файлов сайта.

Рассмотрим пошагово, как новичку в онлайн-торговле установить и настроить плагин.

Инструкция по установке и настройке плагина WooCommerce:

Самый простой способ – это довериться системе и сделать все в автоматическом режиме.

Шаг 1. Установка WordPress на сайт

Если у вас еще нет, то установите платформу WordPress на ваш сайт. Не знаете с чего начать, читайте статью “Wordpress установка за 10 минут!”.

Важно сразу проверить выдержат ли настройки хостинга. В первую очередь, соответствует ли нагрузка вашим потребностям. Если вы планируете ассортимент из тысячи товаров и ваш интернет-магазин будут ежедневно посещать тысячи потенциальных покупателей, то вам нужен хостинг у компаний с мощными серверами, типа ru.godaddy.com и siteground.com. Они подходят как для маленького старта всего с сотней товаров и невысокой посещаемостью (необходимо всего 64-256 Мб памяти на серверном пространстве), так и для крупных торговых площадок. Чтобы не менять хостинг по мере роста вашего бизнеса, выбирайте сразу тот хостинг-провайдер, который будет удовлетворять ваши потребности и в будущем.

Шаг 2. Установка WooCommerce

Откройте Панель управления в ВордПрессе и кликните «Добавить новый плагин». Найдите WooCommerce, установите и активируйте его.

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

На заметку

Для отслеживания статистики по интернет-магазину рекомендуем сразу добавить плагин WooCommerce Google Analytics Integration. Он бесплатный! Просто установите и активируйте…..И вот, поздравляем, вы только что добавили полезный инструмент, за который агентства берут $$$$.

Шаг 3. Создание структуры сайта

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

Чтобы начать, перейдите в Панели управления по ссылке на WooCommerce (Настройки > Продукты). Это поможет разделить продукты по категориям в магазине и в блоге, прописать дополнительные признаки классификации. Например,

Шаг 4. Выбор темы WordPress

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

У WooThemes разработан ряд премиум-шаблонов (платных), которые идеально синхронизируется с платформой. Варианты смотрите здесь .

Также можно использовать бесплатный вариант Twenty-Twelve от ВордПресс или поискать другие темы, который вам больше понравятся, например, на сайте Themeforest.com .

Шаг 5. Быстрая настройка WooCommerce: общие настройки

Сразу после установки вам необходимо внести несколько основных изменений в Панели управления в настройках плагина.

  • Местоположение. Установите в качестве основного местоположение вашей страны, а также отметьте страны, в которых вы планируете продавать свои товары.
  • Валюта. Выберите денежные единицы, в которых вы будете выставлять цены, а также их обозначение и сокращение.
Еще по теме:   Какие плагины есть в Wordpress?

На заметку

Для улучшения русификации платформы (выбор валюты, управление страницами и т.д.) можно дополнительно установить русский плагин Saphali WooCommerce.

  • Товары. Вывод товаров. Если настраивали плагин автоматически, то оставьте здесь все без изменений.
  • Информация о продукте. Проверьте системы измерений веса и размера.
  • Размеры изображений товаров. Посмотрите, как будут отображаться изображения вашей продукции в общем каталоге и в миниатюрах. Уточните размеры картинок и их пропорции.
  • Оплата. Определитесь с вариантами приема платежей — наличные или через систему PayPal. Загрузите и активируйте плагины нужных платежных систем.

На заметку

Для установки российских платежных систем воспользуйтесь плагинами Robokassa, WebMoney, Яндекс Деньги, QIWI. Но не переборщите, каждый плагин увеличивает нагрузку на сервер и влияет на скорость работы сайта.

  • Доставка. Настройте методы доставки, которые будут доступны для ваших покупателей.
  • Электронная почта. Проверьте настройки для отправки уведомлений при формировании заказов.

Шаг 6. Настройка каталога товаров WooCommerce

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

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

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

Вот несколько основных моментов, на которые стоит обратить внимание:

  • Товарные категории. Они нужны скорее для собственного понимания, а также они будут полезны и для покупателей.
  • Тэги продуктов. Здесь можно добавить дополнительную классификацию ассортимента, например, по цветам, что делает интерфейс проще для покупателей.
  • Галерея. Это миниатюры картинок с продукцией в разных ракурсах, которые видит покупатель на странице.
  • Изображение. Установите основную картинку для каждой единицы.

Товары в WooCommerce поддерживаются четырех видов:

  • Обычный товар. Это простой продукт с возможностью доставки. Изделия, типа платьев, игрушек и т.д. считается загружаемыми. Те, у которых не определен вес, размер или их нет на складе – виртуальными.
  • Сгруппированный товар. Это собранные коллекции схожих или дополняющих друг друга продуктов. Например, если вы продаете комплект садовой мебели, его можно приобрести полностью как стол и 6 стульев или по частям, как обычные товары.
  • Внешний товар. Это те образцы, которые вы продаете по программам партнерского маркетинга.
  • Вариативный товар. Считается, если он представлен в разных формах, размерах, цветах и т.д.

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

В заключение…

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

Создавая магазин на ВордПресс, вам не придется особо разбираться в технических подробностях, как устроен весь процесс работы. Однако если вам кажется, что вы не справитесь с установкой или вы хотите посмотреть функционал других платформ для онлайн-торговли, то рекомендуем обратить внимание на Shopify или BigCommerce. Подробнее об их свойствах читайте в обзоре “10 лучших в мире платформ для интернет-магазина” .

С какими нюансами в настройке плагина WooCommerce вы еще сталкивались? Что на ваш взгляд практичнее и удобнее: создание собственного сайта электронной коммерции или использование сторонних платных сервисов? Делитесь своим мнением в комментариях.

profitsonline.ru

WooCommerce WordPress — Как создать магазин

Хотите открыть собственный интернет-магазин? Мы решили сделать полное руководство по созданию магазина с помощью WooCommerce WordPress.

С чего начать интернет-магазин на WordPress?

Для открытия интернет-магазина вам необходимо:

Выбрать домен и хостинг

Домен — это адрес вашего будущего интернет-магазина.

А хостинг — это место на сервере, где располагается ваш сайт.

Советы по выбору домена и хостинга вы можете прочитать в нашей статье « Как сделать сайт на WordPress » .

Установить WordPress

Посмотрите наше видео « Как установить WordPress » .

После того, как вы установили WordPress, его нужно правильно настроить.

На сайте есть отдельная статья « Как настроить WordPress» .

Подключить SSL сертификат

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

UPD: А с 1 июля 2018 наличие HTTPS в адресе сайта обязательно. Иначе ваш сайт будет помечаться как ОПАСНЫЙ

Если у сайта нет SSL сертификата (т.е. адрес сайта начинается с http://), Google также понижает его в выдаче.

Установить WooCommerce

Существуют 2 популярные платформы eCommerce:

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

Shopify делает все за вас.

Но у платформы есть значительные минусы:

  • высокая стоимость
  • невозможность переноса сайта с этой платформы.

Вот, почему мы советуем использовать WooCommerce.

Как установить WooCommerce WordPress

Как и все плагины WordPress, его сначала нужно установить.

Вы также можете посмотреть видео:)

А вот первый способ. Самый простой.

Перейдите в панели администратора в Плагины — Добавить новый.

Просто нажмите «Установить», а потом — «Активировать».

На экране появится новое окно запуска настройки WooCommerce.

Интернет-магазин — это особый вид сайта. И ему нужны определенные страницы для правильной работы.

Первый шаг мастера WooCommerce заключается в создании этих страниц: (они будут доступны в панели администратора WooCommerce — Настройки)

«Основные» — все о вашем магазине (адрес, налоги, валюта и пр.)

«Товары» — это страница, где будут отображаться ваши товары.

«Доставка» — способы доставки.

«Платежи» — здесь все про способы оплаты.

«Аккаунты» — это страница профиля для зарегистрированных клиентов. Они смогут просматривать свои прошлые заказы и управлять другими настройками.

Все, что вам нужно сделать на этом этапе мастера WooCommerce, нажать кнопку «Продолжить».

WooCommerce создаст эти страницы для вас.

Теперь перейдем к мастеру WooCommerce.

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

Здесь вы должны настроить местоположение магазина, вид валюты.

Способы оплаты (рекомендуется PayPal)

WooCommerce WordPress предлагает несколько готовых вариантов оплаты:

Для оплаты покупок с помощью банковских карт вам необходимо связаться с банком для получения дальнейших инструкций.

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

После всех настроек нажмите «Продолжить».

Способы доставки

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

В следующем пункте вам предложат установить плагин JetPack и получить дополнительный функционал:

Вы можете пропустить этот шаг.

Далее на экране появится окно подтверждения — настройка WooCommerce завершена.

Как добавить продукты

Чтобы добавить первый товар в ваш магазин, перейдите в панель администратора WooCommerce — Товары — Добавить новый.

Перед вами появится классический экран редактирования WordPress.

1. Наименование товара

2. Основное описание продукта

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

В принципе, все, что вы сочтете нужным.

3. Главный раздел данных продукта

Здесь вы можете установить тип продукта, который добавляете. Можно ли его скачать, виртуальный ли это продукт (услуги также считаются виртуальными).

В раздела есть дополнительные вкладки для различных параметров продукта:

  • Основные. Здесь вы можете установить цены (базовая и цена распродажи).
  • Запасы. WooCommerce позволяет задавать артикул, указывать наличие и управлять запасами.
  • Доставка. Указание веса, размеров и стоимость доставки.
  • Сопутствующие товары. Апсейл — товар, который вы можете порекомендовать покупателю. Кроссел — товар, который вы рекламируете уже в корзине, основываясь на добавленном.
  • Атрибуты. Здесь можно задать атрибуты товара. Например, если вы продаете рубашки, здесь можно установить альтернативные цвета.
  • Дополнительно. Дополнительные настройки: примечание к покупке (будет отправлено покупателю после завершения покупки), меню заказа (можно упорядочить позиции в заказе), отзывы.

4. Краткое описание

Это текст, который отображается на странице товара под названием.

5. Категории товара

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

6. Метки товара

Дополнительный способ помочь вам организовать базу товаров. Работает так же, как и стандартные метки WordPress.

7. Изображение товара

Основная фотография вашего товара.

8. Галерея продуктов

Дополнительные фото товара, чтобы продемонстрировать какие-либо детали.

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

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

И ваш первый товар будет добавлен на сайт.

После добавления в базу товаров раздел «Все товары» в панели администратора должен выглядеть примерно так:

Выбор темы для интернет-магазина

По умолчанию WooCommerce работает с любой темой WordPress.

Тема предлагает готовое решения для вашего магазина: цветовое оформление, количество колонок с товарами, сайдбар, меню и прочее.

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

Их можно найти на биржах тем:

Вот несколько советов по выбору темы для магазина WooCommerce WordPress:

Простой дизайн

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

Если любое из действий вызовет вопросы, вряд ли он что-то купит.

Центральный блок главной страницы

Он должен привлекать внимание посетителей сразу же, как тот попадает на сайт.

Для этого вы можете использовать слайдер с фото ваших товаров или, например, видео.

Наличие сайдбара

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

Адаптивный дизайн

Ваш сайт должен работать на мобильных устройствах так же хорошо, как и на ПК.

Если это не так, вы потеряете клиента.

Хорошая навигация

Сделайте удобную навигацию по разделам магазина. Так покупатель без труда найдет интересующий товар.

Еще вам может быть полезна статья «Как выбрать тему WordPress».

Как расширить функционал магазина WooCommerce WordPress

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

Плагины – это приложения, которые расширяют функционал.

На сайте вы найдете полезные статьи:

Надеюсь, вам понравилась статья и теперь вы сами сможете создать магазин, используя WooCommerce WordPress.

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

azbuka-wp.ru

Поделиться:
Нет комментариев

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

Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.

×
Рекомендуем посмотреть
Adblock
detector