Бренд стори: пошаговая инструкция по оформлению магазина

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

Что такое Бренд стори?

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

Статья в Центре помощи о возможностях Бренд стори >>

Как подключить Бренд стори

1. Найти Бренд стори можно в левом меню в Личном кабинете или по ссылке >>

2. Переходим к редактированию Бренд стори: первым делом загружаем свой логотип. Размер изображения 300*300 px.

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

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

5. Ниже можно добавить сертификаты и награды — для них предусмотрен отдельный раздел.

6. Если подключена Программа привилегий, то для товаров со скидками создаётся отдельный блок.

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

8. Переходим к самым важным элементам Бренд стори — баннерам. Всего их 4:

• самый верхний — шапка магазина, размер 1440x230 px
• два маленьких баннера, с размерами 706x300 px
• один горизонтальный во всю ширину, размер 1440x300 px

Создавать баннеры удобно с помощью встроенного графического редактора Canva.

Как создавать баннеры в редакторе Canva

1. Нажмите на кнопку Создать баннер.

2. Если вы ранее не пользовались редактором Canva, вам нужно будет зарегистрироваться. Если у вас уже есть профиль — авторизуйтесь в нём.

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

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

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

5. По этой же схеме создаются остальные баннеры. Можно передвигать их по странице или вовсе скрывать.

Установите ссылки на баннерах, где это необходимо. Обратите внимание, что нельзя размещать ссылки на сторонние ресурсы.

Когда страница полностью готова, ее необходимо сохранить. И важно нажать на кнопку «Сделать Главной магазина», иначе останется старая витрина.

Возможности графического редактора Canva

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

Что есть в редакторе?

1. Элементы. На этой вкладке вы можете искать фотографии или графические элементы.

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

2. Загрузки. Сюда вы можете добавить свои собственные картинки, иконки и другие изображения. Можно загружать файлы с устройства или воспользоваться комбинацией CTRL+V и вставить изображение из буфера обмена — оно добавится в раздел Загрузки.

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

Пример создания баннера в Canva

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

В верхней панели настроек можно:

— Повернуть изображение (отразить горизонтально, вертикально)

— Обрезать

— Отредактировать

Возможности редактора фотографий:

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

2. Далее переходим к добавлению текста. В примере был выбран и отредактирован готовый шаблон.

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

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

В результате за полчаса (не дизайнеру) получилось создать 4 баннера без использования дополнительных программных средств:

Желаем успехов в оформлении магазина! :)