Кастомний блок на checkout success page в Magento 2

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

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

Сьогодні ви дізнаєтеся, як додати кастомний блок на сторінку checkout success page в Magento 2. А також ми розповімо, як показувати цей блок за різних умов. Тож чекайте, щоб дізнатись більше подробиць.

Чи казали ми вже, що вам не потрібно буде кодувати?

Давайте почнемо додавати кастомний блок на сторінки успішного замовлення в Magento.

Більшість статей щодо додавання кастомних блоків на сторінку checkout success page ознайомлять з складними інструкціями з розробки. В той час як ви можете зробити це за допомогою простих налаштувань в адмін панелі Magento.

1. Створіть CMS блок

CMS блоки або статичні блоки — це найпростіший спосіб маніпулювати контентом на сторінках вашого магазину Magento 2. Отже, усе, що вам потрібно на цьому кроці, це піти у Content > Blocks та додати новий блок.

Налаштування CMS блоків є дуже простими. Просто ввімкніть блок, дайте йому Title та Identifier і задайте представлення магазину, де він буде доступний.

Останнє — це додавання контенту блоку, який залежить від того, з чим ви хочете, щоб користувачі взаємодіяли.

New CMS Block

Не забудьте зберегти блок і переходьте до наступного кроку.

2. Створіть віджет, щоб показувати CMS блок

На жаль, CMS блоки не з'являються на сторінках сайту автоматично. Ви повинні використовувати віджети, щоб задати, де їх відображати.

Отже, перейдіть у Content > Widgets та натисніть кнопку Add Widget. Це стандартний процес додавання віджета в Magento. Вам потрібно вибрати CMS Static Block як тип віджета та задати свою тему.

Потім задайте Widget Title, призначте його представленням магазину та задайте Sort Order.

Custom Block on Checkout Success Page

Найважливішим розділом, який визначає, де буде відображатися блок, є Layout Updates.

Відповідно, виберіть Specified Page як місце для відображення блоку. Потім у спадному списку знайдіть сторінку One Page Checkout Success Page та виберіть контейнер сторінки.

Ми вирішили відобразити його внизу основного контенту — Main Content Bottom.

How to Add Custom Block to Checkout Magento

Останнє, але не менш важливое, виберіть CMS блок, який ви щойно створили, у вкладці Widget Options і збережіть його.

Magento Widget Options

Примітка: блок може не з’явитися миттєво, тому очистіть кеш і ще раз перевірте вітрину.

 

Щойно ви додасте кастомний блок на сторінку успішного оформлення замовлення, він спонукатиме користувачів взаємодіяти з ним після укладання замовлення.

Magento Custom Block on Checkout Success Page

Ви можете показувати що завгодно: від банера "Дякую" до CTA на статі блогу. Можливості безмежні.

Тим не менш, ви можете зробити це краще.

3. Задайте умови для відображення CMS блогу

Персоналізований досвід є ключювим елементом для кращих конверсій. Отже, якщо користувачі вже довірили вам свої гроші, має сенс заохочувати їх робити це повторно.

Сторінка успішного укладання замовлення — ідеальне місце для цього. Особливо, якщо кастомні блоки, які ви відображаєте відносяться до замовлених продуктів, суми замовлення або будь-якими іншими атрибутами кошика чи продукту.

Отже, ось коли стане в нагоді розширення CMS Display Rules.

Повертаючись до нашого CMS блоку, ми просто налаштували банер нашого туристичного блогу для відображення для тих користувачів, які придбали сумку з нашій категорії Сумки.

Але це лише крапля в морі.

CMS Display Rule for Checkout Page

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

Ви пропонуєте безкоштовну доставку лише для продуктів, вартість яких перевищує $40, чи спеціальні пропозиції для зареєстрованих користувачів?

Це залежить від вашої уяви та бізнес-цілей. І найкраще те, що ви можете відобразити цей блок у будь-якому місці свого сайту. CMS display rules дозволяють персоналізувати взаємодію з користувачами та краще продавати ваш продукт. Відвідайте наше онлайн демо та переконайтеся в цьому самі.