Программа

0%

0/33 уроков

Создание сайта

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

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

  1. Авторизация на платформе

Первый шаг — авторизация в Яндекс KITᵝ. Вход в личный кабинет откроет доступ к полному функционалу платформы и позволит приступить к настройке вашего интернет-магазина.

Как это работает

Для входа используйте Яндекс ID — учётную запись, которая объединяет все сервисы Яндекса. Это удобно: если у вас уже есть аккаунт в Яндексе, дополнительных регистраций не потребуется.

Если у вас нет учётной записи, зарегистрируйтесь в Яндекс ID:

— Перейдите на страницу регистрации

— Введите номер телефона, укажите настоящие имя и фамилию

— Выберите логин и пароль

  1. Выбор шаблона дизайна для сайта

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

Яндекс KITᵝ предлагает набор готовых шаблонов, которые адаптированы под разные индустрии. Каждый шаблон разработан так, чтобы обеспечивать удобство навигации. Если вы не нашли свою индустрию, выберите шаблон, который больше всего подходит под ваш запрос, и адаптируйте его под особенности бизнеса.

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

В Редакторе сайта можно:

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

Как открыть редактор сайта

  • Войдите в личный кабинет
  • В меню слева нажмите «Редактор сайта»
  • Используйте шаблон или создайте свой дизайн
image
1/3

Как использовать шаблон

1. В разделе «Шаблоны дизайна» выберите шаблон из списка.

Название шаблонаДля каких магазинов подходит
Arcana и RivaelОдежда, обувь и аксессуары
FluxМебель и товары для дома
SparkТехника и инструменты
LumenТехника и электроника
OlivesaКосметика

2. Нажмите «Предпросмотр», чтобы посмотреть, как выглядит готовый сайт.

3. Нажмите «Использовать», чтобы применить шаблон.

Как создать дизайн

  1. В редакторе в разделе «Мой дизайн» нажмите «Редактировать».
image
1/3
  1. В левой части экрана перейдите на вкладку:

«Темы» — чтобы отредактировать визуальные настройки сайта

«Страницы» — чтобы настроить отображение товаров, добавить коллекции, категории и управлять страницами сайта

«Секции» — чтобы настроить контент на страницах

image
1/3
  1. Нажмите «Сохранить».
  2. Откройте главную страницу редактора и нажмите «Предпросмотр», чтобы посмотреть, как выглядит сайт.
  3. Заполнение информации о компании

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

image
1/3

Логотип

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

Чтобы загрузить логотип:

  1. Перейдите в «Настройки» → «О компании» → «Логотип».
  2. Нажмите «Выбрать файл» и загрузите изображение или перетащите его в область загрузки.
image
1/3

Требования к логотипу

  • Формат: JPG, PNG, SVG
  • Разрешение: минимум 250 × 250 пикселей
  • Размер: до 5 МБ

Рекомендуется использовать изображения с прозрачным фоном.

Загруженный логотип отобразится в области предпросмотра. Изменения сохранятся сразу после загрузки.

Иконка сайта (favicon)

Иконка сайта (favicon) — это небольшое изображение, которое помогает быстрее узнавать ваш магазин.

Она отображается:

  • В результатах выдачи Поиска, рядом с названием сайта — когда пользователь ищет ваш магазин или товары
  • В браузере, на вкладке с открытым сайтом — чтобы пользователь легко находил её среди других открытых страниц

Чтобы загрузить иконку:

  1. Перейдите в «Настройки» → «О компании» → «Иконка сайта (favicon)».
  2. Нажмите «Выбрать файл» и загрузите изображение или перетащите его в область загрузки.
image
1/3

Требования к иконке

  • Формат: ICO
  • Разрешение: минимум 32 × 32 пикселей
  • Размер: до 5 МБ

Рекомендуется использовать изображения с прозрачным фоном.

Загруженная иконка отобразится в области предпросмотра. Изменения сохранятся сразу после загрузки.

Блоки информации о компании

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

  • Телефон
  • Адрес
  • Почта
  • Режим работы
image
1/3

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

Укажите социальные сети интернет-магазина. Доступные площадки: Telegram, WhatsApp, Яндекс Ритм, VK, Дзен, Одноклассники, YouTube, TikTok.

image
1/3

Без ассортимента интернет-магазин существовать не может, поэтому следующий шаг — загрузка товаров.

Яндекс KITᵝ поддерживает разные способы добавления товаров:

— Вручную

— Из внешних источников

— Из файла Excel

Чтобы увидеть редактор в действии, посмотрите вебинар «Редактор сайта в Яндекс KITβ: как создать интернет-магазин» — там показываем, как устроен интерфейс, какие блоки доступны и как шаг за шагом собрать сайт для магазина без разработки.

2023-04-28T00:00:00.000Z
1/3

В следующих материалах рассмотрим каждый способ подробнее.

Информационные услуги оказываются ООО «Яндекс»
и не являются образовательными

Подпишитесь на новости

Наши соцсети

Пользовательское соглашение

© 2026 Яндекс