Виджет удобная форма 2 для adobe muse: Удобная форма 2 | Профессиональный виджет форм Muse

Выпуски Adobe Muse за август 2017 года, февраль 2017 года и ноябрь 2016 года

Выпуски за август 2017 года, февраль 2017 года и ноябрь 2016 года

Примечание.

Новые функции больше не добавляются в Adobe Muse. Поддержка этого приложения будет прекращена 26 марта 2020 г. Для получения подробной информации и поддержки посетите раздел Часто задаваемые вопросы о прекращении обслуживания Adobe Muse.

Примечание.

Версия Adobe Muse CC 18.0 за октябрь 2017 года уже доступна! Ознакомьтесь с информацией в разделе Обзор новых функций.

В Adobe Muse CC версии за 2017 год (август 2017 г.) представлено несколько улучшений, включая поддержку адаптивных форм, слайд-шоу и композиций, удобный выбор подчиненных элементов, изменение масштаба «щипком» и многое другое. Ниже представлены подробные сведения о новых возможностях и ссылки на другие руководства.

Краткий обзор функций, реализованных в предыдущих версиях, представлен в статье Новые возможности Adobe Muse CC 2015.2.

Адаптивные виджеты «Композиция», «Формы» и «Слайд-шоу»

Новые возможности Adobe Muse CC (август 2017 г.)

Adobe Muse теперь поддерживает полный набор адаптивных виджетов. Виджеты «Слайд-шоу», «Композиция» и «Формы обратной связи» теперь полностью адаптивные в Adobe Muse 2017.1. Можно добавить эти виджеты в свой проект одним нажатием кнопки.

Ранее при создании адаптивного веб-сайта требовалось закреплять, выравнивать виджеты (например, «Формы» или «Лайтбокс») и изменять их размер с помощью нескольких точек остановки. Теперь можно просто перетащить виджеты на холст дизайна. Виджеты автоматически меняют свой размер, адаптируясь под размеры экрана. 

На анимации ниже показано то, как функционирует адаптивный виджет «Композиция».

Адаптивные виджеты «Композиция» в Adobe Muse

Несмотря на то, что виджеты являются адаптивными по умолчанию, параметры закрепления и изменения размера можно самостоятельно настроить в соответствии со своими предпочтениями.

Подробные сведения об использовании каждого из данных виджетов в Adobe Muse приведены в разделах Работа с адаптивными виджетами «Композиция», Работа с адаптивными формами Adobe Muse и Работа с адаптивными виджетами «Слайд-шоу» в Adobe Muse.

Посмотрите видеоруководства по адаптивным виджетам Адаптивные слайд-шоу и Адаптивные формы обратной связи.

Изменение масштаба «щипком»

Новые возможности Adobe Muse CC (август 2017 г.)

Часто веб-дизайнерам требуется увеличить масштаб в режиме «Дизайн», чтобы удостовериться, что элементы на странице расположены правильно. Также может потребоваться уменьшить масштаб, чтобы отобразить страницу полностью и удостовериться, что никакие элементы не выпадают за ее пределы. Теперь можно с легкостью изменять масштаб «щипком».

Этой возможностью Adobe Muse можно воспользоваться с помощью сенсорной панели на Macbook или на устройстве с сенсорным экраном под управлением Windows. Для увеличения масштаба выполните «щипок» и разведите большой и указательный пальцы друг от друга.

Чтобы уменьшить масштаб, сведите пальцы.

Изменение масштаба «щипком» в Adobe Muse

Удобный выбор подчиненных элементов

Улучшенные функции Adobe Muse CC (август 2017 г.)

В последней версии Adobe Muse можно дважды нажать и выбрать подчиненные элементы внутри объекта или виджета. Подчиненные элементы — это отдельные объекты, например текстовые поля или изображения внутри другого объекта или контейнера. Благодаря повышенному уровню производительности Adobe Muse вам больше не потребуется последовательно нажимать на каждый подчиненный элемент, чтобы перейти к нужному. 

Посмотрите краткое видео об этом улучшении Удобный выбор элементов в Adobe Muse.

Реорганизация меню «Справка»

