Настройка формы обратной связи в Adobe Muse
Всем привет! Продолжаем цикл лекций по веб-дизайну и разработке сайтов в замечательной программе Адобе Мьюз. Сегодня я расскажу вам, как из серой и неприметной формы стандартного функционала сделать яркую и привлекательную форму обратной связи. Многие из вас, дорогие читатели, наверняка уже поняли, что качественная форма играет на сайте важнейшую роль. Она определяет конверсию, влияет на поведенческие факторы, служит связующим звеном между заказчиком и исполнителем. Настройка формы обратной связи в Adobe Muse на первый взгляд непроста и таит в себе множество подводных камней. Отчасти это так. Однако, уверяю вас – если вы внимательно изучите данное пособие и сделаете всё поэтапно, создание формы обратной связи станет для вас делом 5 минут, и ваши сайты заиграют новыми красками! Поехали.
Форма обратной связи Muse.
Для начала откроем Muse и создадим в нем новый проект. После чего сразу приступим к созданию формы в произвольном пустом месте. Кликните Окно – > Библиотека мини-приложений. В открывшемся окне разверните вкладку Формы и, зажав ЛКМ, вытяните Простой контакт в рабочую область проекта:
(Кликните по картинке для увеличения)
Перед нами стандартная форма обратной связи Muse. Она, хоть и функционирует на все 100, выглядит по современным меркам дизайна кошмарно и не способна привлечь внимание посетителя. Предлагаю сделать из неё “конфетку” 🙂 Наша форма будет выполнять функцию сбора контактных данных для обратного звонка, поэтому поле Сообщение мы удаляем. Кликаем, пока не выделится его фрейм, и жмем delete. Вместо него вставим поле для ввода номера телефона. Для этого кликаем по синему кружку с треугольником и в открывшемся окне ставим галочку Номер сотового телефона (в этом же окне вы можете добавлять и другие стандартные поля):
(Кликните по картинке для увеличения)
Далее удалим надписи над полями формы обратной связи и выровняем сами поля по вертикали, притянув их мышкой на равные промежутки:
Adobe Muse уроки. Красивая форма обратной связи.
Следующим шагом предлагаю поменять надписи внутри полей на более читаемые и дружелюбные. В своем примере я выбрал шрифт Ubuntu и слегка увеличил его. Кликните несколько раз по полю, чтобы редактировать его содержимое, и внесите изменения:
Теперь определим обязательность ввода данных пользователем. Снова кликнем по полю, чтобы появился синий кружок, и с его помощью вызовем окно параметров конкретного поля. Поставьте галочку Обязательное поле, после чего отправка формы обратной связи станет недоступной, если данное поле останется пустым. Я сделал обязательными полями имя и номер телефона, так как люди не очень-то любят оставлять свой e-mail из-за постоянного спама. Также, я подредактировал сами надписи, добавив звездочки для зрительного удобства:
В последующих уроках по Adobe Muse мы подробнее разберем незадействованные поля формы, а сейчас мы увеличим высоту полей форм. Выделите фрейм поля и растяните его мышкой до 40 пикс. Заметьте, что все три поля увеличиваются одновременно. После этой процедуры надписи полей остались прижатыми к верхним границам, что смотрится не совсем красиво. В этом случае я просто увеличиваю интерлиньяж текста (Интерлиньяж есть межстрочное расстояние, а значит, увеличивая его, я использую его не по прямому назначению. Однако это помогает регулировать вертикальную позицию однострочного текста). В своем примере я увеличил интерлиньяж до 130%:
С полями пока всё. Настало время обратить внимание на кнопку отправки, ведь в красивой форме обратной связи должна быть красивая кнопка! Выделим фрейм кнопки и внесём следующие изменения: оранжевая заливка, радиус скругления 40, толщина обводки 0. Приблизительные размеры кнопки 200 * 50 пикс.:
Теперь подредактируем текст “Отправить” внутри кнопки. Все изменения вы можете видеть на скриншоте. Я поменял шрифт, его размер и цвет, сделал все буквы заглавными и увеличил интерлиньяж до 150% (в дальнейшем я увеличил его до 160%):
(Кликните по картинке для увеличения)
(Кликните по картинке для увеличения)
Далее выберем состояние при нажатии и установим однородную светло-оранжевую заливку, состояние при отправке трогать не будем. В итоге должна получиться вот такая картина:
(Кликните по картинке для увеличения)
Adobe Muse форма обратной связи.
Итак, остались последние штрихи. Следующим шагом я сделал подложку формы. Выберите инструмент Прямоугольник (клавиша М) и нарисуйте фрейм размерностью примерно 400 * 460 пикс. Залейте его цветом и задайте радиус скругления в 35 пикс. Затем, кликнув по нему ПКМ, выберите Упорядочить – > На задний план, после чего надвиньте форму обратной связи на центр прямоугольника:
(Кликните по картинке для увеличения)
(Кликните по картинке для увеличения)
(Кликните по картинке для увеличения)
Чего-то не хватает, вам так не кажется? Конечно же, заголовка, который будет привлекать внимание посетителя и побуждать к действию. Давайте напишем надпись “Оставьте заявку, и мы перезвоним вам!” с помощью инструмента Текст :
(Кликните по картинке для увеличения)
Следующий важный шаг, который многие упускают при настройке формы обратной связи в Adobe Muse, это настройка окошка сообщения формы. По умолчанию оно скрыто от глаз, и вы даже можете не подозревать о его существовании. В этом окошке выводятся сообщения об успешной отправке формы, либо об ошибке отправки, и в стандартном варианте оно также выглядит серо и неприметно. Исправим этот недостаток. Выделите фрейм всей формы и проведите курсором мышки в нижней её части, рядом с кнопкой отправки. Как только вы нащупаете фрейм сообщения формы, кликните по нему. У него есть 3 состояния: успешно отправлено (стандартное), идёт отправка и ошибка отправки. Поменяйте их стили на более крупные и заметные. Вот изменения, которые я внес в своем примере:
(Кликните по картинке для увеличения)
Как вы видите, я изменил шрифт, его размер и цвет. Помимо этого я растянул фрейм сообщения до ширины полей формы и отцентровал его. Аналогичным образом я подредактировал оставшиеся два состояния. Ну и напоследок я покажу, как задать электронный адрес, на который будут приходить заявки с вашей формы. Для этого снова выделите фрейм формы и кликните по синему кружку с треугольником. В открывшемся окне вбейте желаемый e-mail и нажмите enter. Если вы хотите, чтобы форма приходила на несколько адресов, перечислите их через запятую без пробела:
(Кликните по картинке для увеличения)
Здесь же можно поменять и Имя формы, чтобы получателю было проще ориентироваться во входящих письмах. Вот и всё! Рабочий вариант формы обратной связи из данной статьи вы можете найти по этой ссылке.
Спасибо за внимание! Теперь вы знаете как сделать красивую форму обратной связи в Adobe Muse. Если у вас возникли вопросы по Адобе Мьюз, пишите нам на электронную почту:
Создание формы обратной связи
Создание формы обратной связи.
Это обзорное видео о замечательном многофункциональном виджете – создание формы обратной связи для сайта, позволяющей не только прикреплять файлы для отправки, но и множество других полезных и нужных функций, которые порой применимы не только к самой форме. Блочная структура, множество настроек, гибкость, функциональность. Смотрите это видео:
Создание формы обратной связи. Поиск решения с прикреплением файлов.
Этот урок у нас обзорный, я хотел бы поделиться с Вами одной находкой. Однажды мне задали вопрос – «Как сделать так, что бы в форме программы Adobe Muse прикрепить какой-либо файл?».
Естественно, я решил перейти по этим обеим ссылкам, больше меня интересовала, конечно, вторая. И посмотрите, что я здесь нашел.
Создание формы обратной связи. Обзор функций виджета.
Виджет для создания собственных форм обратной связи в Adobe Muse. Этот виджет позволяет прикреплять сразу несколько файлов для отправки через форму или по одному, все прикрепленные файлы отображаются в контейнере. Вы можете увидеть процесс загрузки каждого файла в реальном времени и потом, если вы передумали, файлы можно удалить выборочно. А так же здесь добавлена дополнительная функция добавления файла перетаскиванием. Так выглядит данная функция в этом виджете. Я искал виджет только с прикреплением файлов, но посмотрите сколько возможностей есть в этом виджете.
«Общий обзор».
Есть возможность отслеживания UTM меток, один из двух протоколов отправки писем на выбор, автоматический сбор Email адресов в один файл, выпадающие списки с интеллектуальным поиском, создание форм с мульти прикреплением файлов 9 это как раз то, что мне было нужно), создание форм во всплывающем окне, и позволяет расположить сколько угодно форм на всплывающей странице.
«Прикрепление файлов»
Для прикреплённых файлов можно выбрать тип формы. Если вы создаёте форму с прикреплением файлов, можно выбрать, как они будут приходить. Вместе с письмом на почту, либо отдельно (тогда в письме будет дана ссылка на файлы, которые будут сохраняться в папку на вашем сервере). Вкладка «Прикрепление файлов», как мы уже смотрели – здесь есть множество возможностей.
Подсказки об ошибках.
Далее в данном виджете есть окно ошибок. Поскольку виджет большой и ёмкий, и много всяких блоков, можно допустить ошибки при осуществлении настроек. Данный виджет позволяет во время разработки своей формы, если сделал что то не так, подсказывает, как исправить допущенную ошибку. Описание окон ошибок есть в «Руководстве» виджетов.
Окно «Спасибо»
Далее есть функция окна «Спасибо». Если вы захотите привязать к форме всплывающее окно «спасибо», которое будет появляться после отправки формы, то вы сможете его тоже включить в вашу форму. Окошко гибко настраивается – например, можно сделать затемнение всей страницы при показе окна.
Вы видите, что в каждом анонсе указано, что описания есть в руководстве к данному виджету.
«Окно подписки».
Вы можете добавить форму «окно подписки» и настроить его соответствующим образом. Окно будет появляться у пользователя после загрузки через установленный промежуток времени. После того, как форма будет отправлена, это окошко больше всплывать не будет. Кроме того, вы можете добавить в это окошко не только форму, а любую другую информацию, например – какое-нибудь сообщение о какой-то проводимой акции. Окно будет всплывать на странице через какой то установленный промежуток времени. Получается, эта функция даже не совсем относится к форме, а просто к всплывающему окну, которое будет появляться через какой то промежуток времени после того, как человек зайдёт на Ваш сайт.
«Поле ввода»
«Выпадающие списки»
Полностью настраиваемые выпадающие списки с интеллектуальным поиском. То есть вы начинаете вводить буквы, слова или любое сочетание букв из искомого слова, и в списке останутся строки, удовлетворяющие введенной маске. При том, количество строк в этом списке не ограничено. При превышении установленного отображаемого количества строк, появится полоса прокрутки.
«Флажки и радиокнопки»
В принципе, флажки и радио кнопки доступны в стандартном виджете. В этом можно установить любое количество групп флажков и переключателей в форме, настраивать размеры, цвета и любые другие элементы интерфейса и выбрать, какие флажки или переключатели сделать активными по умолчанию. То есть порекомендовать людям, заполняющим форму, те или иные флажки при заполнении.
Функция «календарь»
Более 30 настроек позволяют настроить календарь совершенно уникальным образом. В календаре настраивается самая мельчайшая деталь интерфейса. Существует маска отображения даты и выбор анимации. Календарь этот – умный, если на странице нет места, он разворачивается вверх данного окошка.
Готовые формы в комплекте.
В данном виджете существуют так же готовые созданные формы обратной связи в комплекте. Таких форм здесь 5, это заранее спроектированные формы, которые могут пригодиться вам для каких либо задач. Первая – это форма с прикреплением файлов, далее простая форма без прикрепления файлов, форма с выпадающими списками, форма во всплывающем окне, и форма подписки. Все формы собраны из компонентов виджетов, которые вы сможете редактировать или добавлять свои.
Создание формы обратной связи. Заказ виджета.
Последняя строка – это информация как виджет можно купить. Его можно заказать через форму заказа в главном меню или написав лично ВК. При заказе нужно указывать домен, к которому будет привязан виджет (виджет может работать на локальном сервере). Ниже указано, что по мере выхода обновлений, цена на виджет может расти. Это в принципе понятно – столько возможностей у него. Виджет можно заказать, нажав на кнопку «ЗАКАЗАТЬ».
Создание формы обратной связи. Выводы и заключение.
На этом я заканчиваю данное обзорное видео. Мы рассмотрели виджет Конструктор форм версии 2.0, позволяющий осуществить создание формы обратной связи в Adobe Muse. Если вам понравился мой обзор – ставьте лайки и комментарии внизу. Ссылку на сайт, где я рассматривал данный виджет вы можете увидеть под этим видео. Нажимайте, смотрите, скачивайте и читайте руководство. Приобретайте виджет, если вам это действительно необходимо.
Шаблоны Muse. Как настроить форму обратной связи
Из этого туториала вы узнаете, как настроить Форму обратной связи в шаблонах Muse.
Разархивируйте шаблон и перейдите в папку sources /AdobeMuse. Откройте файл .muse с помощью программного обеспечения Adobe Muse:
Откройте страницу Контакты (Contacts):
Прокрутите страницу вниз. Здесь вы увидите форму обратной связи:
Воспользуйтесь Инструментом выбора (Selection Tool). Нажмите на фрэйме главной формы (main form frame). Нажмите на стрелочке, расположенной в правом верхнем углу раздела формы обратной связи:
Вы увидите параметры формы обратной связи. Здесь вы можете указать свой адрес электронной почты (e-mail). Сообщения будут отсылаться по этому адресу:
Выберите Инструмент текста (Text tool) для изменения текста, который выводится над формой обратной связи на сайте. Также с помощью Инструмента текста (Text tool) можно изменить подписи полей формы:
В некоторых случаях вы можете увидеть сообщение об ошибке. Убедитесь, что вы указали правильный электронный адрес (e-mail) и нажмите OK:
Откройте страницу контактов в вашем браузере. Вы успешно настроили форму обратной связи:
Вы также можете воспользоваться детальным видео-туториалом:
Использование виджетов в Adobe Muse
Узнайте, как добавить, настроить и проверить формы обратной связи для своего веб-сайта Adobe Muse. Настройте reCAPTCHA для предотвращения спама и фишинга.
У большинства сайтов есть страница обратной связи, с помощью которой посетители могут связаться с владельцем сайта. Формы помогают собирать контактную информацию о потенциальных клиентах и предотвратить получение нежелательных сообщений электронной почты, которое возможно при публикации на веб-странице адреса электронной почты.
Из этой статьи вы узнаете, как добавлять формы обратной связи на веб-сайты Muse и выполнять их настройку.
Добавление на сайт форм обратной связи
Для добавления виджета «Форма обратной связи» при оформлении веб-сайта выполните следующие действия.
Откройте Adobe Muse. Дважды нажмите и откройте страницу в режиме «Дизайн», на которую требуется добавить форму обратной связи.
Откройте библиотеку виджетов, выбрав «Окно» > «Библиотека виджетов». Нажмите «Формы» и выберите один из двух типов форм:
Перетащите виджет формы обратной связи на страницу.
Если необходимо, чтобы форма обратной связи отображалась на каждой странице, добавьте виджет «Форма обратной связи» на страницу-шаблон. В этом случае форма обратной связи будет отображаться на каждой странице, использующей страницу-шаблон.
Перетащив форму на страницу, выделите ее с помощью инструмента «Выделение» и переместите в нужное место.
Поскольку виджет «Формы» является адаптивным, его можно предварительно просматривать и проверять на экранах разного размера. Чтобы переместить виджет, закрепить поле формы обратной связи или изменить его размер, сначала требуется добавить точку остановки в выбранное место. Затем необходимо дважды нажать и выбрать поле для закрепления или изменения размера. Для параметра изменения размера можно указать «Нет» или «Гибкое значение ширины».
Если виджет «Формы» требуется зафиксировать в определенном месте на странице, выберите опцию «Закрепить» на панели инструментов вверху.
При разработке адаптивного веб-сайта можно закрепить нужное поле формы обратной связи за определенным расположением. Для этого добавьте точки остановки. Когда пользователь просматривает ваш веб-сайт на экране, размер которого соответствует точке остановки, будет отображаться поле формы обратной связи в определенном расположении, которое будет указано в следующем шаге.
Дважды нажмите и выберите поле, которое хотите закрепить, затем выберите требуемые параметры закрепления.
Также можно выбрать необходимые параметры изменения размера для виджета «Формы» и для полей форм. Выберите элемент, для которого хотите задать параметры изменения размера, затем параметр изменения размера в контекстном меню в верхней части экрана.
В качестве параметра изменения размера для форм обратной связи можно выбрать «Нет» или «Гибкое значение ширины».
Настройка параметров форм обратной связи
В данном разделе приведены параметры виджета «Формы», а также инструкции по настройке параметров формы обратной связи при помощи меню «Параметры».
С помощью инструмента «Выделение» выделите весь виджет «Форма обратной связи». Когда выделена вся форма, в индикаторе выбора в левом верхнем углу панели управления будут отображаться слова «Форма: стандартное».
Ссылка «Стандартное» представляет собой меню с четырьмя возможными состояниями, аналогично пунктам меню или кнопкам.
Чтобы изменить внешний вид формы для каждого состояния, выберите соответствующее состояние в этом меню.
Когда выделено это состояние, можно изменить оформление сообщения об ошибке. Например, можно изменить содержание текста или его цвет с красного на синий.
Выберите в меню индикатора выбора состояние «Стандартное».
Не снимая выделения с формы в стандартном состоянии, нажмите синюю стрелку для доступа к меню параметров. Набор параметров в меню «Параметры» используется для настройки виджета.
По умолчанию в поле «Имя формы» указывается имя текущей страницы. При необходимости его можно изменить.
Чтобы введенные в форму данные направлялись на несколько адресов электронной почты, введите эти адреса через точку с запятой в поле «Адрес электронной почты».
Действие при отправке формы определяется параметром в меню «После отправки». Выберите один из следующих параметров в меню «Параметры».
Можно добавить два типа новых элементов формы:
Стандартные поля
К стандартным полям относятся следующие:
Для добавления любых этих полей установите флажок напротив соответствующего поля.
Для добавления собственных полей для форм обратной связи нажмите кнопку с плюсом (+) рядом с пользовательским полем, которое необходимо добавить, и введите описание нового поля формы в режиме «Дизайн».
Следующие типы пользовательских полей могут быть добавлены в форму обратной связи:
Настройка параметров отдельных элементов формы
При выделении элемента формы его имя отображается в индикаторе выбора, например «Подпись», «Текстовое поле» или «Отправка». С помощью индикатора выделения можно легко посмотреть, какой вложенный элемент формы выбран в настоящее время.
Нажмите всю форму сразу, чтобы выбрать целый виджет «Формы». Для выбора отдельных элементов виджета «Формы» дважды нажмите и выберите элемент.
Чтобы узнать, выбран целый виджет или его отдельный элемент, посмотрите на индикатор выделения. Если на индикаторе отображается слово «Форма», то выбрана вся форма, если «Текстовое поле», то выбрано определенное поле.
Если при выделенном элементе формы «Текстовое поле» нажать кнопку с синей стрелкой, откроется меню «Параметры», содержащее специфичные для этого элемента настройки.
Пока элемент «Текстовое поле» выделен, в меню «Параметры» можно указать, является ли оно обязательным для заполнения. Также можно настроить отображение описания поля, чтобы помочь посетителям понять, какую информацию необходимо ввести в поле.
В разделе «Составные элементы» установите или снимите флажки, чтобы отобразить или скрыть подпись поля и текст сообщения.
Когда элемент формы выделен, в индикаторе выбора отображается имя элемента, а также меню состояний, которое доступно на панели элементов управления (если применимо). Меню в индикаторе выбора упрощает выбор необходимого состояния во время редактирования элементов формы.
Когда состояние выделено, можно изменить его оформление с помощью панели «Заливка» или панели элементов управления.
Можно настроить следующие состояния полей формы:
Состояния кнопки «Отправить» отображаются, когда она выделена.
Можно настроить следующие состояния кнопки «Отправить»:
Обратите внимание, что состояния всей формы отображаются, когда выбрана вся форма:
Стиль и оформление форм обратной связи
Оформление виджета «Формы» и элементов формы выполняется так же, как и других виджетов Adobe Muse. Используйте следующие основные принципы:
Используйте инструмент «Выделение», чтобы выделить всю форму или элемент формы, который необходимо изменить.
Например, чтобы изменить текст на кнопке «Отправить», дважды нажмите кнопку «Отправить» в форме обратной связи. Изменить текст на кнопке «Отправить» можно с помощью инструмента «Текст». Удалите текст и введите новое слово. Также можно выбрать различные состояния кнопки «Отправить» с помощью меню в индикаторе выбора и изменить текст для различных состояний.
После выбора элемента формы можно изменить оформление элемента.
Например, дважды нажмите и выберите поле «Имя». При выборе параметра «Текстовое поле» для поля «Имя» можно затем воспользоваться опциями на панели управления или панели «Заливка» и выбрать цвет фона текстового поля.
Используя параметры на панели «Заливка» можно установить сплошной или градиентный цвет заливки. Или установите в качестве заливки фоновое изображение и настройте параметры «Подгонка» и «Положение». Для изменения уровня прозрачности заливки измените настройку «Непрозрачность».
Обратите внимание, что, если не отключить параметр «Редактировать вместе» (который включен по умолчанию), изменения будут применяться ко всем полям. Эта функция позволяет создавать единообразный дизайн формы и экономить время. Однако при необходимости можно в любое время выделить всю форму, нажать кнопку с синей стрелкой, чтобы открыть меню «Параметры», и снять флажок «Редактировать вместе» для оформления полей по отдельности.
Проверка формы и извлечение переданных сообщений
После завершения настройки и оформления формы сохраните сайт и опубликуйте его. Теперь форму можно протестировать в браузере.
Нажмите кнопку «Опубликовать», а затем нажмите «ОК».
Откроется окно браузера с опубликованным сайтом.
Перейдите на страницу с формой обратной связи и проверьте ее функционирование на опубликованном сайте. Посмотрите, что произойдет при отправке формы с незаполненными обязательными полями. Проверьте оформление формы и ее функционирование, обратив особое внимание на отображение сообщений об ошибках.
Убедившись, что форма оформлена и работает должным образом, попробуйте отправить ее с любым сообщением-заполнителем. Проверьте свою электронную почту и убедитесь, что получили отправленное сообщение.
На левой панели в разделе «Отчеты» нажмите параметр «Использование веб-форм». На появившемся графике отображаются последние действия, связанные с отправкой формы.
Отчеты на панели управления предоставляют различные сведения о посетителях вашего веб-сайта. Можно отслеживать время наибольшей посещаемости сайта и проверять производительность форм, добавленных на сайт.
Эта информация поможет определить лучшее время для размещения рекламных акций или обновления содержимого сайта. Она также помогает взаимодействовать с посетителями, поскольку они имеют возможность отправлять вам свои сообщения и комментарии. Таким образом, вы можете вести диалог с посетителями, а не просто предоставлять информацию в одностороннем режиме со своего сайта.
Дополнительную информацию о создании веб-сайтов с помощью Muse см. на странице руководств Adobe Muse. Также перейдите на страницу Сайт дня, чтобы просмотреть примеры новых проектов веб-сайтов, созданных в приложении Muse.
Добавление Google reCAPTCHA для предотвращения спама
В проекты Adobe Muse можно добавлять reCAPTCHA, бесплатный сервис Google для защиты веб-сайта от спама в комментариях, фиктивной регистрации и многих других нарушений. Изображения reCAPTCHA можно использовать в формах обратной связи Adobe Muse, чтобы предоставлять информацию на веб-сайте могли только допустимые пользователи. Дополнительные сведения об этой технологии см. на странице Google reCAPTCHA.
При использовании сервиса reCAPTCHA требуется сгенерировать открытый и закрытый ключи, уникальные для домена вашего веб-сайта. Эти ключи следует скопировать в определенные поля в Adobe Muse, чтобы реализовать на веб-сайте все возможности reCAPTCHA.
Добавление и настройка reCAPTCHA для формы
В приложении Adobe Muse выберите «Окно» > «Библиотека виджетов» > «Формы». Перетащите и добавьте простую или подробную форму обратной связи.
На панели «Параметры» в раскрывающемся списке «Captcha» выберите «reCAPTCHA v2».
Рекомендуется выбрать reCAPTCHA v2, поскольку Google больше не поддерживает reCAPTCHA версии 1.
В форму будет добавлено поле reCAPTCHA («Проверка»).
Настройте reCAPTCHA с помощью указанных ниже параметров.
Создание открытых и закрытых ключей
Не требуется получать ключи для веб-сайтов, в настоящее время опубликованных в Business Catalyst.
В браузере перейдите в консоль администратора Google. В консоли администратора Google нажмите кнопку Sign Up Now (Войти), чтобы войти в свою учетную запись Google, или зарегистрируйте новую учетную запись с помощью соответствующего параметра.
После входа вы будете перенаправлены на главную страницу Google reCAPTCHA.
Нажмите кнопку Get reCAPTCHA (Получить reCAPTCHA) вверху страницы.
Укажите имя домена веб-сайта в поле Domains (Домены). Не нужно вводить URL-адрес веб-сайта целиком, укажите лишь имя домена. Например, mysamplemusewebsite.com.
Нажмите кнопку Register (Регистрация), чтобы сгенерировать уникальные открытый и закрытый ключи для своего веб-сайта.
Запомните открытый ключ (ключ сайта) и закрытый ключ (секретный ключ).
Скопируйте ключ сайта и секретный ключ соответственно в поля «Открытый ключ» и «Закрытый ключ» в Adobe Muse.
Убедитесь, что ключи скопированы полностью и никакие символы не пропущены.
Предварительно просмотрите страницу в браузере или в приложении Adobe Muse, чтобы проверить, как работает reCAPTCHA.
Устранение неполадок в формах обратной связи
Формы обратной связи нельзя настроить с помощью Adobe Muse. Однако для этого можно использовать виджеты сторонних разработчиков. Также можно создавать настраиваемые формы, вставляя настраиваемый код HTML или используя виджеты сторонних разработчиков.
Кроме того, для настройки форм обратной связи можно использовать Business Catalyst. Дополнительные сведения о работе с формами с помощью Business Catalyst приведены на следующих веб-сайтах: http://docs.businesscatalyst.com/user-manual/CRM/web-forms/customizing-webforms.
Компания Google выпустила reCAPTCHA v2. Если вы используете более раннюю версию reCAPTCHA, у вас должны быть открытые и секретные ключи. Компания Google больше не осуществляет поддержку reCAPTCHA v1. Наиболее простым решением будет переход на reCAPTCHA v2. Сведения о том, как настроить и использовать reCAPTCHA v2 в Adobe Muse, приведены в разделе Настройка recAPTCHA в Adobe Muse.
Некоторые веб-хосты не поддерживают все требования форм для обратной связи в Adobe Muse. При загрузке на хост с помощью функции передачи по FTP в Adobe Muse логический компонент сервиса определяет, все ли настроено правильно на серверах вашего поставщика услуг хостинга. Если нет, в Adobe Muse отображается предупреждение с информацией об отсутствии требований. Вы можете связаться с поставщиком услуг хостинга и попросить помочь в решении проблем с настройкой.
Эта ошибка может возникать по нескольким причинам. Для устранения неполадок выполните следующее:
1. Проверьте папку со спамом во входящих письмах электронной почты. Если вы найдете письма с данными форм в папке со спамом, пометьте их как проверенные сообщения.
Для решения этой проблемы выполните следующее:
4. Перейдите по ссылке http://my-site.com/scripts/form_check.php в веб-браузере и проверьте, отображаются ли у вас все три флажка зеленого цвета. Если напротив некоторых элементов не отображаются флажки зеленого цвета, значит сервер хостинга настроен неверно и виджеты «Формы» не отправляют сообщения электронной почты на указанный адрес.
По проблемам, связанным с конфигурацией сервера, обратитесь к поставщику веб-хостинга. Укажите элементы, которые не отмечены зеленым цветом на странице проверки форм, чтобы специалисты смогли помочь вам правильно настроить серверы.
Требуется JavaScript для получения информации URL-адреса или динамическая серверная система для заполнения полей форм. Для предварительного заполнения полей форм в Adobe Muse интегрируйте форму обратной связи в Adobe Muse с помощью функции «Вставить HTML».
В настройках на странице Adobe Muse интегрируйте ссылку в сценарий preset.js (заголовок). Затем интегрируйте с помощью функции «Вставить HTML» в Adobe Muse.
Для устранения ошибки формы обратной связи, убедитесь, что:
