Договор оферты на странице оплаты

Как часто и внимательно ваши покупатели читают Договор оферты?

Требуют возврат средств?

Или вашим продуктом интересуются пираты?

Как удостовериться, что покупатель видел Договор оферты и принял его?

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

И зафиксировать принятие этого договора.

Как это выглядит у нас на странице оплаты до принятия Договора Оферты:

Договор оферты на странице оплаты

Суть в том, что при переходе на страницу оплаты изначально способы оплаты не доступны.

Они появляются только после нажатия на кнопку “Принять”.

И при этом пользователь, который нажал на кнопку, добавляется в группу “Принял договор оферты”.

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

Итак, приступим к настройке.

Страница оплаты находится в разделе Системных страниц сайта.

  1. Перейти в раздел “Сайт” и выбрать раздел “Страницы”
  2. Перейти в папку “Системные страницы”
  3. Выбрать из списка “Оплата заказа”

Договор оферты на странице оплаты

Далее нажимаем на кнопку “Настроить вид”

Договор оферты на странице оплаты
Добавляем на страницу необходимые элементы.

1. После блока Частичной оплаты вставляем контейнер в который уже будут добавлены остальные элементы.

Договор оферты на странице оплаты

Договор оферты на странице оплаты

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

Для этого контейнера задаём id oferta-wrapper

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

2. Далее в этот контейнер добавляем два html блока для заголовка и текста Договора оферты.

Блоку с офертой задаём класс oferta и высоту, например, 400.

Добавляем текст заголовка и договора.

Договор оферты на странице оплаты

Договор оферты на странице оплаты

3. На следующем шаге в контейнер добавим Форму записи в группу.

Договор оферты на странице оплаты
Для формы зададим следующие настройки:

1) “Показывать форму записи” – то есть, при такой настройке кнопка Принять будет показываться при каждом заходе на страницу оплаты

2) Указываем группу, в которую нужно добавить Пользователя, после нажатия кнопкм Принять

Договор оферты на странице оплаты
3) Поле e-mail формы делаем обязательным и скрываем, если заполнено.

Договор оферты на странице оплаты
4) В обработчик кнопки вставляем код

document.getElementById('payblock').style.display='block'; document.getElementById('oferta-wrapper').style.display='none'

в одну строку.

Договор оферты на странице оплаты
4. Блоку со способами оплаты задаём id – payblock

Договор оферты на странице оплаты
5. Теперь осталось прописать несколько строк в стили страницы.

Переходим в редактор стилей.

Договор оферты на странице оплаты
И прописываем значения

/*--Блок с офертой--*/

.oferta {
  overflow: scroll;
}

/*--Блок со способами оплаты--*/

#payblock {
  display: none;
}

То есть для блока с офертой делаем возможность скролла.

А вторым свойством – скрываем блок со способами оплаты.

На этом всё.

НО!

Есть один важный нюанс.

Чтобы Пользователь, который перешел на страницу оплаты и нажал на кнопку “Принять” добавился в группу, он должен попасть на эту страницу авторизованным.

После оформления заказа и перехода на страницу оплаты – Пользователь не авторизуется!!!

Чтобы его авторизовать, то необходимо в настройках форм оплат задать в действиях после заполнения Авторизовать пользователя.
Иначе пользователь будет видеть поле с емейлом и кнопку.

Договор оферты на странице оплаты
Теперь всё)

Ждём ваших вопросов и комментариев.

И будем признательны, если напишите в комментариях или в соц. сетях (ссылки в подвале страницы), была ли эта статья для вас полезной.

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...