Кастомизация главной страницы вашего интернет-магазина


<b>Кастомизация главной страницы</b> вашего интернет-магазина

Описание курса
Транскрипция

Из этого видео вы узнаете:

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

Привет, я Саманта. Я владелец малого бизнеса и работаю здесь, в Shopify.

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

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

Давайте начнем с верхней части секций и будем двигаться вниз. Первая секция – это заголовок. Нажмите «Заголовок». Начнем с загрузки нашего логотипа. Важно предоставить Alt-текст для ваших изображений на вашем веб-сайте, чтобы слабовидящие пользователи могли понять, что содержат изображения. Это также позволяет Google понимать содержимое изображений, что необходимо для поисковой оптимизации.

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

Далее идет «Тип поиска». Я не собираюсь это менять.

Далее идет опция «Меню». Я уже настроила свое главное меню с наиболее важными ссылками для моего магазина, так что я довольна этим. Если вы еще не настроили свое меню, вы можете нажать «Редактировать меню», чтобы вернуться в свой кабинет администрирования Shopify и создать новое меню.

«Дополнительное сайдбар-меню» – это дополнительные ссылки, которые будут показаны в мобильной навигации. Рекомендуется добавить сюда меню из футера, чтобы вашим клиентам, когда они просматривают сайт с телефона, не приходилось прокручивать страницу вниз к футеру.

Банер анонсов – это баннер, который отображается в верхней части моего экрана. Вы можете полностью убрать его или использовать для показа сообщений своим клиентами. Я хотела бы предложить 10-процентную скидку для новых клиентов, поэтому я напишу об этом здесь. Я продолжу и добавлю: «Получите 10-процентную скидку на покупку, используя промокод ONE-TEN». Также, я свяжу это сообщение ссылкой со своей страницей продуктов. Я также могу изменить цвет этого банера, чтобы он больше соответствовал дизайну моего сайта.

Следующий раздел – «Слайд-шоу». Мне нравятся эти настройки, поэтому я не собираюсь ничего менять. Я хочу, чтобы здесь было большое изображение, но у меня есть только одно, поэтому я собираюсь удалить остальные слайды. Я собираюсь щелкнуть оставшийся слайд и добавить изображение.

Нажмите «Изменить», а затем добавьте Alt-текст. Непрозрачность фона контентной области гарантирует, что текст поверх изображения будет хорошо читаем. Настройте непрозрачность наложения, если контраст слишком низкий.

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

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

Следующая секция – Список коллекций. У меня есть несколько продуктов и только одна коллекция. На данный момент эта секция не совсем подходит для моего магазина, поэтому я ее удалю. Вы всегда можете создать новую секцию в будущем, нажав «Добавить секцию».

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

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

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

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

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

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

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