Оформление онлайн-магазина: пошаговая инструкция

После создания аккаунта Quick Shopping Cart® можно приступать к настройке онлайн-магазина. Этот процесс состоит из 6 этапов (как показано на картинке ниже). После завершения каждого этапа рядом с ним будет появляться галочка.

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

Выполнение инструкций займет 1 час.

Дизайн онлайн-магазина играет большую роль. Именно от него во многом зависит первое впечатление потенциальных покупателей. Сервис Quick Shopping Cart дает вам массу инструментов для того, чтобы это впечатление оказалось положительным. Мы рассмотрим самые главные из них:

  • шаблон;
  • изображения для шаблонов;
  • информация о магазине;
  • дизайн страниц.

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

Изменение шаблона

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

Как изменить шаблон

  1. Войдите в свой аккаунт GoDaddy.
  2. Нажмите Quick Shopping Cart.
  3. В списке Quick Shopping Cart выберите Manage (Управление) рядом с нужным аккаунтом.
  4. Перейдите на вкладку Templates (Шаблоны).
  5. Необязательно. В меню Preview (Предварительный просмотр) выберите нужный конструктор веб-сайтов.
  6. Необязательно. Чтобы посмотреть недавно созданные шаблоны, перейдите в меню Sort (Сортировка) и выберите Date (По дате). Чтобы шаблоны появлялись в алфавитном порядке, выберите Name (По названию).
  7. На вкладке Template Gallery (Галерея шаблонов) наведите курсор на понравившийся шаблон.
  8. Выберите конструкторы веб-сайтов, к которым нужно применить шаблон, и нажмите Apply (Применить).
  9. В разделе My Store (Мой магазин) наведите указатель мыши на шаблон и нажмите Work on My Store (Применить к моему магазину).

Чтобы посмотреть активные шаблоны, перейдите на вкладку My Templates (Мои шаблоны).

Изменение шаблонного изображения

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

Например, для нашего онлайн-магазина больше подойдет изображение с рядом футболок, а не с танцующим парнем.

thumbnail

Как изменить шаблонное изображение

  1. Войдите в свой аккаунт GoDaddy.
  2. Нажмите Quick Shopping Cart.
  3. В списке Quick Shopping Cart выберите Manage (Управление) рядом с нужным аккаунтом.
  4. В меню Set Up (Настройка) раздела Design (Дизайн) выберите Template Images (Шаблонные изображения).

    Итак, мы решили заменить танцующего парня (изображение 2).

    thumbnail

  5. Выберите изображение, которое нужно заменить, и нажмите Change Image (Изменить изображение).
  6. Чтобы загрузить изображение, перейдите на вкладку Add Images (Добавить изображения) и нажмите Browse (Обзор). Выберите нужное изображение и нажмите Upload (Загрузить).

    Примечание. Если вы уже загрузили нужное изображение, найдите его значок в Галерее.

  7. На вкладке My Images (Мои изображения) выберите картинку, которую нужно добавить в шаблон.
  8. Нажмите OK.
  9. Чтобы изменить вид изображения, нажмите Select Format (Формат) и выберите один из вариантов:

    Примечание. Под значком вы увидите размер доступного пространства. Учитывайте это при выборе формата:

    • Original (Оригинал). Исходный размер и формат изображения сохраняется.
    • Scale to Fit (Масштабирование по размеру). Размер нового изображения подгоняется под исходное при том же соотношении сторон.
    • Stretch to Fit (По размеру оригинала). Размер нового изображения подгоняется под оригинал без учета прежнего соотношения сторон.
    • Tile Image (Замостить). Изображение занимает доступное пространство как по горизонтали, так и по вертикали.
    • Tile Horizontally (Замостить по горизонтали). Изображение занимает доступное пространство по горизонтали. Вертикальное выравнивание зависит от шаблона.
    • Tile Vertically (Замостить по вертикали). Изображение занимает доступное пространство по вертикали. Горизонтальное выравнивание зависит от шаблона.
    • Scale and Crop (Масштабирование и кадрирование). Масштаб изображения меняется в зависимости от доступного пространства, исходные пропорции сохраняются. При этом те части изображения, которые окажутся за пределами шаблона, будут обрезаны.
  10. Чтобы использовать изображение по умолчанию, нажмите Revert to Original (Вернуться к оригиналу).
  11. Чтобы убрать изображение, нажмите Delete Image (Удалить изображение).
  12. Чтобы сохранить внесенные изменения, выберите OK.

    thumbnail

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

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

