Блок «Акордеон» — це зручне графічне рішення для вебсайту у вигляді списку текстових нотаток з випадними елементами:

«Акордеон» досить легко вбудувати на сайт та налаштувати під власні потреби: він чудово підходить для будь-яких необхідних запитів.

Як додати та налаштувати «Акордеон»?

Щоб додати елемент на ваш сайт, перейдіть до налаштувань сайту та натисніть плюс, щоб відкрити меню з розділами, доступними в Salebot.

Потім у меню розділів, що відкрилося, знайдіть блок «Акордеон».

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

Налаштування вмісту

Спочатку ми додамо картки вмісту, для чого потрібно натиснути кнопку «Вміст», а потім додати саму картку, яка міститиме заголовок і, відповідно, текст:

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

Текстовий елемент блоку має налаштування, подібні до будь-якого текстового редактора: налаштування жирності, курсиву, підкреслення, висоти шрифту та контуру шрифту, кольору тощо.

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

Далі завантажте зображення, якщо необхідно, та додайте уточнюючий текст — відповідь на запитання:

Ви можете додати необхідну кількість карток вмісту.

Налаштування вмісту

Після додавання необхідної кількості карток вмісту перейдіть до налаштувань вмісту:

Далі ви можете вибрати прапорець, щоб перша картка акордеону або лише одна з карток була відкрита.

Виберіть налаштування вертикального відступу між запитаннями в блоці:

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

Текстовий елемент (а також кнопка) у картці завжди знаходиться посередині відносно верхнього та нижнього країв. Щоб вибрати потрібну відстань, введіть числове значення в поле «Внутрішній відступ зверху та знизу»:

Також весь вміст картки (включаючи текст та кнопку для розгортання тексту відповіді) розташований посередині відносно правого та лівого країв. Щоб налаштувати відступи ліворуч і праворуч, використовуйте поле «Внутрішній відступ ліворуч та праворуч»:

Щоб вибрати розмір іконки, яка відкриває текст відповіді, просто скористайтеся цим полем «Ширина іконки», яке також приймає виключно числове значення:

Якщо зображення всередині картки занадто велике, ви можете вибрати його ширину, вказавши потрібне значення в полі «Ширина зображення»:

Далі виберіть колірну палітру для кожного елемента вашого акордеону: тексту, фону картки, іконки тощо:

Тепер ви знаєте, як встановити блок «Акордеон» на ваш вебсайт та налаштувати вміст всередині блоку.

Налаштування блоку (секції): шрифт, фон та параметри відображення

Щоб налаштувати блок «Акордеон», вам знадобляться універсальні налаштування секції (блоків), які включають налаштування шрифту, фону та відображення.

Налаштування секції (блоку), а саме шрифти, фон та відображення, є однаковими для всіх блоків.

Детальніше про універсальні налаштування секцій (блоків) сайту читайте в статті