Корзина для интернет магазина html: Как создать корзину для интернет-магазина с помощью CSS и JavaScript?

Способы для повышения эффективности брошенной корзины

По данным платформы FinancesOnline в 2021 году интернет-магазины недополучили более четырёх миллиардов долларов из-за незавершённых покупок на сайте. Брошенная корзина — это заказ, который пользователь не оплатил. Оставленная корзина для интернет-магазина — частое явление. Клиенты меняют мнение о товаре во время покупки, бросают оформление заказа из-за неудобного интерфейса или дорогой итоговой цены. Однако работать с брошенными корзинами стоит: Open rate писем-напоминаний о незавершённом заказе доходит до 45%, а 11% открывших email пользователей всё же оформляют заказ.

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

Почему появляются брошенные корзины

Слишком дорогая или неудобная доставка. 48% покупателей отказываются от покупки из-за дополнительных расходов на доставку, налоги и сборы. Особенно если финальную стоимость можно узнать только в корзине. Также, когда из вариантов получения товара одна «Почта России», клиент может отказаться, потому что не готов стоять в очереди за посылкой. Ещё одна частая причина отказа — скорость доставки.

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

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

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

Причиной отказа также может стать подозрительный способ оплаты. Если магазин предлагает заплатить за товар через переход по ссылке, то это похоже на фишинг — мошеннический способ кражи данных карт.

Ошибки в работе сайта мешают покупать. Неработающие кнопки, слетевшая вёрстка, непонятные уведомления об ошибках вытерпят только самые замотивированные на покупку, остальные уйдут.

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

Забытая покупка. Начать оформление заказа, но отвлечься на что-то другое и забыть о покупке — стандартная ситуация. Люди несовершенны, а отвлекающих моментов в digital-мире становится больше. Иногда человек просто обдумывает покупку, тогда ваше напоминание подтолкнёт к завершению заказа.

Как работать с брошенными корзинами

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

Если причина в «забывчивости», покупку спасёт письмо напоминание. Для уведомлений о незаконченной покупке также используют Push и ретаргетинг.

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

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

Примеры писем-напоминаний о брошенной корзине

Разберём различные письма от брендов к клиентам, бросившим корзины с товарами на сайте.

Эта триггерная рассылка аккуратно намекает пользователю, что товар может закончиться. Письмо от бренда сообщает, что «товар ещё в наличии» и нужно завершить заказ, «пока кто-то не купил». Здесь должен сработать страх клиента упустить выгоду.

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

Ещё один пример «давления» на упущенную выгоду. В письме отмечают, что на товар высокий спрос, а ещё дают ссылки на сравнение смартфона в корзине с другими (для тех, кто сомневается в выборе) и на рассрочки (для тех, кого останавливает цена).

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

Достаточно директивный тон письма от ритейлера техники и электроники смягчается эмодзи и дополняется выгодами — пишут, что в магазине достаточно товаров, чтобы каждый нашёл свой.

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

Брошенной бывает не только корзина в магазине. Сервис для просмотра кино также напоминает о незавершённых заказах. Так пользователь когда-то добавлял в избранное фильм из платного каталога, но не оплатил. Сервис отправляет письмо, в котором предлагает всё же посмотреть фильм.

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

На одном письме-напоминании магазин не заканчивает рассылку емейлов. Он присылает второе, где пользователю задают вопрос о покупке, предлагают помощь с выбором. Ещё пишут о бонусных баллах, которые пригодятся, если корзину оставили именно из-за стоимости покупок.

И это ещё не всё: если пользователь не «сдаётся» и не покупает, бренд даёт скидку.

Снова письмо о товарах, которые раскупают как горячие пирожки. Только теперь это книги. Магазин говорит сразу, что выбранные категории вот-вот закончатся и советует пользоваться моментом.

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

Резюме

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

Автоматическая email рассылка напоминает клиенту о покупке. В письмах компании часто используют триггер упущенной выгоды и говорят, что товар скоро закончится. Но можно действовать по-другому: предложить помощь с выбором (даже от лица конкретного менеджера), напомнить о рассрочке и бонусах, удобную доставку и широкий ассортимент. Самое главное — общаться человеческим дружелюбным языком. Также используйте интригу или юмор, чтобы привлечь внимание, тогда письмо точно откроют.

Бесплатные HTML шаблоны писем для тематики «Брошенная корзина» — Stripo.email

