Мэйк Грейт Шоп: курс + просто инструкции

Ключевое содержание из видео:
• Курс для тех, кто хочет запустить интернет-магазин.
• Если вы хотите сделать интернет-магазин не для своего бизнеса, а в учебных целях, то рекомендуем сделать его на продажу. То есть возьмите какую-то тему: одежда, еда, настольные игры, украшения, сделать по этой теме магазин, а затем продать его. Продать его можно на сайтах типа Авито и Юла, в тематических группах в соц.сетях, а также предложив напрямую обычным магазинам (написав, позвонив).
• Делаем полностью законченный магазин (в видео есть демонстрация).
• Интернет-магазин можно сделать за несколько часов.

Ключевое содержание из видео:
• Стратегия: быстро запустить интернет-магазин, а затем его постоянно развивать. Такая стратегия даёт большую эффективность, чем откладывание запуска магазина в стремлении с самого начала сделать как можно больше функций.
• Нужно собрать информацию о товарах: тексты, фотографии, цены.
• Собираем базовую информацию о компании: название, логотип, телефон, время работы и тп. Собираем фотографии компании: торговое помещение, офис, склад, процесс доставки, фотографии с мероприятий.
• Проектируем структуру проекта: только один раздел, в котором содержатся все товары или делим товары на разделы? Будут ли вложенные разделы? Достаточно ли для старта страниц: О магазине, Оплата и доставка, Контакты?

Ключевое содержание из видео:
• Регистрируемся на конструкторе интернет-магазинов Базиум. Рекомендуем создать проект с чистого листа, то есть не использовать шаблон. Скорость это не снизит, а большее понимание механики создания даст.
• Сбоку меню. Меню "Сайт": там создаются страницы и регулируется, как видит интернет-магазин посетитель. Меню "Магазин": там вносятся товары, создаются разделы, происходит управление скидочными акциями. Меню "CRM": туда поступают заказы.

Ключевое содержание из видео:
• Разделы — это виртуальные полки, на которые мы помещаем товары.
• Перейдите в меню: Магазин → Разделы → Добавить раздел.
• Сначала создайте верхний раздел. Например, "Каталог товаров", "Настольные игры", "Одежда".
• Далее добавьте остальные разделы, сделав их вложенными.
• Посмотрите, как разделы выглядят на сайте. Для этого в списке разделов рядом с названием главного раздела выберите меню-гамбургер, а там "Смотреть".
• Настройка дизайна разделов: есть иконка + ссылка в меню "Общие настройки дизайна" → "Списки товаров и разделов".
Сортировка разделов происходит по значению "Номер сортировки".

Ключевое содержание из видео
• Теперь вносим товары в интернет-магазин, указывая для каждого товара раздел.
• Добавление товаров: Магазин → Товары → Добавить.
• Указываете для каждого товара раздел или несколько.
• Загружайте изображения. Их можно перетаскивать. К каждому изображению можно добавить сопутствующее видео с Youtube или Vimeo.
• Попробуйте заполнить хотя бы 1 таб, чтобы посмотреть, как они выглядят.
• После сохранения нажмите на глаз 👁️, чтобы посмотреть, как выглядит карточка товара.
• Если у товара есть варианты (размер, цвет и тп), то они указываются во вкладке "Цены". там нужно добавить столбец, нажав + рядом со столбиком "Кол-во". Столбик назовите в соответствии с названии варианта (цвет, размер, ...). А потом можно добавлять строки. Каждая строка — вариант.
• Перейдите к просмотру, нажмите или иконку настройки дизайна, или выберите в меню Общие настройки дизайна → —Карточка товара. Здесь можно настроить дизайн карточки товара.
• В списке товаров в админке есть возможность настроить состав столбиков таблицы с товарами. "Настройка таблицы". Настройте такое отображение, которое нужно вам.
• В массовых действиях можно назначить или убрать разделы для товаров.
• В доп.товарах можно указать товары для блоков "Смотрите также". Один блок показывается под основным товаром, а второй после добавления в корзину.

Ключевое содержание из видео:
• Редактируем главную страницу. Сайт → Выбрать в списке страниц главную. Или Сайт → Вверху иконка домика ⌂.
• У страницы есть 3 зоны: шапка, контент страницы, подвал. Шапку и подвал можно выключить. Если шапку или подвал отредактировать на одной странице, то они обновятся везде.
Страница строится из блоков.
• Нужно добавить в зону шапки и в зону подвала подходящие блоки. После добавления их нужно настроить, внеся вашу информацию, а также изменив дизайн под себя.
• Сделайте ссылки на разделы продукции. Ссылки можно скопировать в админке. Ссылка не указывается целиком, а начиная со /. Правильная ссылка: /products. Неправильная ссылка: https://sitename.com/products.