Новые возможности Adobe Muse CC (февраль 2017 г.)

Меню «Справка» в Adobe Muse реорганизовано. Чтобы узнать, что именно изменилось, см. изображения ниже.

«Справка» по Adobe Muse CC теперь включает раздел «Учебные руководства по Adobe Muse CC» (видеоруководства) и «Справка по Adobe Muse CC» (справочные статьи).

Кнопка для перехода к сайту для обратной связи от сообщества теперь называется «Веб-форумы Adobe». Чтобы перейти к форумам Adobe Muse, нажмите на эту кнопку.

Новая кнопка «Сообщение об ошибке/добавление новых функций» перенаправляет на страницу отзывов пользователей. Здесь можно предложить разработчикам новую функцию, обратиться в службу поддержки или оставить свой отзыв.

Чтобы перейти на страницу отзывов пользователей, нажмите «Сообщение об ошибке/добавление новых функций».

Улучшения карт сайтов для оптимизации поиска

Новые возможности Adobe Muse CC (февраль 2017 г.)

Ознакомьтесь с изменениями в файле sitemap.xml, создаваемом при экспорте или загрузке сайта в Adobe Muse:

• Теперь карты сайтов содержат изображения с тегом <image:image>.
• Подписи к изображениям добавляются с тегом <image:caption>.  В карту сайта можно также включать повернутые изображения и изображения с эффектами, кроме файлов в формате . png.
• При добавлении изображений с совпадающим именем файла и разным замещающим текстом эти изображения размещаются отдельно с тегом <image:caption>. Подпись к изображению будет включать соответствующий замещающий текст.

Добавление ссылок привязки в виджеты «Раздвижная панель»

Улучшенные функции Adobe Muse CC (февраль 2017 г.)

Теперь к виджетам «Раздвижная панель» можно добавлять ссылки привязки. Вы можете связать любой элемент страницы с контейнером «Раздвижная панель» всего одним нажатием. Инструкции по добавлению ссылок привязки см. в разделе Добавление ссылок привязки в виджеты «Раздвижная панель».

Улучшение производительности при экспорте файлов

Улучшенные функции Adobe Muse CC (февраль 2017 г.)

Теперь экспорт файлов . muse в Adobe Muse занимает меньше времени. Благодаря улучшению производительности можно экспортировать даже крупные файлы с большим количеством контрольных точек за более короткое время.

Инструмент масштабирования

Новые возможности Adobe Muse CC (ноябрь 2016 г.)

Новая функция масштабирования в Adobe Muse позволяет просматривать и изменять определенные области в макете страницы. Если вы находитесь на совещании с клиентом и хотите внести изменения в веб-сайт, то вы можете воспользоваться функцией масштабирования. Эта функция позволяет сконцентрироваться на определенных областях сайта в представлении «Дизайн». Можно мгновенно увеличить или уменьшить масштаб различных областей на макете страницы и быстро их отредактировать.

Использование функции масштабирования:

1. Нажмите инструмент «Рука» на панели инструментов Adobe Muse.

2. Нажмите клавишу Alt и удерживайте кнопку мыши нажатой.

   Масштаб представления «Дизайн» веб-сайта уменьшится, обеспечивая полный обзор макета. Прямоугольник красного цвета обозначает область просмотра. Отпустите кнопку мыши, чтобы увеличить масштаб области просмотра.

   Прямоугольник красного цвета указывает на область просмотра при масштабировании.

3. Нажмите клавишу Alt и кнопку мыши, чтобы переместить область просмотра в другое место на странице.

   Отпустите кнопку мыши, чтобы увеличить масштаб нужной области просмотра.

Добавление анимации с помощью CC Libraries

Новые возможности Adobe Muse CC (ноябрь 2016 г.)

Теперь можно размещать анимацию на веб-сайтах Adobe Muse с помощью Creative Cloud Libraries. Ранее можно было выбрать анимацию с жесткого диска. Теперь, помимо этого, можно просто перетащить файлы анимации с панели CC Libraries в представление «Дизайн» в Adobe Muse.