Письма тематики «Брошенная корзина» напоминают клиентам о товарах, которые они хотели купить на вашем сайте, но не завершили покупку. Почти 70% посетителей интернет-магазинов добавляют что-то в корзину, после чего благополучно забывают об этом. Так что всегда уместно напомнить о ваших товарах!

Email-кампании о брошенных корзинах — эффективный метод увеличить количество транзакций и получить ощутимую прибыль. Давайте посмотрим на лучшие примеры и рекомендации по созданию шаблонов писем о брошенных корзинах, чтобы сделать ваши кампании успешными.

Лучшие рекомендации по созданию писем о брошенных корзинах

Будьте вежливыми

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

Вот несколько идей для темы письма о брошенной корзине:

• Что-то пошло не так?
• Вы что-то забыли?
• (Название товара) ждет вас!
• Купите, пока товар не закончился!

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

Постарайтесь найти золотую середину между эффективностью ваших сообщений и комфортом их получателей.

Привлекайте внимание клиентов

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

Использовать этот шаблон

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

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

Убедитесь в том, что основная идея вашего письма четко сформулирована

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

Использовать этот шаблон

Идеальный пример письма о брошенной корзине — это короткое и простое сообщение. Маршрут действий клиента в основном предопределяются заранее:

• покупатель кликает ссылку брошенной корзины;
• его перенаправляют на страницу оформления заказа;
• на этой странице клиент проводит транзакцию.

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

Используйте адаптивные шаблоны

Мы никогда не устанем напоминать, что адаптивность — это обязательное условие. Шаблон может безупречно выглядеть в десктопной версии, но как он будет смотреться на небольшом экране смартфона? Большинство подписчиков просматривают входящие письма на мобильных гаджетах. Учитывайте этот факт при разработке стратегии рассылок о брошенных корзинах.

Шаблоны Stripo полностью адаптивны и разработаны с применением самых продвинутых инноваций email-маркетинга. Вы можете выбрать любой шаблон на свой вкус и настроить его в соответствии с потребностями своего бизнеса.

Использовать этот шаблон

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

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

Письмо о брошенной корзине: чеклист

1.Создайте ощущение срочности

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

Использовать этот шаблон

2. Используйте специальные предложения

Если вы планируете отправлять письма о брошенных корзинах, подумайте о том, чтобы сделать потенциальным клиентам какое-нибудь выгодное предложение. Может быть, бесплатную доставку? Или дисконтный код? Многие компании в секторе eCommerce используют эту тактику, чтобы мотивировать посетителей сайта делать заказы. Потенциальный клиент может колебаться, но шанс сэкономить даст перевес в сторону ожидаемого решения.

Использовать этот шаблон

3.Обращайтесь к эмоциям

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

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

Использовать этот шаблон

4.Добавьте свою контактную информацию

Не забудьте поделиться ссылками на страницы вашей компании в соцсетях. Также в шаблоне письма о брошенной корзине будут уместны контакты службы клиентской поддержки. Предоставьте потенциальным клиентам несколько каналов связи с вашей компанией: прямые ссылки на страницы в соцсетях, номера телефонов, email-адреса и контакты в мессенджерах.

Использовать этот шаблон

5.Предоставьте отзывы клиентов

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

Использовать этот шаблон

6.Поделитесь полезной информацией

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

Не делайте письма этого типа слишком рекламными. Вместо этого лучше помогите подписчикам выбрать продукт, который максимально соответствует их потребностям. Китайские философы говорили: «Когда стратегия рассылки о брошенной корзине основана на полезности для клиентов, это правильная стратегия». Ну, как сказать… Не совсем их слова… Но где-то эта мудрость точно была :).

7.Поработайте над цепляющей темой письма

Тема письма — один из ключевых факторов, который напрямую влияет на коэффициент конверсии любого письма о брошенной корзине. При помощи A/B-тестирования вы сможете увидеть, какие темы наиболее эффективны для каждого конкретного сегмента вашей целевой аудитории.

8.Напишите follow-up письмо

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

Какие типичные ошибки мы видим в письмах о брошенных корзинах?

• нет контактов службы поддержки клиентов;
• скучные темы писем;
• нехватка альтернативных вариантов оплаты и способов доставки;
• битые ссылки, прикрепленные к вашим кнопкам;
• слишком много follow-up писем, которые начинают выглядеть спамом.

Как написать тему письма для шаблона о брошенной корзине?

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

Примеры тем для ваших писем о брошенной корзине

