Как сделать форму обратной связи на тильде

Как сделать форму, чтобы принимать данные?

Чтобы сделать форму, подключите сервисы приема данных в Настройках сайта → Формы, выберите подходящий блок из категории «Форма» настройте его и опубликуйте страницу с формой.

Просим обратить внимание: техническая поддержка Tilda Publishing не осуществляет поддержку связанную с работой кода

1) В Zero block создаем форму и добавляем нужные нам поля.

2) Добавляем код в блок T123. Код 1 для двух колонок, код 2 для трех колонок.

3) В коде заменяем .tn-elem__986 168 601 554 888 163 328 на class формы из Zero block.

Если нужно чтобы кнопка была по центру формы, добавляем код 3, заменив в нем class формы из Zero block.

Если нужно что бы на экранах 960px и меньше была стандартная форма, в одну колонку, применяем код 4.

Формы в 2 или 3 колонки в Zero Block
Код 1: на 2 колонки

   .tn-elem__986168601554888101247 .t-form__inputsbox < display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; >.tn-elem__986168601554888101247 .t-input-group < flex: 50% 0 0; padding: 0 15px; box-sizing: border-box; >.tn-elem__986168601554888101247 .tn-form__submit

Код 2: на 3 колонки

   .tn-elem__986168601554888101247 .t-form__inputsbox < display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; >.tn-elem__986168601554888101247 .t-input-group < flex: 33.33% 0 0; padding: 0 15px; box-sizing: border-box; >.tn-elem__986168601554888101247 .tn-form__submit

Код 3: ставит кнопку формы по центру

   .tn-elem__986092821554888101247 .tn-form__submit

Код 4: для экранов меньше 960px будет стандартная форма

Лучшие Tilda виджеты

Подборка бесплатных виджетов с полезным функционалом для увеличения продаж и активности клиентов. Быстрая установка, широкие опции, неограниченная поддержка.

All widgets

Изучите полную подборку расширений для Tilda

No Results
Instagram Feed
Лучший способ добавить Инстаграм фото на Tilda сайт
Best seller
Google Отзывы
Покажите, что ваша компания заслуживает доверия с помощью Google отзывов
Best seller
WhatsApp Чат
Общайтесь с посетителями Tilda сайта нон-стоп
Best seller
Social Feed
Все популярные соцсети в одной ленте у вас на Tilda сайте
Best seller
Виджет Отзывов
Повысьте доверие клиентов, демонстрируя положительные отзывы о вашем бизнесе на Tilda сайте
Best seller
Онлайн Чат
Самый удобный способ связаться с вами на Tilda сайте через любой мессенджер
Таймер и Счетчик
Счетчики и таймеры для увеличения продаж на Tilda сайте
Попап Конструктор
Создавайте всплывающие окна для Tilda сайта и повышайте продажи
Best seller
Facebook Виджет
Выводите Facebook контент на Tilda сайте и увеличивайте аудиторию
Слайдер Отзывов
Повышайте доверие к своему бренду, демонстрируя реальные отзывы клиентов
YouTube Виджет
Добавляйте на Tilda сайт любые видео и каналы из YouTube всего в несколько кликов
Best seller
Facebook Отзывы
Покажите, что ваш бизнес заслуживает доверия
Подтверждение Возраста

Простой инструмент, чтобы проверить возраст пользователей перед тем, как дать доступ к материалам Tilda сайта