Ключевое содержание из видео:
• Главная страница интернет-магазина — это транзитная страница, на которую покупатель заходит чтобы найти нужные товары.
• Для понимания того, что размещают на главной странице, посмотрите на крупные интернет-магазины: www.ozon.ru, www.asos.com/ru/ и тд.
• Добавление товаров на главную страницу: Главная страница → Редактирование → Добавить блок → Блоки в категории "Товары и магазин"
• Для вставки товаров используйте блоки Prod01, Prod02 (рекомендуем), Prod03, Prod04, Prod05 (рекомендуем).
• Для вставки разделов: Prodlist01: Разделы продукции.
• В данных блоках вы выбираете товары и разделы, ранее добавленные в модуль "Магазин".
• При наведении на блок есть пункт "Дизайн", которые определяет то, как выглядит блок.

Ключевое содержание из видео:
• 3 способа отразить скидки на главной странице: добавить товар со скидкой, добавить панель с акцией, добавить карточки, которые содержат в себе информацию об акциях.
• Добавить товар со скидкой: открываем карточку товара → В разделе "Цена" прописываем старую цену и новую цену с учетом скидки → добавляем товар на главную страницу.
• Добавить панель с акцией: Нажимаем иконку "Редактирование" → Добавить блок → В категории "Кнопки и ссылки" и добавляем блок "Bt08: Панель для анонса, фиксируемая на экране". Если данный блок добавить в подвал, то панель будет на всех страницах.
• Добавить карточки с акцией: добавляем блок на главную страницу → В категории "Карточки" находим тот блок, который понравится, например, блок "Cr02a. Карточки с обводкой и изображениями" → Вносим в блок текущие акции.

Ключевое содержание из видео:
• Главная страница может содержать первый экран, который создает атмосферу и передает основную идею того, чем вы занимаетесь. Первый экран можно сделать с помощью обложки или с помощью гибкого блока.
• Обложки — это блоки, занимающие 100% экрана на любых устройствах. Добавляем новый блок на главную страницу → Обложки → Выбираем понравившуюся. В настройках дизайна меняем фон обложки, цвета кнопок и т.д.. Меняем текст. В дополнение к фоновому изображению можно загрузить фоновое видео. Видео будет отображаться при посещении сайта с компьютера, а изображение на с мобильных устройствах.
• Гибкий блок — это блок, который позволяет расставлять все элементы произвольно. Как добавить гибкий блок: добавляем новый блок на страницу → выбираем "Гибкий блок" в верху списка → нажимаем "Редактировать" → добавляем в него все необходимые элементы. Гибкий блок настраивается для каждого разрешения индивидуально.
• В гибком блоке можно настроить анимацию элементов. Выберите элемент → нажмите "Настройки" → найдите пункт "Эффекты" → Настройте нужный (движение, вращение, параллакс). Параллакс — это неравномерное движение элементов относительно друг друга при прокрутке страницы или движении курсора.

Ключевое содержание из видео:
• Создадим 3 страницы для нашего интернет-магазина: "О магазине", "Доставка и оплата", "Контакты". Страницы создаются в разделе "Сайт" → Новая страница → Начать с чистого листа → Указываем название страницы → Создать.
• Адрес страницы генерируется автоматически, мы можем переименовать его в настройках. Для этого нажимаем кнопку "Настройки" → Адрес страницы. Сохраняем. После сохранения страница перезагружается и у нее появляется новый адрес.
• Страницы создаются из блоков.
• На странице "Контакты" можно добавить карту с вашим адресом для лучшей визуализации. Как это сделать: заходим на сайт Конструктор карт Яндекса → Находим наш адрес → Даем название карте → Нажимаем "Сохранить и продолжить" → жмем "Получить код для карты" и копируем код → Возвращаемся на Базиум → Добавляем новый блок и в разделе "Разное" выбираем "Вставка HTML кода" → Добавляем код в блок → Находим в коде width=500 и меняем его на width=100%. → Сохраняем.
• Добавим в шапке и подвале ссылки на созданные страницы. Идем в редактирование шапки, копируем адреса наших страниц и вставляем в соответствующие поля. Проделываем то же самое с подвалом.

Ключевое содержание из видео:
• Настройка способов оплаты: Настройки → Интернет магазин → Платежи.
• Настройка способов доставки: Настройки → Интернет магазин → Доставка. Для разных способов доставки вы можете выбрать разные способы платежей.

