Найти в Дзене
Блог о Геткурсе :)

Как изменить вид ссылки на промо-код?

Возможность ввести промо-код у Геткурса есть только при оплате товара, это объясняется тем, что промо-код привязывается именно к этому заказу. Так что пока нет способа вывести это поле в форму (только java-script ). Но зато есть отличная возможность поменять совсем незаметную ссылку на более яркую. При тестировании мной промо-кода, ни один пользователь (их было 3) с первого раза не нашел, куда нужно вставлять промокод(. Они просто не заметили ссылку. Всех привлекала только кнопка Оплатить. Задача: ссылку для вставки промо-кода сделать более заметной. Решение: 1. Заходим на Системные страницы, выбираем страницу Оплата заказа. 2. Выбираем нужный блок (кликаем на блок со ссылкой Знаете промо-код?) и выбираем кнопку Стили CSS<>. 3. Вставляем код HTML, где .dotted-link класс данной ссылки. Цвет
и размер выбираете любой. .dotted-link { font-size: 18px;/*Размер шрифта */ font-weight: bold;/*Толщина шрифта */ background-color: #fea0a3;/*Цвет фона */ border-color: #fea0a3;/*Цвет границы
Возможность ввести промо-код у Геткурса есть только при оплате товара, это объясняется тем, что промо-код привязывается именно к этому заказу. Так что пока нет способа вывести это поле в форму (только java-script ).

Но зато есть отличная возможность поменять совсем незаметную ссылку на более яркую.

При тестировании мной промо-кода, ни один пользователь (их было 3) с первого раза не нашел, куда нужно вставлять промокод(. Они просто не заметили ссылку. Всех привлекала только кнопка Оплатить.

-2

Задача: ссылку для вставки промо-кода сделать более заметной.

Решение:

1. Заходим на Системные страницы, выбираем страницу Оплата заказа.

-3

2. Выбираем нужный блок (кликаем на блок со ссылкой Знаете промо-код?) и выбираем кнопку Стили CSS<>.

-4

3. Вставляем код HTML, где .dotted-link класс данной ссылки. Цвет
и размер выбираете любой.

.dotted-link {
font-size: 18px;/*Размер шрифта */
font-weight: bold;/*Толщина шрифта */
background-color: #fea0a3;/*Цвет фона */
border-color: #fea0a3;/*Цвет границы */
color: white;/*Цвет текста */
padding:2px;
}

4. Сохраняем и смотрим. Теперь трудно не заметить эту ссылку)

-5

Надеюсь, вам была полезна эта информация. Всем успехов!