Best seller
Таблица Цен и Тарифов
Увеличьте уровень продаж благодаря наглядной и эффективной Таблице Цен
Cookie Виджет
Создайте уведомление об использовании cookie-файлов на Tilda сайте
Конструктор Форм
Получайте больше обратной связи от пользователей через разнообразные формы
Создайте блок ответов, чтобы разрешить все вопросы и сомнения клиентов
Форма Обратной Связи
Больше заявок с Tilda сайта и отзывов от клиентов благодаря удобным формам связи
Google Карты
Станьте ближе для своих клиентов, благодаря Гугл картам на вашем Tilda сайте
Календарь Событий
Расскажите всем о своих мероприятиях с помощью Календаря Событий от Elfsight
Best seller
Facebook Чат
Вы всегда на связи с пользователями благодаря Facebook Чат от Elfsight
Аудио Плеер
Добавляйте все типы аудиоконтента на Tilda сайт быстро и легко
Фотогалерея
Создавайте первоклассные коллекции изображений
Twitter Виджет
Выводите свою ленту или отзывы клиентов из Твиттера
Amazon Отзывы
Докажите, что ваш бизнес заслуживает доверия
Социальные Кнопки
Создавайте социальные кнопки «Поделиться» и «Мне нравится» для вашего Tilda сайта
Цифры Компании
Продемонстрируйте свои потрясающие результаты вашей аудитории
Карусель Логотипов
Демонстрация логотипов партнеров и клиентов
Создавайте слайдеры с фото, видео и баннерами для своего Tilda сайта
Слайдер До/После
Покажите впечатляющие результаты ваших работ в сравнении
Создавайте кнопки под различные целевые действия на вашем Tilda сайте
Конструктор баннеров
Создавайте и размещайте рекламные баннеры на своем Tilda сайте
Форма подписки
Собирайте email-адреса с помощью формы подписки на своем Tilda сайте
Лента TikTok
Демонстрируйте динамичные видео из TikTok на своем Tilda сайте
Instagram Widget
Display your Instagram profile to attract new subscribers
Tripadvisor Отзывы
Демонстрируйте реальные отзывы и повышайте доверие к вашему бренду
Иконки Соцсетей
Добавьте логотипы соцсетей на свой Tilda сайт
PDF Виджет
Простой инструмент для интеграции PDF-файлов на Tilda сайт с возможностью загрузки
Кнопка Звонка
Дайте вашим пользователям возможность связаться с вами с помощью виджета обратного звонка
Фоновая Музыка
Добавьте фоновую музыку на свой вэбсайт
Сотрудники Компании
Представьте свою команду в максимально выгодном свете с помощью привлекательной галереи
Vimeo Виджет
Демонстрируйте видео и каналы из Vimeo на своем Tilda сайте
Yelp Отзывы
Покажите, что ваш продукт заслуживает доверия с помощью отзывов Yelp
PayPal Кнопка
Простой способ получать платежи на Tilda сайте
Подкаст Плеер
Повысьте вовлеченность пользователей с помощью увлекательного и полезного контента
Меню Ресторана
Продемонстрируйте все разнообразие ваших блюд и напитков прямо на Tilda сайте!
Airbnb Отзывы
Только лучшие отзывы из Airbnb на вашем Tilda сайте
Лучший способ впечатлить клиентов своими работами
Telegram Чат
Общайтесь с клиентами в одном из самых популярных мессенджеров
Файл Виджет
Добавьте больше полезной документации для клиентов вашего Tilda сайта
Коронавирус Виджет
Предоставьте посетителям вашего Tilda сайта актуальную информацию о вспышке COVID-19
Booking.com Отзывы
Докажите свою надежность, демонстрируя отзывы клиентов из Booking.com
Радио Плеер
Предоставьте своей аудитории еще один источник полезного и развлекательного контента
Прогноз погоды для любой точки мира в удобном виджете
Счетчик Посетителей
Отслеживайте трафик на Tilda сайте и повышайте доверие к бренду
Pinterest Виджет
Добавьте на Tilda сайт пины, доски, или целый Pinterest профиль
Кнопка Вверх
Улучшите функциональность Tilda сайта всего за несколько секунд!
Поиск по Сайту
Мгновенный переход к нужным страницам Tilda сайта
Простой и удобный способ связаться с вами прямо на Tilda сайте
Повысьте доверие к вашему бренду, демонстрируя реальные отзывы
Business Hours
Showcase business hours and contact details on your Tilda website for user-friendly visit planning
Создайте свою уникальную RSS-ленту и демонстрируйте различные новостные источники
Лента Tumblr
Добавьте привлекательную социальную ленту с контентом из Tumblr на свой Tilda сайт
Перенаправляйте пользователей на любые Tilda сайты и делитесь файлами мгновенно
Apple App Store Отзывы
С легкостью опубликуйте отзывы с Apple App Store на Tilda сайте
Доска вакансий
Демонстрируйте открытые вакансии прямо на вашем Tilda сайте
Не можете найти нужный виджет?
Запросить виджет

Лучшее решение для вашего Tilda сайта

Команда специалистов Elfsight выпускает функциональные и гибкие виджеты уже почти десять лет. Их помогают бизнес сайтам во всех странах мира эффективнее решать задачи развития сайта: наращивать уровень продаж, показывать позитивные мнения о товарах или услугах, наращивать хорошее отношение к компании, и многие другие. Виджеты Elfsight несложно добавить на сайт любой платформы, а также на Facebook вкладку. Тарифные планы разнообразны — от бесплатного до VIP. Добавьте любой подходящий виджет сейчас и узнайте, насколько он может быть полезен для оптимизации вашего бизнеса.