С помощью CC Libraries можно также предоставить доступ к анимации и совместно работать с другими пользователями Creative Cloud. Для получения информации о добавлении и использовании анимации с помощью CC Libraries см. раздел Добавление анимации из Animate CC.

Добавление элементов библиотеки с точками остановки

Улучшения в Adobe Muse CC (ноябрь 2016 г.)

В предыдущих версиях Adobe Muse можно было использовать элементы библиотеки Library на веб-сайте посредством их перетаскивания в макет. Теперь при размещении элемента библиотеки с точками остановки в макете на страницу автоматически добавляются точки остановки.

С помощью этой функции можно установить несколько точек остановки одним щелчком мыши. Эту функцию также можно использовать для добавления набора точек остановки в несколько файлов Adobe Muse.  

Чтобы добавить элементы страницы с точками остановки, просто нажмите значок плюса рядом с элементом библиотеки, затем перетащите элемент на панель «Дизайн». Точки остановки будут автоматически добавлены на страницу.

 

Нажмите значок «+» и перетащите элементы библиотеки для сохранения точек остановки.

Дополнительные сведения о сохранении точек остановки с элементами библиотеки Library см. в разделе Использование элементов библиотеки Library в дизайне.

Посмотрите видеоруководство на эту тему: Поддержка точек остановки для работы с элементами библиотеки Library.

Общий доступ к веб-сайту по URL-адресу одним щелчком мыши

Улучшения в Adobe Muse CC (ноябрь 2016 г.)

Новое меню «Общий доступ», располагающееся в верхней области рабочей среды, позволяет с легкостью предоставлять доступ к URL-адресу опубликованного веб-сайта, а также к URL-адресу для редактирования содержимого сайта. После публикации сайта нажмите «Общий доступ».

Предоставление общего доступа к URL-адресу сайта Adobe Muse

Можно скопировать и отправить URL-адрес опубликованного сайта другим пользователям. Чтобы разрешить клиентам или сотрудникам редактировать содержимое сайта с помощью функции In-Browser Editing, нажмите «Копировать ссылку» под полем In-Browser Editing.

Поддержка Google reCAPTCHA (версия 2)

Улучшения в Adobe Muse CC (ноябрь 2016 г. )

Adobe Muse CC 2017 поддерживает Google reCAPTCHA v2. В предыдущих версиях Adobe Muse можно было настроить и использовать Google reCAPTCHA v1 для форм обратной связи. Однако корпорация Google недавно приостановила выпуск закрытых ключей для версии 1 и выпустила reCAPTCHA v2.

Чтобы добавить в формы последнюю версию reCAPTCHA, добавьте форму обратной связи из библиотеки виджетов, затем нажмите синюю стрелку рядом с формой. Во всплывающем меню «Параметры» выберите reCAPTCHA v2 в раскрывающемся списке «Captcha». В форму будет добавлено поле reCAPTCHA («Проверка»).

Добавление reCAPTCHAv2 в формы обратной связи

Примечание.

Вам не потребуется заново публиковать сайты. Кроме того, можно использовать уже имеющийся закрытый ключ Google reCAPTCHA. reCAPTCHA 2 потребуется только при создании новых форм обратной связи.  

Сведения о настройке reCAPTCHA v2 в формах представлены в разделе Добавление и настройка reCAPTCHA для формы.

Видеоруководство по reCAPTCHA v2: Поддержка фильтра от спама с reCAPTCHA 2.

Вход в учетную запись

Войти

Управление учетной записью

Вход в учетную запись

Войти

Управление учетной записью

Расширяем функции стандартной формы Adobe Muse

Приветствую, любители Adobe Muse и сайтостроители.

На связи Владимир Гынгазов.

Сегодня я записал для Вас новое полезное видео. И в этот раз речь пойдёт  о том, как расширить возможности стандартных форм в Adobe Muse.

Согласитесь, что того функционала, который присутствует в стандартном виджете не всегда, а то и чаще всего не хватает! И нам приходится или отказываться от идей, или искать решение.

Лично я, для себя нашёл одно, очень не плохое решение. Называется оно — виджет от Александра Бузмакова «Удобная форма 2»

