Кастомизация стилей мерчанта v2

В современном разнообразии интернет-магазинов важно, чтобы сайт подчеркивал индивидуальность компании и был узнаваем клиентами.

Кастомизация стилей мерчанта v2 позволит придать вашему сайту и платежной странице однородный и профессиональный вид. С ее помощью можно изменить варианты написания текста на платежной странице или добавить ваш фирменный логотип.

Например, мерчант IntellectMoney до кастомизации:

Мерчант клиента после использования кастомизации:

IntellectMoney предлагает два возможных варианта кастомизации внешнего вида мерчанта:

1. Внедрение готовых стилей

Кастомизация страницы с помощью CSS позволяет вам изменить внешний вид и стиль элементов на веб-странице.

Ниже приведены шаги, которые помогут вам добавить собственные стили, использовать !important для переопределения существующих стилей и отправить готовый файл.

Шаг 1: Подготовка файла CSS

1. Создайте новый файл CSS, например, custom-styles.css.
2. Откройте файл в текстовом редакторе и добавьте свои стили. Например:

body {
    background-color: #f0f0f0;
}

h1 {
    color: #333;
    font-size: 24px;
}

Шаг 2: Использование инспектора задач

1. Откройте веб-страницу, которую хотите кастомизировать.
2. Нажмите правой кнопкой мыши на элемент, который требуется изменить, и выберите "Просмотреть код" или "Инспектировать" (в зависимости от браузера).
3. В инспекторе задач найдите соответствующий элемент HTML и изучите применяемые к нему стили.

Шаг 3: Изменение стилей

1. В инспекторе задач вы можете временно изменять стили элемента, чтобы увидеть, как они будут выглядеть.
2. После того как вы определите нужные изменения, запишите их в вашем файле custom-styles.css.

Пример изменения стиля:

h1 {
    color: #ff0000 !important; /* Этот цвет будет применен независимо от других определений */
}

Шаг 4: Отправка готового файла

После завершения всех изменений стилей отправьте готовый файл `custom-styles.css нам на электронную почту или через другой удобный способ с указанием номера организации или магазина к которому хотите применить данные стили.

Мы добавим данный файл в проект, протестируем и сообщим Вам по завершению работ, чтобы Вы могли проверить результат и если необходимо внести корректировки.

2. Верстка и внедрение предоставленного макета силами IntellectMoney

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

Макет должен включать как десктопную, так и мобильную версию.

После получения макета, мы выполним его вёрстку и подключим стили к вашему магазину.