Як керувати сторінками через блоки в Shopcore

Відкрийте адмінку потрібного сайту й перейдіть у розділ «Сторінки» → «Сторінки сайту». Натисніть назву сторінки, щоб відкрити її конструктор. Біля сторінки є меню «⋯» з діями, зокрема «Налаштування сторінки» та «Переглянути на сайті ↗».

Сторінка складається з блоків — окремих секцій зі своїм вмістом і оформленням. Наприклад: обкладинка із заголовком, текст про компанію, переваги, запитання й відповіді та кнопка переходу. Ви редагуєте кожну секцію окремо, а конструктор показує їх у вибраному порядку.

Перед початком визначте одну задачу сторінки: розповісти про компанію, пояснити доставку, презентувати послугу чи привести відвідувача до каталогу. Так легше вибрати потрібні блоки й не перевантажити сторінку.

1. У вкладці «Сторінки сайту» натисніть «Створити сторінку».
2. Перевірте статус у верхній панелі конструктора. Якщо готуєте матеріал непублічно, відразу вимкніть «Опубліковано»: сторінка перейде в стан «Чернетка».
3. Відкрийте «Дії сторінки» → «Налаштування сторінки», вкажіть назву й URL та натисніть «Зберегти». Наприклад, для сторінки «Про нас» використайте короткий slug pro-nas. Поверніться до редактора через «Конструктор».
4. Додайте блоки й наповніть сторінку. Після перевірки ввімкніть публікацію.

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

Створити сторінку й додати її в меню — окремі задачі. Після публікації перевірте, чи є потрібне посилання в навігації сайту та чи веде воно саме на цю сторінку.

Натисніть «+ Додати блок» у потрібному місці сторінки. У каталозі «Доступні блоки» перегляньте варіанти та їхні прев’ю. Вибирайте блок за його задачею: великий заголовок для першого екрана, текстова секція для пояснення, блок переваг для коротких аргументів.

«Інформація»: що бачить відвідувач

Відкрийте «Інформація» в потрібному блоці. Залежно від його типу тут будуть заголовки, текст, зображення, підписи, кнопки або списки елементів. Заповніть поля й натисніть «Зберегти» саме в цій панелі.

Для кнопок перевіряйте і напис, і адресу переходу. «Перейти до каталогу» має вести на ваш каталог, а не на приклад із шаблону. Для фото вибирайте зображення, яке добре виглядає в потрібній пропорції: широкий банер і вертикальне фото можуть обрізатися по-різному.

«Вигляд»: як оформлена секція

Відкрийте «Вигляд». Налаштування залежать від блока, а в групі «Базові стилі блока» доступні фон, відступи та ширина контейнера. Після змін натисніть «Зберегти».

Почніть із готового оформлення. Використовуйте однакову ширину текстових секцій і помірні відступи. Якщо блок має окремі параметри для мобільного екрана, перевірте їх; результат завжди переглядайте і на вузькому екрані.

Змінити порядок

Використовуйте стрілки «Перемістити вгору» та «Перемістити вниз» біля блока. Розташуйте секції в логіці читача: що ви пропонуєте → кому це підходить → чому вам довіряти → що зробити далі.

Використати оформлений блок ще раз

1. У готовому блоці натисніть «Зберегти знімок блока».
2. Дайте йому впізнавану назву, наприклад «Переваги — світлий фон».
3. На потрібній сторінці відкрийте «Додати блок» → «Мої блоки».
4. Виберіть знімок і натисніть «Додати збережений блок».

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

Прибрати або повернути блок

Для непотрібної секції є дія «Видалити блок». Щоб повернути видалене, відкрийте «Видалені блоки» → «Відновити», після чого перевірте його місце на сторінці. Універсального перемикача приховування окремого блока немає: не плутайте видалення секції з перемикачем публікації всієї сторінки.

Окремі сторінки мають спеціальне призначення. Відкрийте «Сторінки» → «Компоненти сайту» → «Призначення сторінок». Тут можна вибрати сторінку для головної, каталогу, шаблону категорії або товару, оформлення замовлення, шапки та підвалу.

1. Знайдіть потрібне призначення, наприклад «Головна сторінка».
2. Виберіть підготовлену сторінку та натисніть «Зберегти».
3. Скористайтеся дією «Відкрити білдер», щоб редагувати її блоки. Для головної вибирайте опубліковану сторінку, що містить хоча б один блок.
4. Перевірте результат у відповідному місці сайту.

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

Для каталогу й товарних шаблонів використовуйте відповідні блоки з каталогу конструктора. Звичайний текстовий блок сам по собі не стане списком товарів.

Якщо на сайті підключено кілька мов, у панелі «Інформація» з’являються мовні вкладки. Заповнюйте тексти для кожної потрібної мови й зберігайте зміни. Переклади вводяться окремо: не очікуйте автоматичного перекладу всього блока.

Частина полів спільна для всіх мов. Наприклад, налаштування оформлення не потрібно повторювати в кожній мовній вкладці. Звертайте увагу на те, де саме редагуєте поле, і перевіряйте результат перемиканням мови на сайті.

У налаштуваннях сторінки заповніть доступні SEO-заголовок та SEO-опис: коротко поясніть, про що сторінка й кому вона корисна. Заголовок першого блока — видимий текст сторінки; SEO-заголовок призначений для метаданих. Вони можуть бути схожими, але виконують різні задачі.

Параметр заборони індексації не замінює чернетку. Якщо матеріал не має бути публічно доступним, керуйте його публікацією.

1. Обкладинка. Напишіть, чим займається компанія та яку користь отримує клієнт. Додайте доречне фото й одну основну кнопку.
2. Текстовий блок. Розкажіть про досвід, команду або підхід до роботи. Використайте кілька коротких абзаців.
3. Переваги. Наведіть конкретні аргументи: власне виробництво, допомога з вибором, гарантійне обслуговування.
4. Наступна дія. Дайте відвідувачу зрозумілий перехід у каталог або до контактів.

Збережіть кожну відредаговану панель, перевірте порядок блоків і відкрийте сторінку на сайті. Натисніть усі кнопки. На телефоні перевірте довжину заголовка, обрізання фото й відступи між секціями.

Якщо створили сторінку, але не бачите її на сайті, перевірте три речі: чи ввімкнена публікація, чи відкриваєте правильну адресу та чи додали потрібне посилання в меню або призначили сторінку відповідним компонентом.