• Ничего не забыли? — Janji.
• Мы придержали для вас сумку! — Bombinate.
• 🌲 Спасибо за углубленный интерес. Мы сохранили вашу корзину. — Danner.
• Мы заметили, что вы к нам заглядываете… 👀 — Pulp & Press.
• Отвезите меня домой. — D.S. and Durga.
• Не оставляйте хорошую корзину… — Cotopaxi.
• Все еще обдумываем? — Le Tote.
• Вы забыли вискарик в корзинке 🥃 — Whiskey Me.
• Никогда не поздно: дооформите свой заказ в Hydrow сегодня! — Hydrow.
• Опустошаем корзину и получаем бесплатную доставку! — Specialized Bicycle Components.

Фичи Stripo для писем о брошенной корзине

Создание электронных писем с помощью Stripo открывает доступ ко многим полезным функциям, таким как smart-элементы и динамический контент. Давайте взглянем только на некоторые из них:

1.Smart-элементы для размещения забытых товаров

Здесь все просто. Создаем шаблон карточки товара при помощи функции «Smart-элемент», после чего дублируем его нужное количество раз. То есть больше не нужно добавлять каждую карточку вручную: просто вставляем ссылку на наш сайт, и Stripo автоматически подтянет изображение и описание. Это сэкономит много времени для вашей команды email-маркетинга.

2.Эффект ролловера изображений сделает дизайн писем более привлекательным

Есть множество разных способов применения эффекта ролловера изображений в email-кампаниях. Этот элемент делает вашу рассылку интерактивной и дает пользователю возможность увидеть брошенный товар крупным планом и с обратной стороны и принять решение о покупке. Все, что вам нужно сделать — добавить 2-3 фото товара. Только убедитесь при этом, что изображения имеют одинаковый размер.

3. Настройка условий отображения и добавление динамического контента в целях персонализации

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

• гендер;
• геолокация;
• возраст;
• интересы.

Систематизируйте базу ваших подписчиков по группам на основе этих сегментов и создайте для каждой группы отдельное письмо, после чего на панели администратора Stripo примените параметр «Условия отображения» к полосам и строкам шаблона. Это делается всего несколькими кликами.

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

Что делает Stripo мощной платформой для создания шаблонов, или Что вы не знали о наших возможностях

В завершение

Брошенные корзины — это проблема, знакомая всем интернет-магазинам. Но что интересно, брошенная клиентом корзина может при этом стать способом увеличения ваших продаж. Интегрируйте письма о брошенных корзинах в свою маркетинговую стратегию и посмотрите на результаты.

Запомните основные элементы, которые помогут вам привлечь клиентов: продуманная тема письма, четкий призыв к действию и предложение с ограниченным периодом активности (коды на скидку или бесплатную доставку).

Присоединяйтесь к Stripo и создавайте эффективные письма о брошенных корзинах

Начать

Как добавить корзину на свой сайт за 5 минут

Итак, вы успешно создали свой сайт. Теперь вы хотите монетизировать его и продавать на нем продукты. Вы можете задаться вопросом — стоит ли мне начинать с нуля и создавать сайт электронной коммерции? Или есть способ сделать это без лишней суеты? Ответ – да, есть! Все, что вам нужно сделать, это добавить корзину на существующий сайт.

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

В этой статье мы рассмотрим:

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

Определение термина «магазинная тележка»

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

Другими словами, программное обеспечение корзины покупок позволяет покупателю делать покупки на вашем сайте. Но как именно это работает?

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

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

Зачем владельцу бизнеса корзина для покупок?

Короткий ответ: корзина для покупок позволяет вашему бизнесу быть доступным 24/7.

Смотрите: у ваших клиентов есть и другие способы заказать и оплатить вашу продукцию. Например, клиент может связаться с вами напрямую через ваш сайт и просто сказать, что он хочет купить. Затем вы можете создать и отправить им счет-фактуру, дождаться оплаты клиентом, а затем доставить товар — цифровой или материальный.

Тем временем есть более практичные способы обработки этих транзакций. Как вы уже догадались, добавив программное обеспечение для корзины покупок на свой сайт. Таким образом, вы можете сделать свои продукты доступными для покупки и получать доход 24/7, а также сократить объем ручной работы с вашей стороны, поскольку платежи обрабатываются автоматически программным обеспечением корзины покупок.

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

Прежде чем принять решение о том, какое программное обеспечение корзины использовать, вам необходимо задать себе следующие вопросы:

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

Типы корзин для покупок в Интернете

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

#1: Лицензия

Подходит для: Опытные и технически подкованные владельцы магазинов

