Таблица со спойлером и кнопкой онлайн-записи (для конструктора Тильда)

Передставляю конвертор таблицы Excel (или другой аналогичной) в код для вставки на страницу созданную в онлайн-конструкторе сайтов Тильда.

Таблица — это прайс-лист, гда в первой колонке наименование услуги, а во второй — цена. Вставляется обычным копипастом. Следите, чтобы не было пустых строк.

Код для «однократной вставки» (содержит стили и яваскрипт) — вставляется на страницу в отдельный блок до первой таблицы. Код таблиц (содержит HTML) может вставляться на страницы в отдельных блоках. Сколько таблиц — столько блоков.

Кнопка записи на прием (всплывает при наведении на строку таблицы) вызывает форму обратной связи (href вызова формы и name поля, в которое упадет наименование услуги, в котором кликнули по кнопке, возьмите из настроек блока с формой в тильде). Поле с названием услуги закрывается для изменений, чтобы посетитель сайта ничего в нем не менял.

Спойлер сворачивает и разворачивает таблицу. Количество строк в свернутом состоянии задается в настройках.

Строка с пустой ячейкой цены воспринимается конвертером как подзаголовок таблицы. Ячейка в которой обнаружится ключевое слово (в моем примере это слово «Стоимость») превращает строку в шапку таблицы.

Помогло? Зашли Админу на чай.


Href вызова формы заказа

Имя поля с ценой (точное вхождение)

Name поля для формы заказа


Название кнопки заказа

Название кнопки спойлера

Количество видимых строк таблицы


Вставьте сюда содержимое вашей таблицы



Получите код css и js для ОДНОКРАТНОЙ вставки на страницу (до таблиц)

Получите код таблицы для вставки на сайт


Предполагается, что на сайте таблица будет выглядеть так