Як налаштувати сторінку кошика
Сторінка кошика — це віджет, що з'являється на сайті онлайн-магазину автоматично після його активації. На ній відвідувач може вибрати спосіб оплати та доставки, а також інші дані для оформлення замовлення.
На сторінці з віджетом можна налаштувати вигляд картки товару та іконки самого кошика, додати актуальні способи оплати та потрібну інформацію, а також підключити аналітику.
На сторінку з кошиком також можна додати інші елементи та змінити зовнішній вигляд відповідно до стилю та потреб бізнесу. Наприклад, ви можете додати верхнє меню, футер сторінки або рекомендацію супутніх товарів.
Розглянемо, як налаштувати стиль віджета Кошик та його елементи.
Перейдіть до списку сторінок сайту і навпроти сторінки Кошик (Card) виберіть в меню Редагувати (Edit). Також перейти до редагування кошика можна зі списку сторінок у конструкторі.
Натисніть на віджет і в панелі редагування елементу виберіть компонент для налаштування.
Налаштуйте зовнішній вигляд
У секції Зовнішній вигляд кошика (Cart style) натисніть елемент, який потрібно оновити.
Кошик
У розділі Налаштування кошика (Cart settings) ви можете налаштувати стиль елементів доданої картки товару:
| Розмір прев'ю (Preview size) | Змінює розмір прев'ю товарів. Виберіть S, M або L. |
| Розділювач (Divider) | Додає відступ між прев'ю товарів. Виберіть розмір, стиль та колір. |
| Типографія (Typography) | Змінює розмір стилю тексту в прев'ю товарів. Виберіть розмір, формат і колір тексту для назви, варіанта, ціни товару та суми. |
| Кнопка видалення товару (Delete product button) | Змінює стиль видалення товару іконки з кошика. Виберіть колір іконки (хрестик) та колір фону. Якщо додати колір, іконка буде круглою. |
| Лічильник кількості товарів (Card product counter) | Змінює стиль лічильника, завдяки якому користувач може змінити кількість товарів у кошику. Виберіть зовнішній вигляд поля, колір, округлення та розмір. |
Іконка кошика
У розділі Налаштування іконки кошика (Cart icon settings) можна змінити стиль іконки, яка відображається на кожній сторінці сайту. В секції Зовнішній вигляд (Appearance) виберіть стиль показу іконки.
| Спливне (Floating) | Іконка кошика буде закріплена у правому куті екрана і лишається статичною під час прокрутки екрана. |
| У шапці (In header) | Іконка кошика буде закріплена в межах шапки сайта. |
Виберіть вигляд іконки, колір для кожного елемента ікони, радіус заокруглення та розмір.
Налаштуйте форму замовлення
Додайте спосіб оплати
Виберіть, через яку платіжну систему приймати оплату. Якщо у вашому інтернет-магазині передбачено не один метод оплати, можете додати декілька. Для цього натисніть Додати спосіб оплати (Add a payment method).
Необхідно додавати методи оплати, які працюють у тій самій валюті, яка потрібна для магазину. Якщо додати платіжну систему в іншій валюті, вона отримуватиме неправильну суму до оплати.
Докладніше про підключення різних способів оплати читайте у розділі Прийом оплат.
Після підтвердження оплати користувачів можна перенаправити на певну сторінку. Для цього прокрутіть вниз та виберіть розділ Додаткові параметри форми (Additional form settings). Виберіть або введіть посилання на сторінку, яка з'явиться після підтвердження оплати.
Налаштуйте поля форми
За замовчуванням у формі замовлення вже є одне обов'язково поле Emai — за ним клієнта буде ідентифіковано в усіх сервісах SendPulse. Ви також можете додати свої поля, щоб зібрати додаткову інформацію, наприклад ім'я, адресу та телефон.
Натисніть Додати (Add) у секції Поля форми (Form fields). Щоб налаштувати поле, натисніть олівець навпроти поля. Виберіть тип поля, введіть назву, текст плейсхолдеру та підв'яжіть до поля у CRM. Ви також можете переміщувати та видаляти поля.
Читайте також: Які типи користувацьких полів можна налаштувати.
Налаштуйте інтеграцію з іншими сервісами
Щоб налаштувати інтеграцію з CRM, введіть назву угоди, виберіть воронку і статус угоди, в який зберігати угоду. Після оформлення замовлення в CRM буде створено угоду та контакт із даними з полів кошика, а список товарів буде додано до коментарів угоди.
Також ви можете інтегрувати з сервісом email розсилок. Активуйте Додати до адресної книги (Add to mailing list) та виберіть книгу.
Налаштуйте спосіб доставки
Для фізичних товарів доступні способи доставки відобразяться автоматично після того, як ви додасте їх у налаштуваннях онлайн-магазину.
Якщо в кошику користувача будуть тільки цифрові товари, варіанти доставки відображатися не будуть.
Налаштуйте кнопку оплати
Для налаштування стилю кнопки оплати натисніть на олівець у розділі Кнопка оплати (Button form). У полі Текст введіть текст кнопки, а у полі Стиль виберіть розмір та стиль кнопки: Основний і Вторинний успадковуються із загального стилю сторінок, а для Налаштований ви можете вибрати колір тексту, фону, налаштувати контур та ефект при наведенні.
Налаштуйте аналітику
Ви можете налаштувати передачу цілей з форми у події Google Analytics та Facebook Pixel. Натисніть кнопку Налаштування аналітики (Analytics settings).
Активуйте потрібний перемикач: Передавати ціль у Google Analytics або Передавати ціль у піксель Facebook.
Для активації передачі даних у налаштуваннях сайту мають бути додані коди пікселя Facebook та Google Analytics. Читайте детальніше: Як підключити Google Analytics до сайту і Як підключити піксель Facebook до сайту.
Перед закриттям конструктора сайтів перевірте правильність налаштувань віджета.
Оновлено: 30.04.2025
або