Наличие лицензионного (или самостоятельного) программного обеспечения корзины покупок означает, что вы являетесь владельцем программного обеспечения и размещаете его, что означает, что вы храните свой веб-сайт и все данные на свой собственный сервер. Обычно за владение этим типом программного обеспечения взимается единовременная плата.

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

#2: Хостинг

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

.

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

Некоторые преимуществ размещенного ПО корзины покупок:

• Технические знания не требуются 
• Разнообразные готовые шаблоны корзины покупок, которые вы можете настроить по своему усмотрению и добавить в свой магазин (но с определенными ограничениями)
• Простой процесс управления магазином, так как вы можете добавлять информацию и вносить изменения в свой магазин через веб-интерфейс, а это означает, что вы можете управлять своей компанией через веб-браузер

Sellfy — один из самых известных примеров размещенных корзин для покупок.

Что такое корзина для покупок Sellfy

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

Кроме того, корзина для покупок Sellfy позволяет:

• настроить внешний вид кнопки корзины так, как вам нравится (см. советы и рекомендации ниже)
• Принимайте платежи со всего мира с помощью Paypal или карточных платежей
• Вставьте свою корзину покупок в любое место и вставьте HTML-код — например, на свой веб-сайт WordPress или в блог
• Будьте уверены, что ваши платежи и покупки вашего клиента обрабатываются безопасно .

Теперь, когда вы знаете обо всех преимуществах корзины Sellfy, пришло время увидеть ее в действии!

Как добавить корзину покупок Sellfy на свой веб-сайт

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

Как встроить корзину покупок Sellfy прямо на ваш сайт:

1. Сначала вам нужно войти в свою учетную запись Sellfy. Если у вас его нет, вы можете сделать его за 5 минут и бесплатно! Присоединяйтесь к нашей бесплатной пробной версии здесь.
2. Перейдите к Сохранить настройки → Параметры встраивания
3. Нажмите кнопку «Купить сейчас» в разделе «Выбор типа встраивания»
4. Выберите продукт из выпадающего меню
5. Прокрутите вниз и скопируйте сгенерированный код из окна «Вставить корзину» (код будет одинаковым для всех товаров)
6. Вставьте код в HTML-код вашего веб-сайта (вот инструкция, как это сделать).

Продавайте электронные книги с помощью функции встраивания Sellfy.

Вот и все. После того как вы скопируете HTML-код корзины покупок на свой веб-сайт, кнопка корзины будет видна и доступна для ваших клиентов.

Как насчет способов оплаты?

Теперь, когда вы создали корзину, пришло время активировать способы оплаты. С Sellfy вы можете использовать PayPal или Stripe для приема платежей от клиентов по всему миру.

Давайте подробнее рассмотрим PayPal, так как это самый простой и быстрый способ оплаты, который можно настроить за 10 минут. Все, что вам нужно сделать, это создать учетную запись PayPal для своего веб-сайта и подключить ее к вашему магазину Sellfy.

После создания учетной записи PayPal выполните следующие действия, чтобы связать ее со своей учетной записью Sellfy:

1. После входа в свою учетную запись Sellfy перейдите к Настройки магазина → Способы оплаты
2. Включить Тумблер (он должен быть зеленым)
3. В соответствующем поле введите адрес электронной почты PayPal
4. Щелкните Сохранить .

Настройки оплаты в Sellfy

Это так просто.

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

Некоторые дополнительные советы по использованию корзин Sellfy

Когда вы добавляете корзину для покупок Sellfy на свой веб-сайт, вы должны думать об этом стратегически – с точки зрения взаимодействия с пользователем и оптимизации конверсии.

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

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

Вот пример кода кнопки корзины Sellfy:

data-id =”51ecd879db80625eaf0c9e80″ data-type =”floating” 90 007 текст данных = «Корзина»>

Часть «data-id» уникальна для вашего магазина; поэтому вам нужно скопировать эту часть кода точно так, как она представлена, чтобы ваша корзина работала правильно. Принимая во внимание, что «тип данных» — это то, где вы выбираете положение кнопки своей корзины, а «текст данных» — это то, где вы меняете ее текст.

Теперь давайте рассмотрим эти 3 аспекта — положение, цвет и текст корзины — и как их изменить.

Позиция корзины на сайте

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

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

Sellfy предлагает два варианта расположения кнопок: плавающее и встроенное. Таким образом, в фрагменте кода вы должны написать либо «плавающий», либо «встроенный», в зависимости от того, какой вариант вы хотите использовать.

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