Ключевое содержание из видео:
• Немного SEO: поменяем Title для наших страниц. Для этого зайдем в редактирование каждой страницы → Настройки страницы → SEO → Title страницы → Прописываем новый title, описывая содержание страницы. Пример тайтла для главной: Интернет-магазин настольных игр ZOG: ходилки, логические игры, настолки для всей семьи.
• Теперь нужно прописать автоматические title для товаров. Заходим в настройки → Сайт → SEO и продвижение → И находим строку "Автозаполнение Title для товаров". Под строкой прописаны все варианты того из каких компонентов может состоять Title. Пример формирования тайтла: название товара + цена + раздел товара.
• Уведомления о заказах приходят на email, на который зарегистрирован аккаунт на Базиуме. Если нужно получать на другую почту, заходим в Настройки → Внутренние CRM+интеграции → Уведомления на email → Указываем дополнительные адреса.
• Если мы хотим настроить уведомление в телеграм, нам нужно зайти в Настройки → Внутренние CRM+интеграции → Уведомления в телеграм → зайти в чат Базиум Бот и добавить туда строку, которая указана в настройках.
• Фавикон — это маленький значок вебсайта, который отображается браузером на вкладке перед названием страницы. Поменять можно в Страницы → Общие настройки дизайна → Другое → Favicon.
• Дизайн корзины: Общие настройки дизайна → Корзина.

Ключевое содержание из видео:
• Покупаем домен. Например, в компании Reg.ru или в любой другой компании-регистраторе. Если покупаете в компании Ру-центр, то дополнительно нужно купить услугу управления записями домена.
• В настройках регистратора указываем A-записи для поддомена @ и поддомена www, значение: 136.243.56.24 (в видео есть демонстрация)
• Указываем домен в Базиуме. Для этого переходим в Настройки → Сайт → Домены → Указываем свой домен.
• Примерно в течение суток происходит тестирование, и если вы все сделали правильно, то домен заработает.
• После того как это произойдет, в настройках домена на Базиуме вам нужно будет поставить галочку напротив пункта "Включить HTTPS". Это шифрованная передача данных от посетителя на ваш сайт и обратно. Когда включится HTTPS (это занимает около 24 часов), рядом с адресной строкой вашего сайта появится знак замка. Это значит, что соединение защищено.

Ключевое содержание из видео:
• Проверьте все ссылки в шапке и в подвале, чтобы не было битых ссылок.
• Если в шапке есть значок "избранное", то необходимо убедиться, что в карточках товара включена опция добавления в избранное. Для этого идем в Общие настройки дизайна → Карточка товара → Включаем опцию "Добавление в избранное". Также еще раз заходим в Общие настройки дизайна → Списки товаров и разделов → Основные настройки → Включаем "Добавление в избранное". В качестве последнего шага проверяем что во всех блоках с товарами в нашем интернет-магазине включена опция "Добавление в избранное".
• Проверьте процедуру заказа. Добавляем несколько товаров в корзину → жмем кнопку "Оформить заказ" → Проверяем работает ли управление количеством товара → Заполняем форму заказа и жмем "Оформить заказ" → Заходим в раздел CRM (в левом вертикальном меню) → Убеждаемся, что всё работает. Также проверяем заказ во вкладке "Заказы в интернет-магазине".
• Попросите знакомых посмотреть интернет-магазин, чтобы дополнительные тестировщики всё проверили.

Ключевое содержание из видео:
• Настройка промо-акций: Система управления → Магазин → Скидочные акции → Добавить кампанию.
— 5 различных видов кампаний: Промо-коды, секретная фраза, сумма заказа от..., количество, раздел.
• Промо-коды: один промо-код можно использовать 1 раз. Скидка в рублях/гривнах/долларах, процентах. Ограничение минимальную сумму заказа для применения скидки.
• Секретная фраза: секретную фразу можно использовать многократно. Например, вы можете дать рекламу у блогера с предложением скидки по секретной фразе. Клиентам скидка, а вам оценка эффективности.
• Акция "сумма заказов от...": акция распространяется на сумму заказа, т.е. если человек делает заказ свыше какой-то определенной суммы, он получает скидку.
• Скидки в зависимости от количества товара одного наименования. Например, купи 5 штук и получи скидку 10%.
• Скидки, которые распространяются на разделы товаров: если товар находится в одном из разделов, который мы указали в акции, на него будет действовать скидка.
• Убедитесь, что в корзине есть поле для ввода промо-кодов. Если нет, то это настраивается в Общих настройках дизайна → Корзина.

Ключевое содержание из видео:
• Ура! Мы создали свой интернет-магазин, и теперь пора официально запустить его!
• Если вы делали магазин для продажи товаров, то нужно анонсировать запуск интернет-магазина в социальных сетях. Дайте скидку вашим первым клиентам. Спросите у друзей и знакомых, как им ваш новый интернет-магазин.
• Начинайте развивать интернет-магазин. Добавьте в него блог, сделайте дополнительные страницы, улучшайте визуал, расширяйте ассортимент товаров.
• Если вы делали магазин в учебных целях, то расскажите в социальных сетях, что вы теперь умеете делать интернет-магазины. Покажите друзьям свой результат. Вы также можете разместить свой магазин на продажу, например, на Авито или других досках объявлений. • Поздравляем! Вы великолепны! 🤘