Читать:

Как объединить пдф на мак

Что делает виджеты Elfsight одними из лучших?

Прочтите список ведущих отличительных характеристик наших виджетов, они позволяют нам быть впереди наших конкурентов:

Бесплатная поддержка в установке каждого виджета;
Автоматическая адаптация ко всем размерам экрана;
Знания программирования не требуются;
Богатые настройки персонализации интерфейса;
Облачный сервис позволяет поднять скорость работы;
Постоянные бесплатные обновления;
Реальная поддержка по любым вопросам;

Попробуйте бесплатный вариант виджета и узнайте его возможности или установите любой виджет со скидкой 30%.

Как мне внедрить плагин на Tilda сайт Чтобы внедрить инструмент, ознакомьтесь с подробной инструкцией.

Выберите нужный плагин и настройте его под себя. Сохраните.
Добавьте код плагина на ваш ресурс.
Готово! Вы добавили плагин.

Если вам нужна рекомендация по интеграции расширения, вы всегда можете обратиться к команде поддержки Elfsight.

Как задать ссылки в Тильде?

Как задаются ссылки в стандартных блоках

В стандартных блоках есть два варианта, как задать ссылку. Нужно или вставить ее в меню « Контент » в поле, для этого предназначенное (например, если требуется задать ссылку для кнопки), или выделить нужный текст и задать ссылку на него. Посмотрите на пример ниже:

Если у нас есть кнопка — мы можем написать, куда она должна вести в меню « Контент » (Ссылка для кнопки)

А на этом примере мы взяли для обложки блок без кнопки CR07 и задали кнопку ссылкой.

«Выбрать из меню → » здесь — просто текст описания, разделенный энтером от основного описания

Мы выделили нужный текст и нажали в панели редактора « Вставить ссылку »

Задали нужные настройки: указали ссылку, ее цвет, величину подчеркивания. В нашем случае — мы не хотим, чтобы ссылка была подчеркнута, и поэтому установили значение на 0.

Нажмите « Вставка » , текст изменит цвет и будет работать как кнопка

Ок, а какие ссылки вообще можно задать? Во-первых — ссылка на страницу:
Ссылка на страницу

Например, это ссылка на страницу « Меню » в рамках сайта (достаточно написать /menu)

А это — внешняя ссылка на другой сайт, она уже указывается полностью (и открывается в новом окне)

Почему, если вы хотите поставить внутреннюю ссылку в рамках одного сайта, не нужно писать адрес полностью, она не будет работать?

Работать будет, но при смене домена (поверьте нашему опыту, такое случается), потребуется изменять все ссылки на сайте. Если их три — это не так страшно. А если у вас сайт на 100 страниц? Да хотя бы на 10? Ставьте ссылку вида /adress и не знайте горя.

Во-вторых — ссылка на нужное место страницы:
Якорь — ссылка на место на странице

Например, это ссылка на блок меню на редактируемой странице

Чтобы Тильда поняла, что за #menu, установим в нужном месте Якорную ссылку (блок Т173), категория « Другое »

Установим нужное имя (оно может быть любым, может содержать цифры, главное, должно быть понятным)

А еще можно задать ссылку вот так: /#menu, если нам нужно указать конкретную страницу, где располагается этот якорь.

/ — это значит, что страница Главная, #menu — и на ней вот такой якорь.

Например, ссылка https://svoemedia.ru/faq/img-optimization#2 — откроется в новом окне, на страницу /faq/img-optimization к якорю #2 (это второй пункт меню) . Проверьте

Посмотрите короткое видео, как работают якори.
Добавляйте ссылку до отступа перед нужным блоком, чтобы контент не прилипал к краю страницы.
В-третьих — ссылка на форму:
Ссылка на форму

Например, форма обратной связи (блок BF502N)

Переходим в меню « Контент блока » и задаем ссылку на поп-ап, в нашем случае — #popup:svyaz

И вставим ссылку в нужное место — мы вставляем на текст СВЯЗАТЬСЯ С НАМИ в футере

Указываем нашу ссылку, задаем стили и кликаем на « Вставку »

Как задаются ссылки в zero-блоках

В зеро-блоках тоже можно установить ссылку как гиперссылку или задать ее в настройках на весь объект:

Например, выделим кнопку и зададим ссылку в настройках (правая панель, Settings) в поле URL

