Лучший хостинг для Wordpress электронной коммерции учебника

Главная »Ресурсы для электронной коммерции» Как создать Фантастическая Интернет-магазин с WooCommerce, Дива и Bluehost (март 2017 г.)

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

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

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

Получите ваш домен и хостинг в первую очередь

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

Что действительно здорово, что Bluehost предлагает план интеграции WordPress + WooCommerce, что дает вам все необходимое, чтобы начать продавать в Интернете.

Как начать?

Имейте в виду, что эта услуга начинается с $ 11,95 в месяц, и это очень похоже на то, как вы могли бы установить обычный сайт WordPress учетной записи хостинга Bluehost.

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

• Positive SSL Ecommerce безопасности
• Выделенная линия поддержки
• По крайней мере, 100 Гб веб-пространства
• Unmetered пропускной способности
• 100 учетных записей электронной почты
• Бесплатные домены
• Выделенный IP

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

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

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

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

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

Создание Вашего Интернет-магазин с диви

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

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

Нажмите на кнопку Add New.

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

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

Что является удивительным является то, что первоначальный Bluehost регистрацию уже установлена ​​WooCommerce на свой веб-сайт WordPress, так что вам не придется беспокоиться об установке или его настройке. Он уже должен быть доступен в панели управления.

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

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

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

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

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

Нажмите кнопку Full Width заголовка.

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

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

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

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

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

Вы можете изменить, как вы хотите, чтобы отобразить вашу продукцию. Таким образом, вы можете показать свои последние продукты, наряду с 12 элементов на странице, несколько колонок, и как вы хотите их заказать. Нажмите на кнопку Сохранить.

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

Если у вас есть какие-либо вопросы о настройке темы Дива WordPress. пожалуйста, сообщите нам об этом в комментариях ниже.

Дива Рейтинг: 5 - Обзор Каталин Zorzini

23 ответов

Привет, я сделал все выше, за исключением того, у меня есть пользовательские страницы, используя пустой шаблон страницы с DiVi на протяжении всего моего сайта. Магазин, корзина, фотографии могут быть построена с использованием шорткодов и страница строителя ... Однако, продукты с помощью WooCommerce не может ... или не столько, сколько я могу найти. Я новичок на все это, но, безусловно, должен быть способом сделать продукты страница выглядит так же, как остальная часть сайта. Я не хочу, чтобы быть Дива заголовок и все, что показ. есть какие-нибудь идеи? Это выглядит непрофессионально в данный момент.
благодаря

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

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

открыть Wp администратора. > Панель> все страницы>

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

Пример: Eidt и сделать собственную страницу корзины

Важно сделать это немного, чтобы сделать вещи легко, прежде чем использовать ET страница Страница построитель все, что вы увидите это WooCommerce короткий код

Корзина страница = [woocommerce_cart]

скопировать короткий код в новый блокнот, текст колодку, или с предложением этого типа мало описанием, если вы хотите

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

Я хочу использовать ET страницу строитель нового красивого дизайна (да пожалуйста)

сначала удалить (вырезать сохраняет его готов вставить) WooCommerce короткий код [woocommerce_cart], так что теперь у вас есть пустая страница, обновление снова меняется

Теперь вы можете приступить к редактированию страницы с помощью страницы строитель ET, начните с добавления текстового модуля где-то вставить WooCommerce шорткод [woocommerce_cart] для быстрого обновления тестирования и предварительный просмотр изменений

полоскание и repat для других страниц

Не забудьте вы можете переключить боковую панель включения / выключения или редактирование виджетов

счастливые дни и бесконечные красивые конструкции, yipee!

вставить их в блокнот / текст док готовы подрезать п пасты

