настройка каталога товаров с оплатой онлайн
Рассмотрим возможности каталога: как создать каталог товаров и настроить оплату онлайн
На платформе Таплинк можно сделать полноценный интернет-магазин с каталогом товаров. Он сразу адаптирован под смартфоны, с онлайн оплатой и встроенной crm системой.
В этом обзоре мы рассмотрим возможности магазина, его плюсы и минусы, а также дадим рекомендации по его настройке.
Что можно продавать через Таплинк
Физические товары
Можно загружать товары. Классифицировать их по категориям (столы, стулья). Указывать им собственные поля (производитель, размер, цвет). Добавлять различные опции (подарочная упаковка).
Услуги
Можно сделать карточки с вашими услугами. Посетитель при заказе оплачивает услугу на сайте, а вам приходит заявка для обработки.
Инфопродукты, гайды
Отдельно рассмотрим категорию инфопродуктов и гайдов, т.к. это частый запрос на разработку. Продажу инфопродуктов можно организовать через интернет-магазин. Клиент оплачивает продукт на сайте, а далее вы вручную обрабатываете заказ.
Также возможно сделать продажу гайдов через блок «Формы и платежи». После оплаты происходит перенаправление на страницу с инфопродуктом.
Дизайн и интерфейс магазина
Для начала рассмотрим интернет-магазин со стороны посетителя сайта. Мы пройдем путь от входа в каталог до оплаты заказа.
Для примера мы взяли случайный магазин с просторов интернета. Дизайн и структура примерно одинакова на всех сайтах, т.к. платформа не позволяет вносить существенные правки. Можно менять только фон страницы и настраивать функционал.
Главная страница каталога выглядит следующим образом.
В верхней части располагается аватар, который чаще всего представляет собой логотип компании.
Далее можно расположить поиск по каталогу продукции (это опционально).
Ниже находится навигация по магазину. Ее можно оформить в виде выпадающего списка (как на картинке) или в виде ссылок в ряд.
Далее следуют превью карточек товаров.
Каждая позиция состоит из фото, названия и цены.
В нижней части экрана находится зафиксированная кнопка перехода в корзину.
Карточка товара:
- Заглавное фото (можно загружать несколько фото)
- Название
- Цена
- Описание
В нижней части экрана расположены зафиксированные кнопки навигации:
- Вернуться на главную страницу каталога
- Функция добавления позиции в корзину
- Переход в корзину
К карточке можно добавить дополнительные свойства, например, выбор из выпадающего списка размер, цвет товара и т.п.
Карточке можно задать дополнительные опции, например, подарочная упаковка и ее стоимость.
Корзина на платформе Таплинк ничем не отличается от корзины на других движках.
Сначала расположен путь оформления заказа: корзина, контакты и подтверждение.
Далее идет список товаров в корзине, итоговая сумма и навигация — вернуться в каталог или оформить заказ.
В Taplink есть маркетинговые инструменты. Можно настраивать акции, создавать промокоды. В корзине перед оформлением заказа можно ввести промокод.
На следующем шаге находится форма подтверждения заказа.
Покупатель вводит свои контактные данные и выбирает вариант доставки.
Далее следует еще один шаг проверки информации и кнопка на оплату.
После клика по кнопке «Перейти к оплате» покупатель перенаправляется на платежную систему, которую вы подключили в настройках.
Заявка отобразится во внутренней системе Taplink, а при настроенных извещениях вам придет сообщение о новом заказе в мессенджер.
Настройки интернет-магазина
А теперь посмотрим с чем работает разработчик. Мы пройдемся по всем настройкам административной части магазина.
Находятся они на вкладке «Товары» в разделе «Настройки»:
Добавление товаров
В этом блоке происходит вся работа с товарными позициями: добавление, удаление, редактирование. Здесь же можно рассортировать их по разным категориям и настроить дополнительные поля.
Товары можно загружать по одному или списком.
Форма добавления товара
Страница оформления заказа
Здесь мы создаем форму, которую клиент будет видеть после того, как он сформировал корзину и нажал на кнопку «Оформить заказ».
В зависимости от вашей цели эта форма может вести на оплату или же просто на заявку.
Указываем данные, которые нам нужны от клиента
Стоимость доставки
Важный раздел, если у вас физический товар. Талпник позволяет настроить разные варианты. Можно указать стоимость доставки в зависимости от веса, расстояния, указать другие условия или же добавить пункт самовывоза.
Если у вас онлайн-услуги или инфопродукты, то этот раздел не нужен.
Указываем варианты доставки
Юридическая информация
По закону, если вы собираете контактные данные, то на сайте должен быть размещен договор оферта и политика конфиденциальности. Клиент при оформлении заказа оставляет свои персональные данные, поэтому юридическую информацию надо заполнить.
Размещаем юридическую инфомрацию
Прием оплат
При клике на ссылку платформа вас переадресует в раздел «Платежи», где можно настроить платежную систему и онлайн-кассу.
Таплинк позволяет подключить более 40 платежных систем, среди них самая востребованная — это «ЮМоney». На сайте есть отдельная статья по настройкам платежных систем.
Оформление каталога
В этом разделе мы настраиваем внешний вид каталога. Здесь мы можем настроить фон, бордюры, менять способ вывода категорий и т.п.
Оформляем внешний вид каталога
Модули
Здесь можно подключить модули, которые помогут автоматизировать продажи. Находятся они на вкладке «Модули» верхнего меню. Например, можно подключить уведомления в мессенджеры.
Мы разобрали все основные настройки интернет-магазина. Как видите, сделать его не очень сложно. Вы можете настроить его самостоятельно или делегировать специалистам.
Интернет-магазин доступен на максимальном тарифе Business. Если вы хотите бесплатно протестировать сервис, то можете воспользоваться промокодом uxmix7 (смотрите инструкцию по его активации).
Заказать настройку интернет-магазина на Таплинк →
Смотрите также
Другие статьи из нашего блога
Настройка приема платежей в Таплинк
Промокод на скидку для Таплинк
Таплинк на заказ под ключ
дизайнов, тем, шаблонов и загружаемых графических элементов для электронной торговли на Dribbble
Просмотр интернет-магазина мебели
Интернет-магазин мебели
View Elemart — Магазин гаджетов для электронной коммерции
Elemart — Интернет-магазин гаджетов
Корзина — страница продукта электронной коммерции
Просмотр TokoMegawa — Электронная коммерция
TokoMegawa — электронная коммерция
Просмотр Электронная коммерция — веб-сайт о моде
Электронная коммерция — сайт модной одежды
Посмотреть целевую страницу интернет-магазина модной одежды
Целевая страница интернет-магазина Fashion
Приложение для электронной торговли мебелью — мобильное приложение
Посмотреть целевую страницу электронной коммерции
Целевая страница электронной коммерции
Просмотр электронной коммерции Shopify Дизайн страницы продукта
Электронная торговля Shopify Дизайн страницы продукта
Просмотр Интернет-магазин «КОМФОРТ»
Интернет-магазин «КОМФОРТ»
Посмотреть приложение электронной коммерции
Приложение электронной коммерции
Просмотреть шаблон Ageman — Fashion Product Shopify Template
Ageman — шаблон Shopify для модных товаров
Просмотр электронной коммерции – проект мобильного приложения
Электронная коммерция — проект мобильного приложения
- Просмотр Интернет-магазин «СИЯНИЕ»
Интернет-магазин «СИЯНИЕ»
Просмотр электронной коммерции – мобильное приложение
Электронная коммерция — мобильное приложение
Пользовательский интерфейс веб-сайта электронной торговли для поколения Z
Посмотреть приложение электронной коммерции WECOM
Приложение электронной коммерции WECOM
Посмотреть Интернет-магазин — Lego Land
Интернет-магазин — Lego Land
Просмотр приложения для электронной торговли – мобильное приложение
Приложение электронной коммерции — Мобильное приложение
- Посмотреть приложение для электронной коммерции моды
Приложение Fashion eCommerce
Просмотр Электронная коммерция — Веб-дизайн
Электронная коммерция — веб-дизайн
Посмотреть дизайн веб-сайта Xoco
Дизайн веб-сайта Xoco
Приложение View Ecommerce – мобильное приложение
Приложение электронной коммерции — мобильное приложение
Посмотреть дизайн веб-сайта электронной коммерции — несколько продуктов
Дизайн веб-сайта электронной коммерции — мультипродукт
Зарегистрируйтесь, чтобы продолжить или войдите
Загрузка еще…
Веб-сайты интернет-магазина — 331+ Лучшие идеи веб-дизайна интернет-магазина 2023
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
34
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
26
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
18
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
7
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
5
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
8
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
12
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
3
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
2
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
3
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
2
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
1
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
0
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
0
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
21
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
0
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
0
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
0
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
4
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
3
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
4
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
1
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
2
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
9
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
16
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
14
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
61
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
20
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
9
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
4
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
42
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
101
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
48
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
11
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
2
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
34
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
19
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
52
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
27
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
1
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
8
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
75
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
21
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
14
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
11
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
42
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
27
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
73
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
27
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
45
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
42
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
1
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
5
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
6
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
39
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
18
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
23
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
9
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
4
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
11
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
11
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
17
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
24
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
4
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
31
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
27
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
22
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
13
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
41
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
41
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
13
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
5
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
20
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
0
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
4
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
0
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
14
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
11
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
0
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
1
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
8
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
14
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
3
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
10
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
2
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
2
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
1
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
2
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
2
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
2
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
5
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
6
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
20
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
21
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
4
Пожалуйста, нажмите «Сохранить избранное», прежде чем добавлять другие понравившиеся дизайны
Вы посмотрели 99 дизайнов и хотите еще кусочек?
по ETПоиск идей для веб-сайтов
Сайты интернет-магазинов не подходят? Попробуйте что-нибудь еще:
Веб-сайты электронной коммерции
Веб-сайты торговых площадок
Розничные сайты
Сайты ящиков подписки
Сайты игр
Свадебные сайты
Сайты одежды
HTML-сайты
Веб-сайты ресторанов
Бизнес-сайты
Адаптивные веб-сайты
Как создать дизайн сайта интернет-магазина
Если вам нужен потрясающий веб-сайт интернет-магазина, который выделяется на фоне конкурентов, обратитесь к профессиональному дизайнеру. Найдите и наймите дизайнера, который воплотит ваше видение в жизнь, или проведите конкурс дизайна и получите идеи от дизайнеров со всего мира.
Начать соревнование
Дизайнеры со всего мира предлагают вам свои идеи. Вы предоставляете отзывы, оттачиваете свои фавориты и выбираете победителя.
Начать конкурс
Начать проект
Найдите идеального дизайнера, соответствующего вашему стилю и бюджету. Затем сотрудничайте один на один, чтобы создать собственный веб-сайт.
Начать проект
Узнайте больше о дизайне веб-страниц
4,6 в среднем от 2355 отзывы клиентов о веб-дизайне
Что отличает хороший сайт интернет-магазина?
Отличный веб-сайт показывает миру, кто вы есть, заставляет людей помнить вас и помогает потенциальным клиентам понять, нашли ли они то, что искали.