Як змінити кольори, шрифти, тему і вигляд кнопок
Шрифт і основні кольори сторінки задає тема оформлення: натисніть Esc у редакторі, щоб зняти виділення з блоків, і в правій панелі виберіть одну з 8 тем у списку «Тема оформлення». Окремого вибору шрифту немає ніде, а колір заливки кнопок береться з теми — тому зміна теми перефарбовує всі кнопки разом. Вигляд окремої кнопки, значок, колір тексту і фон блоку налаштовуються в розділі «Оформлення» правої панелі.
Тема оформлення: шрифт і кольори всієї сторінки
Редактор є українською (перемикач UA / RU / EN — у шапці редактора), тому назви — як на екрані. Відкрийте лендинг кнопкою «Редактор» у розділі «Лендінги». Зніміть виділення з блоку: Esc або клік по порожньому місцю. У правій панелі з'явиться розділ «Сторінка» зі списком «Тема оформлення». Окремої кнопки «Тема» в шапці немає.
У кожної теми свій шрифт і свої кольори:
- Товарка (яскравий)
- Онікс (техно-преміум)
- Terra (еко, теплий)
- Rose (б'юті, м'який люкс)
- Garage (автотовари)
- Mint (здоров'я, аптека)
- Volt (спорт, енергія)
- Junior (дитячі товари)
Фон сторінки і темні секції
Там само, під списком тем, є «Фон сторінки»: вибір кольору, поточне значення «з теми» і кнопка «Скинути», щоб повернути колір теми.
Окремого перемикача «темна тема» немає, але темну сторінку зібрати можна. У кожного блоку в розділі «Оформлення» є «Секція (фон-смуга)» з варіантами «Світла», «Темна», «Синя», а також «Фон блоку» і «Колір тексту» з кнопкою «Скинути». Поєднайте темний «Фон сторінки» з «Темна» у потрібних блоків і перевірте результат у «Попередній перегляд».
Текст: розмір, колір, вирівнювання
Виділіть блок і прокрутіть праву панель до розділу «Оформлення». Там:
- «Розмір тексту» S / M / L / XL — лише в блоків «Заголовок» і «Текст».
- «Вирівнювання» — по лівому краю, по центру, по правому краю.
- «Колір тексту» і «Фон блоку» — свої для кожного блоку.
- «Вигляд блоку» у «Заголовок»: «Секція» або «Герой» — так заголовок можна виділити без окремого шрифту.
- Шрифту, відступів, рамок, анімації і власного CSS у блоків немає.
Кнопки: колір, вигляд, значок, ширина
Колір заливки кнопок береться з теми і однаковий для всіх кнопок на сторінці. Щоб перефарбувати їх одним кліком, змініть тему. Окремо змінити заливку однієї кнопки не можна; «Колір тексту» у кнопки фарбує лише підпис під нею, а «Фон блоку» — смугу за кнопкою.
Виділити одну кнопку серед інших можна виглядом: «Оформлення» → «Вигляд блоку» — «Заливка», «Контур», «М'яка», «Світіння», «На всю ширину», «Скруглена». Кнопка на всю ширину — це вид «На всю ширину».
Значок задається в розділі «Вміст», поле «Піктограма в кнопці»: «Без значка», «Кошик», «Телефон», «Блискавка», «Галочка», «Доставка», «Подарунок». Куди веде кнопка і що вписувати в «Посилання кнопки (необов'язково)», описано в статті Куди веде кнопка «Замовити».
Липка кнопка і анімація
Кнопку, яка видна під час прокрутки, дає блок «Липка шапка» (група «Продаж»). Вона завжди прибита до верху сторінки, де б не стояла в списку блоків. Поля: «Текст шапки», «Години», «Хвилини» (зворотний відлік) і «Текст кнопки». Кнопка шапки веде до першої форми заявки або квізу, а вигляд шапки повністю задає тема.
Пульсації та інших анімацій у кнопок немає. Найближчий варіант — вид «Світіння», але це статичний вигляд, а не анімація.
Усі зміни оформлення покупці побачать лише після кнопки «Опублікувати» — див. Як опублікувати зміни.
Чого тут немає
У LandEmpire немає вибору шрифту, власного CSS, анімацій, відступів, рамок і приховування блоків окремо на телефоні чи комп'ютері. Колір заливки кнопок не налаштовується окремо — лише через тему. Вигляд «Липка шапка» задає тільки тема, і вона завжди вгорі сторінки. Сторінки мобільні: на комп'ютері показується та сама колонка по центру.
Часті запитання
Де змінити шрифт? Хочу Montserrat.
Окремого вибору шрифту немає: шрифт задає тема оформлення, і в кожної з 8 тем він свій. Тему вибирають у правій панелі редактора, коли не виділено жоден блок, — список «Тема оформлення».
Як змінити шрифт заголовка окремо від тексту?
Ніяк — шрифт однаковий для всієї сторінки. Заголовок виділяють розміром («Розмір тексту» S/M/L/XL), видом «Герой» і «Колір тексту».
Як поміняти колір кнопок на всій сторінці одним кліком?
Змініть тему оформлення: колір заливки всіх кнопок береться з неї. Окремого налаштування кольору кнопок немає.
Темна тема в лендингу є?
Окремого перемикача немає. Темну сторінку збирають з «Фон сторінки» і варіанта «Темна» в «Секція (фон-смуга)» у потрібних блоків.
Як поставити іконку кошика на кнопку і зробити її на всю ширину?
Виділіть блок «Кнопка»: у «Вміст» → «Піктограма в кнопці» виберіть «Кошик», а в «Оформлення» → «Вигляд блоку» — «На всю ширину».
Як додати липку кнопку «Замовити», що їде за прокруткою?
Додайте блок «Липка шапка»: вона завжди вгорі сторінки, з таймером і кнопкою, що веде до першої форми чи квізу. Липкої кнопки внизу екрана немає.
Інші напрямки
Спробуйте просто зараз
Вставте посилання на свій товар — за хвилину побачите готовий лендинг. Реєстрація не потрібна.
Pro на 7 днів безкоштовно, без картки