Следующая статья поможет вам: Как использовать открытую кассу BigCommerce
Страница оформления заказа может быть самой важной частью вашего интернет-магазина.
Требуется много времени и денег только для того, чтобы заставить людей посетить ваш сайт.
Многим продавцам необходимо тратить тысячи долларов в месяц на рекламу и поисковую оптимизацию только для того, чтобы получить объем трафика, необходимый для того, чтобы их магазин был жизнеспособным.
Возможно, самый разочаровывающий аспект управления интернет-магазином заключается в том, что после всех этих усилий, даже когда они сделали следующий шаг и добавили товары в свою корзину, большинство посетителей покинут ваш сайт, ничего не купив. Фактически, 88,05% онлайн-корзин бросают без покупки.
Именно поэтому страница оформления заказа в вашем магазине так важна.
С лучшим дизайном вы могли бы превратить многих людей, которые в противном случае отказались бы от своей корзины, в клиентов. А благодаря одной из последних функций BigCommerce у вас теперь гораздо больше контроля над дизайном страницы оформления заказа.
#cta-visual-fe#
Представляем BigCommerce Open Checkout
В ноябре 2020 года BigCommerce запустил Открыть кассу. Это расширение с открытым исходным кодом для собственной кассы BigCommerce позволяет продавцам полностью настраивать свой процесс оформления заказа.
Исходный код нативной кассы BigCommerce фактически был выпущен в виде комплекта для разработки программного обеспечения (SDK). еще в 2018 годуно разработчики жаловались, что использовать этот SDK слишком сложно.
Open Checkout — это усовершенствование SDK, позволяющее разработчикам вносить изменения за гораздо меньшее время.
Следует отметить, что нет ничего плохого в собственной странице оформления заказа BigCommerce.
Во-первых, BigCommerce по умолчанию предлагает одностраничную систему оформления заказа — это действительно поможет вашей прибыли, поскольку заставляя посетителей переходить по разным страницам для получения информации о доставке, платежной информации и подтверждении заказа, вы наверняка упустите некоторые потенциальные продажи. .
Чем проще оформить заказ в вашем магазине, тем больше тележек вы сможете конвертировать в выполненные заказы.
Особенности открытой проверки BigCommerce
Одностраничная проверка BigCommerce также включает в себя множество других полезных функций, таких как гостевая проверка и автозаполнение адреса Google Maps.
Опять же, вы хотите, чтобы ваш процесс оформления заказа был максимально эффективным, и эти функции сокращают время, необходимое покупателю для совершения покупки.
Возможно, лучшая функция проверки BigCommerce по умолчанию для ваших показателей продаж — это постоянная корзина, благодаря которой, когда посетитель добавляет товар в свою корзину на одном устройстве, это изменение отражается и на других его устройствах.
Таким образом, если клиент подумывает о покупке продукта, находясь на своем рабочем столе, он не забудет об этом позже, когда будет работать на своем мобильном устройстве.
Персонализация с помощью Open Checkout
Есть даже некоторые базовые косметические изменения, которые вы можете внести на свою страницу оформления заказа из стандартного интерфейса BigCommerce.
Например, вы можете изменить цвет фона, изменить шрифт, используемый в ваших заголовках, загрузить изображения для вашего логотипа и заголовка и т. д.
Но с помощью Open Checkout вы можете поднять эту настройку на новый уровень и отредактировать каждый пиксель стандартной проверки. Существует ряд причин, по которым вы можете захотеть это сделать, например:
- Брендинг: С помощью пользовательских правил CSS и приложений JavaScript вы можете создать уникальный вид своей кассы и выделиться на фоне конкурентов.
- Дополнительные параметры оформления заказа: Open Checkout позволяет адаптировать оформление заказа для таких ситуаций, как планирование дат доставки, отправка заказа без отправки платежа и покупка товара в Интернете, который нужно забрать позже в камере хранения в магазине.
- Персонализированный опыт оформления заказа: Возможно, вы захотите, чтобы разные варианты ценообразования, оплаты и доставки отображались для разных типов клиентов. Это невозможно сделать со стандартными настройками оформления заказа BigCommerce, но вы можете сделать это с помощью Open Checkout.
Как использовать открытую кассу BigCommerce
Прежде чем вы начнете использовать BigCommerce Open Checkout для настройки своего сайта, вам следует рассмотреть несколько вещей.
Еще одно преимущество встроенной проверки BigCommerce заключается в том, что она по умолчанию совместима с PCI. Хотя соответствие PCI не требуется федеральным законодательством США, в некоторых штатах оно требуется, и это снижает вашу ответственность в случае утечки данных.
Согласно Условия использования BigCommerceесли вы отредактируете код своей страницы оформления заказа, вы будете нести ответственность за соблюдение требований PCI.
Вы также будете нести ответственность за обновление кода оформления заказа до последних выпусков BigCommerce. Но это не так уж и важно, так как просто установив для вашего восходящего потока BigCommerce/Checkout.js, вы сможете получать последнюю версию всякий раз, когда вы будете готовы к обновлению.
Наконец, нативная касса размещена на BigCommerce. Если вы редактируете свой код с помощью BigCommerce Open Checkout, вам нужно будет самостоятельно разместить страницу оформления заказа.
Другими словами, BigCommerce Open Checkout — это не то, что вы должны использовать просто так. Нет никаких сомнений в том, что такая высокая степень настройки может принести пользу вашему магазину, но она сопряжена с расходами и может даже привести к штрафам и судебным издержкам, если вы не будете соблюдать требования PCI.
Если вы все еще хотите использовать BigCommerce Open Checkout, вам сначала нужно разветвить репозиторий исходного кода, доступный на Гитхаб. Обязательно ознакомьтесь с файлом README в репозитории для получения дополнительной информации о процессе установки.
Вам также необходимо подтвердить, что ваш Node старше версии 10, а npm выше версии 3. Если вы еще этого не сделали, вам следует рассмотреть возможность использования Менеджер версий узловтак как это поможет вам отслеживать, какие версии вы используете, и при необходимости устанавливать обновления.
Затем клонируйте свою вилку локально, откройте ее в редакторе и выполните следующие действия:
1. Откройте терминал.
2. Введите команду «npm установить && npm ci» для установки всех необходимых пакетов.
3. Разделить терминал. С одной стороны введите команду «npm запустить разработчика». С другой стороны введите команду «npm запустить разработчик: сервер». Это запустит приложение локально.
4. Используйте адрес локального сервера, предоставленный npm запустить разработчик: сервер чтобы перейти в тестовый магазин BigCommerce. Затем на панели управления BigCommerce перейдите в «Дополнительные настройки» > «Оформить заказ» и выберите параметр «Пользовательский заказ».
Источник изображения: Середина
5. После того, как вы введете URL-адрес локального файла auto-loader-dev.js из каталога /build/, вы будете готовы начать локальную разработку.
Источник изображения: Середина
Настройте свой магазин еще больше с помощью конструктора страниц Shogun
Конечно, ваша страница оформления заказа — не единственная часть вашего сайта, которую вы должны улучшить с помощью дополнительной настройки.
Есть большая вероятность, что посетители даже не доберутся до вашей страницы оформления заказа, если только ваши целевые страницы и страницы продуктов не будут особенно хорошо спроектированы.
Вот где появляется Shogun Page Builder — это приложение дает вам полный контроль над внешним видом вашего сайта BigCommerce. И вам определенно не нужно быть разработчиком, чтобы использовать этот инструмент, поскольку интуитивно понятный интерфейс перетаскивания Shogun позволяет вам вносить любые изменения, которые вы хотите, без написания единой строки кода.
С помощью BigCommerce Open Checkout и Shogun Page Builder у вас есть все необходимое для создания оптимального пользовательского интерфейса для ваших клиентов.
#cta-visual-fe#