В прошлой статье я уже познакомил Вас с Александром.

Думаю, что Вы оценили качество его виджетов.

А что умеет виджет, спросите Вы? А я отвечу, точнее процитирую:

Виджет «Удобная форма 2» научит вашу стандартную форму крутым и полезным функциям:

• любое количество форм на сайте
• дизайн ограничевается вашей фантазией
• создание крутых выпадающих списков (любое кол-во)
• автозаполнение поля Email
• маска ввода номера телефона с кодом любой страны
• всплывающие подсказки у полей при ошибке
• анимация надписи в поле после клика
• два разных модуля выбора даты и времени
• модальное окно после отправки формы с анимацией появления
• мультизагрузка файлов (прикрепление файлов) пользователями, в т. ч. перетаскиванием
• любое количество кнопок загрузки файлов
• функция индикации статуса отправки формы (индикатор отправки в виде полоски)
• замена стандартной кнопки отправки формы на анимированную
• SMS-оповещение админа (менеджера) о новой заявке
• SMS-оповещение пользователя сайта (клиента), о том, что заявка принята
• Настраиваемые шаблоны SMS админа и клиента
• автоответчик клиенту с отправкой любого файла
• Настраиваемые шаблоны писем админу и клиенту
• письмо админу приходит от имени клиента
• запись лидов в .CSV-файл на хостинге с указанием даты и номера заказа
• автонумерация заявок и вывод номера заказа на сайте, в письмах и SMS
• подсчет заявок только с конкретных форм
• автоматическое определение UTM-меток и передача их в шаблоны писем и SMS
• 15 стартовых шаблонов дизайна форм (на основе стандартных форм)

Ну Вы поняли! Он умеет много. И поэтому, не мешкайте, а включайте видео и смотрите. А под видео Вас ждёт кнопка на покупку этого виджета. Не думали же Вы, что он бесплатный? Но он и не дорогой совсем!

Приятного просмотра!

Пример формы, сделанной с помощью виджета: https://rusmuse.ru/uroki/udforma/

 

ПРИОБРЕСТИ ВИДЖЕТ

 

На этом всё! Надеюсь эта статья и видео оказались для Вас полезными.

Не забывайте рекомендовать сайт друзьям, оставляйте свои комментарии и до встречи…

Как добавить виджет контактной формы в Adobe Muse

Контактная форма Elfsight – чрезвычайно простой в настройке и разработке инструмент, позволяющий без навыков программирования создавать форму ответа и все другие множественные формы для отправки сообщения на адрес электронной почты.

Содержание

1. Действие 1: Установка виджета
2. Акт 2: Использование на веб-сайте Adobe Muse
3. Каталог шаблонов контактных форм Elfsight для Adobe Muse
4. БОНУС: протестируйте свою контактную форму прямо здесь!

Контактная форма Captcha для Adobe Muse

Контактная форма Elfsight — это простой и очень гибкий виджет, который поможет вам создать контактную форму любого типа. Если вы ищете удобный инструмент для увеличения количества откликов клиентов и повышения коэффициента конверсии — наш виджет для вас!

Основные характеристики:

• Дизайн премиум-класса;
• Адаптивный шаблон;
• Включена защита от капчи;
• Параметры всплывающего окна и страницы;
• Двухминутная установка.

Оставайтесь на связи с клиентами 24/7, получайте сообщения на свою электронную почту и увеличивайте число потенциальных клиентов для своего бизнеса!

Этапы добавления виджета на ваш сайт

Настройка нашего виджета чрезвычайно проста и интуитивно понятна; это займет всего три минуты. Выполните все шаги, перечисленные ниже, чтобы установить виджет.

Действие 1: Получите ваш собственный виджет

Настройка плагина

Перейдите по этой ссылке (Live Editor), чтобы создать плагин. Выберите шаблон и параметры вывода, чтобы настроить плагин, который будет гармонировать с вашим сайтом. Или узнайте больше на странице продукта.

Скопируйте и вставьте скрипт плагина

Результатом установки плагина Elfsight является получение шорткода приложения.

Действие 2: Добавление полноразмерной контактной формы на страницу