Привет Craig вы можете отобразить категорию продуктов с помощью модуля Дива Shop. В общей постановке модуля в опции Тип раскрывающегося списка выберите Категория продукта. Теперь вы должны уже иметь некоторые детали для каждой категории продукта, созданного в вашем Woo коммерции, с этим сделать, вы увидите опцию Включить категорию; идти вперед выберите категорию, которую вы хотите отобразить. Я надеюсь, что это поможет вам. Помните, есть пункты в каждой категории ваших продуктов, прежде чем активировать эту опцию

Спасибо за подробно «luashoro». У меня есть две категории с продуктами в обоих и "Категория продукта все еще не показывает для меня. Любые подсказки, пожалуйста?

На самом деле вы не можете.

Я выбрал, чтобы показать свои "признаки предметов. но ничего не показывает. Как выбрать то, что продукция «признаки»?

хорошо это полностью помогло, но магазин модуль еще имеет боковую панель. нет шорткода в этом модуле?

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

Я пытаюсь добавить шорткод там в модуле кода [product_categories родительском =»0"] для отображения категорий продуктов, но не отображает ничего на проверке есть только пустой DIV, показывающий с классом =»колонке WooCommerce -4" поэтому, пожалуйста, помогите мне относительно этого, если кто-то знает, что это проблема

Любые рекомендации по использованию таблиц и цены DiVi и WooCommerce. Вместо того, чтобы магазин это упакованный консалтинг водить предлагая, что клиенты покупают?

Я хотел бы некоторые рекомендации, как это первый раз, используя DiVi и WooCommerce вместе.

Мои требования;
Я хотел бы знать, какой вариант или направление идти в регистрации клиента для сайта, который будет использоваться для маркетинговых коммуникаций и приобрести продукцию в Интернете.
- Клиенты должны иметь возможность зарегистрировать, даже если они ничего не покупку
- Как я добьюсь наибольшей гибкости в получении этих деталей LEKE их экспорт и имеющая запись электронных таблиц для отслеживания и манипуляции, как рассылка массовых писем или SMS-сообщений и т.д., как был бы раз, когда мне нужно для резервного копирования информации где-то только в том случае, и необходимость затем использовать ту же базу данных (MySQL) для всего пользователей в другой части сайта, или сказать, в магазине, как это для аптеки и мы можем истории установки пациентов с артериальным давлением, глюкозы чтения и многие другие например, а затем возможно добавление пользовательских страниц, на которых будет использоваться их информация о профиле.
Данные также необходимо, чтобы затем импортировать / добавить клиентов в нашу местную программу аптеки в нашем физическом магазине обрабатывать по рецепту лекарства, адреса доставки и информацию, самое главное медицинской помощи, так как это не является стандартной формой поля или элемента структуры и т.д., чтобы быть в соответствии заложить и так это будет означать, CSV / другие экспорта файлов из онлайновой базы данных членства в затем импортировать в базу данных SQL на нашем в магазине сервере.
- В идеале мне нужно, чтобы иметь возможность перемещать данные удобно или более плавно и, таким образом, мне нужно, чтобы удовлетворить это правильно на сайте, прежде всего с помощью какой-либо регистрации или форму для регистрации. Могу ли я настроить отдельную базу данных для пользователей, которые будут его собственные, независимые базы данных, которая не находится в пределах WordPress / таблицы Дива / WooCommerce или баз данных, которые создаются по умолчанию?
- Еще один элемент безопасности для онлайн-платежей, как это исполнено через саму тему или WooCommerce или WordPress бэкэнда или, возможно, все 3?
Спасибо и надеюсь услышать от вас скоро.

Привет, мне было интересно, как добавить родственные продукты в каждой странице продукта с WooCommerce и Дива. Заранее спасибо!

Статьи по Теме

Полная WordPress 000webhost Guide (2017) WordPress определенно не требует какого-либо формального введения, так как это самый популярный блог-платформы, которая быстро сделал место своего собственного ...

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

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

22 апреля 2014 16 минут чтения я люблю WordPress. Я использую его для почти всех сайтов я строю, я пишу плагины для него. Я бег этого сайта на нем. Он с удивительной системой управления контентом и блог ...

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