Как добавить форму обратной связи
Galina AbramenkoДОБАВЛЯЕТЕ ФОРМУ ОБРАТНОЙ СВЯЗИ, чтобы
люди которые зайдут могли оставлять свои заявки
Заходите на сайт Тильда: https://tilda.cc/ru/
Нажимаете кнопку: Войти
жмёте на блок: Маркетинг
нажимаете на название страницы к примеру:
Галина Абраменко | Специалист по сайтам на Tilda
КАК СДЕЛАТЬ КАРТОЧКУ С ФОРМОЙ ЗАХВАТА
1) КАК ВЫБРАТЬ ВИД ФОРМЫ ОБРАТНОЙ СВЯЗИ
Двигаетесь по странице и внизу третьего блока наводите
мышкой на разделительную линию, появляется плюсик,
нажимаете на этот плюсик +:
В открывшемся меню выбираете вкладку: ФОРМА
в открывшемся окне выбираете поле: Карточка с формой захвата на фоновом изображении:
2) КАК ЗАПОЛНЯТЬ/РЕДАКТИРОВАТЬ ФОРМУ ОБРАТНОЙ СВЯЗИ
2.1) КАК ЗАПОЛНИТЬ ЗАГОЛОВОК В ФОРМЕ ОБРАТНОЙ СВЯЗИ
В открывшейся форме вводите заголовок: Обсудим ваш проект?
вводите подзаголовок: Просто заполните форму ниже
2.2) КОРРЕКТИРУЕТЕ СТИЛЬ ЗАГОЛОВКА
Для этого выделяете мышкой заголовок
нажимаете кнопку жирность текста (наполовину закрашенную)
нажимаете строчку: Medium
Ещё раз выделяете мышкой заголовок
нажимаете кнопку: Размер текста (буква Т со стрелочкой)
нажимаете строчку: 52 px
КАК ОТКОРРЕКТИРОВАТЬ ШРИФТ ПОДЗАГОЛОВКА
Для этого выделяете мышкой подзаголовок
нажимаете копку: Шрифт (буква А)
в открывшемся меню выбираете шрифт: PT Sans (или FuturaPT)
нажать кнопку: Жирность текста (наполовину закрашенный кружочек)
в открывшемся меню нажимаете строчку: Normal (Обычный) или
Medium (Средний)
2.3) КАК КОРРЕКТИРОВАТЬ/ДОБАВЛЯТЬ ПОЛЯ ФОРМЫ
Далее над формой нажимаете кнопку: КОНТЕНТ
нажимаете строчку: ПОЛЯ ДЛЯ ВВОДА
2.31) КАК ОТКОРРЕКТИРОВАТЬ 1-Е ПОЛЕ: ИМЯ
в окрывшемся поле 1 в строчке: ТИП
нажимаете стрелку
из выпадающего списка выбираете: Имя
в строчке: ПОДСКАЗКА ЗНАЧЕНИЯ
вводите подсказку: Как Вас зовут?
в строчке: "Обязательно для заполнения" включаете галочку
2.32) КАК ОТКОРРЕКТИРОВАТЬ 2-Е ПОЛЕ: ТЕЛЕФОН
Двигаетесь далее до 2-го поля
в поле 2:
в строчке: ТИП
нажимаете стрелку и из выпадающего списка выбираете: Телефон
в строчке: ПОДСКАЗКА ЗНАЧЕНИЯ
вводите подсказку: Ваш Телефон
включаете галочку: Обязательно для заполнения
2.33) КАК ДОБАВИТЬ 3-Е ПОЛЕ: EMAIL
в поле 3:
в строчке: ТИП
нажимаете стрелку и из выпадающего списка выбираете: EMAIL
в строчке: ПОДСКАЗКА ЗНАЧЕНИЯ
вводите подсказку: Ваш Email (необязательно)
не включаете галочку: Обязательно для заполнения
2.34) КАК ДОБАВИТЬ КНОПКУ В ФОРМЕ ОБРАТНОЙ СВЯЗИ
Двигаетесь далее по странице до строчки: ТЕКСТ КНОПКИ
вводите текст кнопки: Обсудить проект
нажимаете вверху кнопку: Сохранить и закрыть
2.4) КОРРЕКТИРУЕМ СТИЛЬ САМОЙ ФОРМЫ (РАМКА ФОРМЫ)
2.41) КАК СКОПИРОВАТЬ ЖЕЛТЫЙ И СИНИЙ ЦВЕТА КНОПКИ ПЕРВОГО ЭКРАНА (БЛОКА)
Для этого мне необходимо подняться по странице до первого блока
навести мышкой в левом верхнем углу первого блока - появятся кнопки
нажать в первом блоке кнопку: Редактировать блок
нажимаете на кнопку с надписью: Заинтересовало? (Жми!)
далее нажимаете в правом нижнем углу кнопку: Settings
в открывшемся правом меню
копируете код в строчке BGCOLOR: #fef529 (желтый цвет)
далее копируете код, который действует при наведении на кнопку мышкой в строчке: BGCOLOR ON HOVER: #15226b (синий цвет)
(при наведении курсора)
далее нажимаете кнопку закрыть: CLOUS
2.42) КАК СМЕНИТЬ ЦВЕТ В ОБВОДКЕ (РАМКЕ) ФОРМЫ БЛОКА
Заходите на сайт Тильда: https://tilda.cc/ru/
Нажимаете кнопку: Войти
жмёте на блок: Маркетинг
нажимаете на название страницы к примеру:
Галина Абраменко | Специалист по сайтам на Tilda
Далее движетесь по странице вниз до четвёртого блока (до блока с формой обратной связи)
далее в блоке наводите мышку под верхнюю линию блока слева - появляются кнопки
нажимаете кнопку: Настройки
в открывшемся левом меню нажимаете вкладку: Стиль карточки
В открывшемся меню нажимаете строчку: Цвет бордюра/обводки
и вставляете ранее скопированный с кнопки первого блока желтый цвет: #fef529
цвет рамки (обводки) формы стал желтым
нажимаете кнопку: Сохранить
2.43) КАК СМЕНИТЬ ЦВЕТ КНОПКИ В ФОРМЕ ОБРАТНОЙ СВЯЗИ
Заходите на сайт Тильда: https://tilda.cc/ru/
Нажимаете кнопку: Войти
жмёте на блок: Маркетинг
нажимаете на название страницы к примеру:
Галина Абраменко | Специалист по сайтам на Tilda
Далее движетесь по странице вниз до четвёртого блока (до блока с формой обратной связи)
далее в блоке наводите мышку под верхнюю линию блока слева - появляются кнопки
нажимаете кнопку: Настройки
в открывшемся левом меню нажимаете вкладку: Кнопки
В строчку: ЦВЕТ ФОНА КНОПКИ ставите в место синего цвета - свой желтый цвет: #fef529
а в строчку: ЦВЕТ ТЕКСТА КНОПКИ ставите в место белого цвета - свой чёрный цвет:#000000
нажимаете кнопку: Сохранить
КАК СМЕНИТЬ ЦВЕТ КНОПКИ В ФОРМЕ ОБРАТНОЙ СВЯЗИ ПРИ НАВЕДЕНИИ (НА СИНИЙ)
Заходите на сайт Тильда: https://tilda.cc/ru/
Нажимаете кнопку: Войти
жмёте на блок: Маркетинг
нажимаете на название страницы к примеру:
Галина Абраменко | Специалист по сайтам на Tilda
Далее движетесь по странице вниз до четвёртого блока (до блока с формой обратной связи)
далее в 4-ом блоке наводите мышку под верхнюю линию блока слева - появляются кнопки
нажимаете кнопку: Настройки
в открывшемся левом меню нажимаете вкладку: Кнопки
в открывшемся меню нажимаете строчку: Дополнительные настройки
в развернувшемся меню двигаетесь до строчки: Цвет фона при наведении
вставляете ранее скопированный с кнопки первого блока код синего цвета: #15226b
в строчку: "Цвет текста при наведении" вставляете код белого цвета: #ffffff
нажимаете кнопку: Сохранить и закрыть
КАК ОТКОРРЕКТИРОВАТЬ ШРИФТ КНОПКИ ОБРАТНОЙ СВЯЗИ
Для этого на странице переходите в четвёртый блок
мышку наводите в блоке под верхнюю линию слева - появляются кнопки
нажимаете кнопку: Настройки
в открывшемся левом меню нажимаете вкладку: Кнопки
в открывшемся меню нажимаете строчку: Дополнительные настройки
двигаетесь до строчки: Шрифт кнопки
стрелочкой выбираете шрифт: PT Sans
переходите к строчке: Насыщенность текста кнопки
стрелочкой выбираете насыщенность: Semibold (полукруглый)
(в полях (имя, телефон..) при необходимости шрифт меняется в строчке левого меню: Типографика. Сейчас они стоят: по умолчанию)
КАК ПОМЕНЯТЬ РАССТОЯНИЕ МЕЖДУ БЛОКАМИ (3-ИМ И 4-ЫМ)
В четвёртом блоке страницы наводите мышку под верхнюю линию блока слева - появляются кнопки
нажимаете кнопку: Настройки
в открывшемся меню двигаетесь вниз до строчки: Отступ сверху
стрелочкой устанавливаете отступы сверху и снизу по 2,5 px
нажимаете кнопку: Сохранить и закрыть