Закрепите форму на одной из страниц.

Откройте редактор Adobe Muse

Войдите в Muse и перейдите на страницу «План». Выберите сайт, на который вы будете устанавливать плагин.

Добавить элемент HTML на сайт

Добавить элемент «Вставить HTML» из вкладки «Объект» в нужное место.

Введите код плагина

В появившемся окне введите код, полученный в Elfsight Apps, и установите размер блока формы.

Сохранить изменения

Примените изменения, нажав кнопку «Опубликовать» в верхнем меню и выбрав нужный сайт.

Готово! Вы успешно установили плагин!

Зайдите на сайт, чтобы проверить работу формы.

Каталог шаблонов контактных форм Elfsight для Adobe Muse

Раскройте весь потенциал своего веб-сайта с помощью нашего каталога шаблонов контактных форм:

. ТестыРегистрационные формыБланки бронированияБланки регистрацииБланки подпискиОпросы

Показать больше шаблонов

Elfsight Apps Профиль для смены виджета

После добавления виджета необходимо установить все возможности редактирования формы в Elfsight Apps. Корректировка описания поля, изменение вида или режима отображения и все остальные изменения, выполненные в редакторе виджета, будут автоматически применены на сайте.

Кроме того, в личном кабинете Elfsight у вас есть возможность бесплатно попробовать другие виджеты Muse и установить их на свой ресурс.

Форма загрузки Muse — адаптивная Muse

Форма загрузки Muse

19,90 $

4.13 из 5 на основе 15 оценок покупателей

(15 отзывов покупателей)

ПРЕДВАРИТЕЛЬНЫЙ ПРОСМОТР СКАЧАТЬ ПРЕМИУМ

Получить один предмет или купить ПРЕМИУМ ДОСТУП
Вы заплатите меньше $1 на продукт с Премиум-доступом

Категории: Адаптивные виджеты Adobe Muse, Виджеты Muse Premium

• Описание
• Часто задаваемые вопросы.
• Отзывы (15)

Описание продукта

Очень часто можно найти контактные формы на веб-сайтах, но наличие формы загрузки будет удобно для некоторых веб-сайтов.

Например, если у вас есть бизнес и вы нанимаете сотрудников, ваши посетители могут прикрепить свое резюме к форме для загрузки . Это улучшит функциональность формы, поскольку посетителям не нужно будет отправлять вам дополнительное электронное письмо. Кроме того, наличие обеих функций в одном еще более удобно для ваших пользователей.

Виджет формы загрузки  для Adobe Muse имеет эти функции. Вы можете стилизовать форму по своему усмотрению и выбрать, какие поля вы хотите отображать среди вариантов, которые мы вам предоставляем. Вы можете не только загружать резюме. Подумайте о других возможностях, таких как загрузка фотографий или графики.

 

Основные характеристики Загрузить виджет контактной формы для Adobe Muse:

• Добавьте контактную форму на свой веб-сайт.
• Форма поддерживает один вложенный файл. Если вам нужно прикрепить несколько файлов, сожмите все файлы в ZIP-архив.
• Эта форма позволяет пользователям отправлять вам вложенные файлы.
• Вы получите файлы, прикрепленные к вашему электронному письму.
• Виджет с изменяемым размером.

КАК ЭТО РАБОТАЕТ

1. Добавьте новый виджет в Adobe Muse.
2. ВАЖНО: ДОБАВЬТЕ ФАЙЛ PHP « contact.php », включенный в загруженный zip-файл.
3. Введите адрес получателя «Отправить по электронной почте».
4. Введите исходный адрес «От электронной почты».
5. При желании можно настроить все другие доступные параметры.
6. Вы можете показать/скрыть поля телефона, темы и телефона.

ОБНОВЛЕНИЕ V2 : теперь вы можете изменить тип шрифта, выбирая между более чем 40 стандартными веб-шрифтами

ОБНОВЛЕНИЕ V3 :

• Теперь вы можете отправить форму нескольким получателям. Разделите их запятой.
• Вы также можете установить до 5 предметов.
• Добавлены тексты меток в конфигурацию, чтобы вы могли изменять или переводить их.