Вот как можно расположить кнопки корзины Sellfy:

• Плавающая корзина

Источник: HighLife Samples

В этом примере показано, как кнопка корзины остается на том же месте или «плавает» при прокрутке страницы вниз.

• Встроенная корзина для покупок

Источник: Соль в наших волосах

В этом примере вы можете видеть, что кнопка «Купить сейчас» не остается на том же месте, когда вы прокручиваете страницу вниз. Он остается в очереди.

Текст на кнопке корзины

Знаете ли вы, что некоторые тексты на кнопке корзины работают лучше, чем другие? Несколько маркетологов изучили эту тему и пришли к выводу, что текст «Добавить в корзину» работает лучше, чем, например, «Купить сейчас».

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

Чтобы изменить текст на кнопке корзины, вам нужно отредактировать эту часть кода – data-text = «Корзина». Слово «корзина» вы бы заменили своим призывом к действию, например «Заказать сейчас», «Добавить в корзину», «Магазин» или чем-то еще.

Форма и цвет кнопки корзины

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

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

Вы можете изменить цвет или форму кнопки корзины Sellfy без изменения кода. Все, что вам нужно сделать, это перейти в Настройки магазина → Персонализация . Затем перейдите в раздел Style и прокрутите вниз до Button style . После внесения изменений нажмите «Сохранить» вверху.

В заключение

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

Теперь все, что вам нужно сделать, это следовать этому руководству, помнить о советах, упомянутых выше, и начать продавать свой удивительный продукт. Удачи!

Узнайте больше обо всех функциях Sellfy здесь .

Встраивайте корзину в любой веб-сайт, даже в простой HTML

Нужно добавить корзину для покупок на ваш html-сайт? Shopprocket можно встроить в любую страницу за считанные минуты без каких-либо технических навыков.

Смотрите наши демонстрации Попробуй бесплатно

Присоединяйтесь к 30 876 продавцов , которые обработали 26 529 990,55 $

Встроить полный интернет-магазин

---

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

Как добавить корзину для покупок на мой HTML-сайт?

Полная, безопасная корзина для покупок

---

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

Узнайте, как встроить электронную торговлю »

Полная свобода дизайна

---

Shoprocket дает вам полный контроль над дизайном и стилем вашего магазина. Используя наши интуитивно понятные инструменты дизайна, вы можете настроить весь опыт. От простых кнопок «Купить» до категоризированных магазинов с тысячами товаров.

Как настроить встраивание »

---

30 876 магазинов, торгующих 247 554 товарами в 172 странах

• Если вы ищете быстрый и простой способ добавить интернет-магазин на свой существующий веб-сайт с хорошим набором функций, то мы определенно рекомендуем попробовать Shoprocket.

  EcommerceGold

  электронная коммерция-gold. com

• Мы хотели продавать подарочные сертификаты нашим постоянным клиентам, и Shoprocket позволил нам сделать это за считанные минуты!

  Vault Pizza

  thevaultpizza.com

• Если у вас уже есть веб-сайт и вы хотите реализовать элегантный и стильный интернет-магазин с множеством функций, Shoprocket для вас. Это чрезвычайно доступно и кажется более интуитивно понятным, чем аналогичные продукты, такие как WooCommerce.

  Каталин Зорзини

  Платформы электронной коммерции.com

• Обслуживание клиентов, пользовательский интерфейс и цена сделали Shoprocket лучшим выбором для моих нужд электронной коммерции. Shoprocket работал с нами и помог создать нативную витрину для нашего сайта WordPress.

  Кристиан С

  g2.com

---

Продавайте на существующем веб-сайте в 3 простых шага

Добавьте электронную коммерцию на свой существующий веб-сайт за считанные минуты

Испытай меня!

Как встроить корзину покупок в любой веб-сайт, даже в простой HTML за 2 минуты Начать ↗

1. org/HowToStep»>

   1

   Добавьте свои продукты

   Создавайте свои продукты на панели инструментов Shoprocket, загружайте изображения и подключайте платежные шлюзы (Stripe/PayPal)

2. 2

   Вставьте свой фрагмент кода

   Используйте наш интуитивно понятный генератор кода, чтобы создать собственные фрагменты кода несколькими простыми щелчками мыши, а затем вставьте их в свой HTML-код веб-сайта, содержимое страницы или файлы темы. (Мы можем с этим помочь!)

3. 3

   Начать продажу

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

---

Готовы начать продажи?

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