Хотите иметь возможность общаться с посетителями вашего сайта и получить возможность отправки сообщений с сайта, созданного в Ucraft? Вам определенно понравится элемент «Форма». Чтобы добавить его на вашу страницу просто перетащите соответствующий элемент в тело страницы.
Для элемента вы можете индивидуально настроить шрифты, границы, отступы и т.д. Это позволит создать форму, оптимально подходящую по стилю к вашему сайту.
А сейчас давайте перейдем в раздел «Отредактировать Форму», чтобы посмотреть, какие опции вам доступны.
Как вы видите, вы можете по своему усмотрению добавлять поля, изменять дизайн формы, а также определять, куда отправляются отправленные через нее данные.
Вы можете изменить ширину, а также стиль отображения формы, чтобы она идеально соответствовала макету вашего сайта. Чтобы изменить ширину элемента, выделите его и переместите контроллеры черных регуляторов в нужное место – размер изменится автоматически.
Зеленые регуляторы позволяют изменять высоту формы.
Можно также изменить стиль формы, просто щелкнув по ней и выбрав пункт меню «Отредактировать стиль».
Если вам нужна дополнительная информация от посетителей сайта, то вы можете добавить в форму соответствующие поля. Просто нажмите «+» и выберите нужные варианты.
Например, можно добавить в стандартный макет поле «Дата».
Для этого введите имя поля и нажмите «Добавить».
После того, как вы создали идеальную форму для вашего сайта, проверьте, удобно ли будет работать с данными, отправляемыми пользователями.
Все сообщения отсылаемые через форму по умолчанию направляются на тот адрес электронной почты, который Вы указали при регистрации на Ucraft. Однако вы с легкостью можете изменить его.
Не забудьте сохранить новый адрес, когда все будет готово!
Ucraft также предлагает возможность интеграции формы с сервисами Mailchimp, «Google Таблицы» или учетными записями Intercom. Просто выберите нужный вариант, нажмите «Подключиться» и войдите в свою учетную запись.
В «Google Таблицах» перейдите по ссылке, выберите нужную таблицу и обязательно задайте имя своего рабочего листа, на котором будут сохраняться сообщения посетителей сайта.
Для подключения к Mailchimp вам также нужно будет выбрать соответствующий идентификатор из раскрывающегося меню.
Обратите внимание, что после того, как вы подключили «Google Таблицы», вы не можете редактировать электронную таблицу, отведенную для сообщений. Однако вы можете при необходимости отключить ее и подключить новую.
А как подключить форму к сервису Intercom? Для этого в первую очередь нужно ввести ключ доступа к Intercom. Чтобы получить его, перейдите на панель управления Intercom Developer Hub или кликните по соответствующему пункту вверху страницы на сайте Intercom и нажмите «Получить ключ доступа».
При настройке ключа Вам будет предложено выбрать между 2 наборами функций: «Стандартный» или «Расширенный». Для облегчения работы просто используйте пакет «Стандарт», так как его можно будет использовать сразу же.
После того, как вы получили индивидуальный ключ доступа, вы увидите его в Дашборде Интеркома. Теперь просто скопируйте его и вставьте в соответствующее поле элемента «Форма»: Изменить адрес отправления > Отправить данные на... > Раздел «Внутренний ключ».
Идем дальше!
Если вы хотите, чтобы ваши посетители могли получить ответ после отправки сообщения, то включите функцию всплывающего окна с удачным подтверждением и задайте необходимый текст. Также вы можете изменить цвет фона сообщения, настроить переадресацию посетителей на другие страницы.
Не забывайте сохранять вносимые изменения!
А как же защитить свой сайт от спама? Для этого можно добавить к элементу «Форма» скрытый виджет reCAPTCHA. Это изображение с тем или иным текстом или цифрами, которые пользователь должен ввести для отправки формы. Но Google сделал этот сервис скрытым. Теперь реальные пользователи будут пропущены, даже если они не поставили галочку «Я не робот».
Как добавить скрытую reCAPTCHA на свой сайт?
Для начала перейдите на страницу ввода капчи и кликните кнопку «Получить reCAPTCHA». Просто задайте опознавательную метку, по которой ваш сайт будет определяться в дальнейшем, и выберите режим Invisible reCAPTCHA.
Далее укажите домен и поддомен Вашего сайта. Нажмите «Принять и зарегистрировать».
Google сгенерирует для вас персональный ключ сайта и секретный код, который понадобится чуть позже. Прокрутите страницу до пункта «Дополнительные настройки», чтобы установить параметр «Безопасность». Не забудьте нажать «Сохранить»!
Теперь откройте свой сайт и перейдите в режим редактирования формы. Здесь выберите вкладку Invisible reCAPTCHA, активируйте ее, укажите ключи, сгенерированные Гуглом, и нажмите «Сохранить».
Вы также можете интегрировать элемент «Форма» с пикселем Facebook. Для этого выполните следующие шаги:
Создайте собственный пиксель Facebook.
Добавьте базовый код пикселя на все свои страницы через Дашборд: Настройки сайта > Вставка кода> Перед тэгом </ head>
Создайте индивидуальную страницу об успешной отправке данных, используя Дашборд > Страницы > Вторичные страницы.
Добавьте код на страницу удачного подтверждения, используя функцию “HTML-код”.
Теперь добавьте элемент формы на другую страницу и настройте перенаправление на страницу удачного подтверждения при успешной отправке формы.
На этом настройка интеграции с пикселем Facebook завершена.
При необходимости Вы можете изменить выравнивание формы и ее элементов. Для этого выберите пункт «Выравнивание» в меню настроек.
Кликните на стрелку выпадающего меню и выберите подходящий Вам вариант.
*Примите к сведению, что в связи с настройками безопасности, элемент "Форма" доступен только при просмотре вашего сайта через персональный домен.
При необходимости удалить элемент «Форма» со страницы просто нажмите на него и кликните на кнопку “Удалить”.
Если у вас возникнут какие-либо вопросы, просто задайте их через чат. Нажмите на иконку в правом нижнем углу и наша служба поддержки будет рада вам помочь!