ОБНОВЛЕНИЕ V4 :

• Создан новый необязательный contactsec.php Файл, отвечающий за доставку электронной почты. Чтобы избежать спама, используйте contactsec.php вместо старого contact.php .
  1. Редактировать contactsec.php с помощью Notepad++ (или другого программного обеспечения, которое не изменит кодировку файла). Настройте адрес электронной почты получателя формы, изменив первую строку здесь:
     
  2. Вы также можете добавить несколько получателей назначения в contactsec.php, разделив их запятой. Держите все значения в кавычках, как показано в примере.
  3. Сохраните contactsec.php и используйте ДОБАВИТЬ ФАЙЛ PHP « contactsec.php » в настройках вашего виджета.

ОБНОВЛЕНИЕ V5 :

• Исправлены ошибки при использовании нескольких форм в разных контрольных точках.
• Теперь разрешена отправка нескольких файлов.
• Добавлена ​​полоса загрузки при загрузке файла, вы можете настроить ее цвет.
• Добавлена ​​возможность перенаправления на любой URL-адрес после успешной загрузки.

ОБНОВЛЕНИЕ V6 :

• Обновлены файлы Contact и contactsec php: они не будут отправлять пустые поля.
• Формат основного текста электронной почты обновлен.
• Заголовок формы: показать или скрыть заголовок. Управляйте шрифтом, размером, цветом и разделителем.
• Текстовые метки формы: настройте шрифт, размер, цвет и ширину.
• Метки ввода формы: контролируйте множество настроек из полей ввода, таких как шрифт, размер, цвет, фон, радиус угла, границы, тень, ширина или поля.
• Кнопка формы: настройка шрифта, размера, цвета, ширины, фона или выравнивания.
• Добавлен шрифт по умолчанию. Выберите шрифт -default-, чтобы использовать любой шрифт, выбранный Adobe Muse (экспортированные шрифты изображений недопустимы).
• Исправлена ​​небольшая ошибка при использовании специальных символов (декабрь 2017 г.).

 

ТРЕБОВАНИЯ. ПРОЧИТАЙТЕ ПЕРЕД ПОКУПКОЙ:

• . Следует принять во внимание, что эти элементы формы нельзя редактировать непосредственно в Adobe Muse, и вы не можете добавлять дополнительные поля (поскольку Muse не поддерживает поля загрузки), поэтому для управления макетом формы необходимо использовать виджет настройки.
• Этот виджет не будет работать в Adobe Muse Preview. Вам нужно загрузить его на ваш сервер, совместимый с PHP, чтобы увидеть, как он работает.
• Убедитесь, что ваш хостинг-провайдер совместим с PHP и поддерживает функцию mail() PHP. Это требование необходимо виджету для работы.
• Некоторые серверы, такие как Banahosting или Ipage, отправляют электронные письма без проблем. Другие, такие как Aruba или Godaddy, требуют изменения настроек хостинга, чтобы включить его. Обратите внимание, что Business Catalyst не поддерживает PHP. Дополнительную информацию можно прочитать здесь: https://forums.adobe.com/docs/DOC-3581
• Пожалуйста, прочтите « Как проверить, включена ли функция mail() PHP на вашем сервере » или свяжитесь с вашим хостинг-провайдером, если вы не уверены, что они соответствуют этому требованию.

 

 

ПРЕДПРОСМОТР

Часто задаваемые вопросы.

Какие электронные письма я должен писать в ОТПРАВИТЬ НА ЭЛЕКТРОННУЮ ПОЧТУ и ОТ ЭЛЕКТРОННОЙ ПОЧТЫ?

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

Например, [email protected] (из электронной почты) будет отправлять формы на ваш личный адрес электронной почты [email protected] (отправить на электронную почту).

Как добавить несколько получателей?

В файле contactsec.php вы можете добавить несколько получателей назначения, разделив их запятой. Держите все значения в кавычках.

Какой файл мне сейчас загрузить в настройки виджета, contact.php или contactsec.php?

Этот виджет был обновлен, поэтому теперь вы должны загрузить contactsec.