.

Добавление информации об онлайн-магазине

Шаблон выбран, и теперь нам нужно рассказать покупателям о своем магазине. Информация, которую вы добавите, появится на его странице.

Как добавить информацию об онлайн-магазине

  1. Войдите в свой аккаунт GoDaddy.
  2. Нажмите Quick Shopping Cart.
  3. В списке Quick Shopping Cart рядом с нужным аккаунтом Quick Shopping Cart нажмите Manage (Управление).
  4. Откройте меню Set Up (Настройка). В разделе Business Information (Информация о компании) нажмите Name, Logo, Contact info (Название, логотип и контактная информация).
  5. Заполните текстовые поля.

Информация ниже приведена в качестве примера. Вам будет необходимо указать свои контактные данные.

  • Company Name (Название компании). So Many Shirts!
  • Slogan (Слоган). We Sell a Lot of Shirts!
  • Address (Адрес). 123 Test St., Phoenix, AZ 85001
  • Primary Phone (Основной номер телефона). (321) 555-4444
  • Alternate Phone (Дополнительный номер телефона). (321) 777-6666
  • Email Address (Адрес электронной почты). example@secureserver.net
  • Copyright Year (Год получения авторских прав). 2011
  • Favicon (Значок веб-сайта). Появляется в браузере рядом с URL веб-сайта. Если пользователь добавит ваш веб-сайт в закладки, рядом с ним будет отображаться этот значок.

    thumbnail

  • Логотип
    thumbnail
  • Приветственное изображение
    thumbnail
  • Изображения для счета

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

    Теперь наш воображаемый магазин выглядит примерно так:
    thumbnail

Выбор дизайна страниц

Наконец, вам необходимо выбрать дизайн страниц с товарами и категориями.

Category Page Style (Дизайн страниц с категориями)
Этот параметр определяет, как будут выглядеть страницы товаров и категорий на веб-сайте.

Product Page Style (Дизайн страниц с товарами)
Этот параметр определяет, что увидит потенциальный покупатель, когда нажмет на понравившийся товар.

Если у вас нет времени на добавление отдельных изображений для конкретных товаров или категорий, вы можете выбрать одну общую картинку, которая будет использоваться во всех случаях. Для этого откройте меню Set Up (Настройка). В разделе Design (Дизайн) нажмите Default Product Images (Изображение для товара по умолчанию).

Как выбрать дизайн страниц

  1. Войдите в свой аккаунт GoDaddy.
  2. Нажмите Quick Shopping Cart.
  3. В списке Quick Shopping Cart выберите Manage (Управление) рядом с нужным аккаунтом.
  4. Откройте меню Set Up (Настройка), перейдите в раздел Design (Дизайн) и выберите параметр Category Page Styles (Дизайн страниц с категориями) или Product Page Styles (Дизайн страниц с товарами).
  5. В разделе Select Category Page Style (Выбор дизайна страниц с категориями) или Select Product Page Style (Выбор дизайна страниц с товарами) выберите понравившийся макет. Чтобы посмотреть другие макеты, используйте меню страницы или желтую стрелку.
  6. Нажмите OK.

Примечание. Чтобы открыть страницу товара в режиме предварительного просмотра, нажмите на значок стиля. Текущий стиль макета можно найти в меню Current Selection (Текущие настройки).

В нашем примере мы выбрали для страниц с категориями стиль 3 Column No Border (3 столбца без границ).

thumbnail

Так как у каждого товара есть несколько вариантов, мы выбрали для страницы товара Style 2 (Стиль 2).
thumbnail

Мы подобрали дизайн для онлайн-магазина. Теперь нужно добавить в него товары.

Перейти к статье №2: Настройка товаров.


Помогла ли вам эта статья?
Благодарим вас за отзыв. Чтобы связаться с сотрудником службы поддержки клиентов, позвоните по номеру этой службы или воспользуйтесь опцией чата выше.
Мы рады вам помочь! У вас остались вопросы?
Приносим извинения. Расскажите нам, какие затруднения вы испытываете или почему рекомендованное решение не помогло устранить проблему.