Як налаштувати мобільну версію сайту

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

Розглянемо, як адаптувати стиль сайту для мобільної версії.

Огляд

Конструктор сайтів підтримує версії пристроїв для різної роздільної здатності екрана:

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

За замовчуванням сторінка використовує адаптивний дизайн, а стилі десктопної версії синхронізуються з планшетною та мобільною версіями. Щоб налаштувати версію окремо, перейдіть до неї та вимкніть перемикач Стилі синхронізовано (Styles are synced).

Після вибору версії пристрою налаштуйте розміри та вирівнювання елементів для оптимального відображення на цьому пристрої. Залежно від елемента можна змінити його вирівнювання (ліворуч, праворуч або по центру), висоту, внутрішні відступи, заокруглення, колір фону та фонове зображення.

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

Налаштуйте шрифти

Щоб змінити шрифти для версії пристрою, перейдіть до стилю сторінки та натисніть Налаштувати (Customize) поруч зі шрифтами. Натисніть на іконку, щоб вимкнути синхронізацію, і налаштуйте стилі заголовків, основного тексту та тексту кнопок для вибраної версії.

Сховайте блоки та віджети

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

Щоб сховати блок з усіма його елементами, перейдіть до налаштувань блока та в полі Сховати блок на (Hide block on) виберіть версію пристрою, у якій його потрібно сховати, — десктоп, планшет або мобільний.

Ви також можете налаштувати інші умови відображення елементів. Докладніше: Відображення блоків за умовами.

Оновлено: 23.07.2025