Ссылку можно задать на любой объект, например, на текст. В этом случае нам нужно будет найти параметр Link и указать ссылку в поле URL

Или мы хотим задать ссылку на отдельный текст как гиперссылку

Выделим нужный текст, нажмем в панели редактора текста на скрепку и вставим ссылку
Частая ошибка со ссылками в зеро
Очень часто при редактировании ссылок мы сталкиваемся вот с таким эффектом:

В редакторе все нормально, а при публикации ссылка съезжает.

Почему так происходит?

Вы задали одновременно и гиперссылку, и ссылку в поле Link. Тильда не знает, что делать, и сходит с ума 🙂 Уберите одну из ссылок, и проблема пройдет

Нужен свой контент-проект? Напишите нам
Тут подробнее о том, чем можем быть вам полезны✊
Это Саша Колташова и пёс Улисс. Саша будет отвечать за контент-стратегию
Было полезно? Интересно? Поделитесь мнением здесь и в комментариях 🙂

Мы запустили SVOEMEDIA.SPACE

Пополняемая библиотека готовых шаблонов сайтов и блоков для Tilda Publishing, Figma, соцсетей, понятных инструкций и чек-листов от практиков

А в telegram — наша кухня от Саши Колташовой
ПОДПИШИТЕСЬ НА ТЕЛЕГУ
Полезное для тех, кто ищет подрядчика
Читайте также
Инструкция по гостевым публикациям. Как попасть на внешние площадки?
Как определить шрифт на сайте?
Как подключить SSL на Тильде
Как подключить домен к Тильде
Как подключить оплату с сайта на Тильде
Имеет ли смысл делать интернет-магазин на Тильде?
© 2016-2022 SVOEMEDIA
SVOEMEDIA.TEAM
ГОТОВЫЕ РЕШЕНИЯ И ОБУЧЕНИЕ
ЧТО МЫ ДЕЛАЕМ
Пишите нам на почту или в телеграм @hisvoemedia
Click to order

CMS (Content Management System) — система управления контентом, в данном случае — сайтом (например, Тильда, Битрикс, Вордпресс).

ОКВЭД (Общероссийский классификатор видов экономической деятельности) — именно по этим кодам, которые указываются при регистрации ИП или юрлица, можно осуществлять деятельность. Коды можно добавить, но это не дело 5 минут.

ККТ (Контрольно-кассовая техника) — оборудование для расчетов между контрагентами.
С 2016 года: 2 редизайна сайта, создание и ведение контент-проекта
ИЛЬЯ МАЗОВ, ДИРЕКТОР ПО РАЗВИТИЮ, ИНЖИНИРИНГОВЫЙ ХИМИКО-ТЕХНОЛОГИЧЕСКИЙ ЦЕНТР

Работа с компанией Своёмедиа длится уже более двух лет. За это время реализовано много мероприятий по поддержке и развитию сайта, включая глубокую и неоднократную переработку концепции и взгляда на этот ресурс — в том числе в мыслях у управленцев нашей компании.

Развитие сайта как основного ресурса медийной поддержки компании (мы работаем в достаточно сложном сектор — b2b в химической отрасли) оказывает существенную поддержку нашему бизнесу. И эту поддержку можно разделить на 2 вида — прямую и косвенную.

Прямое вовлечение клиента — заказы, поступающие непосредственно с сайта. Понятно, что мы не интернет-магазин и продать консультационные услуги на 5−10 млн рублей с оплатой наложенным платежом невозможно. Поэтому мы считаем прямые запросы, которые позже конвертируются в работы. Либо вариант «мы посмотрели ваш сайт, позвонили — вы нам подходите».

Общий объем таких работ за последние пару лет можно оценить в 10−15 млн рублей, около 15% от общей выручки. Это является серьезным достижением, безусловно.

Косвенная поддержка — тоже очень важный момент. При встречах и после них мы всегда рекомендуем зайти на наш сайт, чтобы ознакомиться с тем, как мы работаем и что мы делаем. Часто мы получаем ответ типа «мы уже заходили, у вас очень круто, мы понимаем, что вы серьезные ребята».

Такого рода поддержку трудно оценить в прямых доходах, однако можно уверенно сказать, что она очень важна в нашем бизнесе.

В ближайших планах развития медийного ресурса Инжнирингового центра стоит увеличение доли работ, приходящих через сайт, до 30−50%. У нас есть уверенность, что в сотрудничестве с коллегами из Своёмедиа мы справимся с этой задачей.