Установка формы на WIX
Разработчики WIX решили, что лучшим способом обезопасить сайты своих клиентов от воздействия сторонних модулей и плагинов, будет вывод их в iframe. Это ограничение не позволяет виджету/плагину/модулю выйти за границы предоставленной области, а так же менять или оказывать влияние на другие элементы сайта вне этой области. Чем это может нам помешать? А тем, что не получится выводить модальное окно с затемнением во весь экран. Форма с полупрозрачным затемнением будет всплывать и растягиваться только в пределах определенного участка, который вы выделили для html кода.
Получается, что для WIX целесообразно использовать не всплывающую форму, а выведенную сразу (это когда присутствует параметр modal: false, ). Хорошая новость в том, что эту форму можно визуально изменить до неузнаваемости и полностью интегрировать в ваш общий дизайн. Достаточно лишь немного ориентироваться в css.
Какие преимущества нашей формы перед теми, что уже имеются в маркете WIX,- спросите вы. Удобнейшая возможность получать смс с данными из формы вместе с письмом на почту. В письме будет указан город, государство, регион, из которого пользователь. Интересная разработка по определению VK-профиля пользователя, позволит узнать больше общедоступной информации о нём. К достоинствам можно отнести возможность отправлять файлы через форму. Например техническое задание для ознакомления, фотографии или документы. Все эти файлы будут доставлены вам как вложение к письму.
Вам не потребуются для установки никакие программы, достаточно лишь архива, который вы получили на предыдущем шаге. Обратите внимание, что при создании формы, адрес сайта нужно указывать не как site.ru, а как www-site-ru.filesusr.com, т.е. мало того, что нужно дописать к вашему сайту добавляете .filesusr.com, так еще меняется имя домена.
Если будет проблема с отправкой формы,свяжитесь с нами
Чтобы добавить собственный код на сайт Wix, необходимо воспользоваться приложением HTML.
Чтобы добавить код: слева в Редакторе нажмите Добавить > нажмите Apps > нажмите HTML.
Нажмите на приложение HTML, чтобы выбрать его > в выпадающем меню нажмите Настройки > в разделе Режим выберите код HTML
В архиве находим и открываем файл index.html.
Из второго блока кода («Если НЕТ возможности загрузить файлы на сервер..») копируем ссылки на библиотеки, например:
У вас они могут отличаться. Вставляем всё это в поле HTML / код встраивания, из первого пункта.
Прокручиваем вниз файл index.html и находим заголовок «ВЫВОД ФОРМЫ СРАЗУ В УКАЗАННОМ МЕСТЕ«. После него копируем весь код
в HTML / код встраивания, из первого пункта, под вставленные ранее ссылки.
Нажмите кнопку «обновить». Если всё вставлено верно, то форма должна уже корректно отображаться в предпросмотре. Еще нужно обратить внимание на то, что в настройках формы (на нашем сайте) нужно указывать не ваш сайт (site.ru), а технический (www-site-ru.filesusr.com).
Если вас не устраивает стиль элементов формы, или, допустим, вы хотите убрать заголовок, тени, обводку рамки, для этого в HTML / код встраивания, вам нужно вставить css код. Вот пример:
Если что-то пошло не так, свяжитесь с нами и мы попробуем решить проблему вместе.
Создание качественного сервиса — наша основная идея. Мы будем продолжать улучшать его и стараться сделать его наиболее надёжным и удобным.
Бесплатный виджет обратной связи для WIX
все ваши контакты в одном месте
Вы не упустите ни одного горячего клиента
Установка формы обратной связи на WIX
1. Регистрируемся на ProdaLet — Регистрация
2. Получаем код установки чата от Prodalet в личном кабинете: — Свойства проекта — Код установки
3. Копируем код установки Prodalet и входим в панель управления WIX
WIX — установка кода на сайте
- Копируем код установки Prodalet и входим в панель управления Wix
- Переходим в панель управления сайтом.
- Вставьте код ProdaLet.ru из личного кабинета
- Если у вас несколько доменов, то выберите для какого нужно добавить код Prodalet
- Введите имя кода, например «Prodalet»
- В пункте «Куда добавить код?» выберите «Все страницы» ->«Загружать код на каждой новой странице»
- В пункте «Где разместить код?» выберите «Body — конец»
4. Переходим в панель управления виджетами в ProdaLet.ru и подключаем модуль обратной связи
5. Далее настраиваем виджет, внешний вид, положение, включаем нужные каналы связи, уведомления и так далее если нужно и после настройки запускаем его
6. На этом установка виджета обратной связи на ваш WIX сайт можно считать законченной. У вас на сайте в правом углу экрана появится плавающая кнопка, при нажатие на которую откроется форма, в которой будут все способы связи с вами (положение кнопки можно изменить)
КОНСТРУКТОР ФОРМ НА WIX
WIX изобрел свой собственный конструктор форм, с которым вы сможете легко создать любые формы под ваши нужды: сбор лидов, заказы и опросы разной сложности.
Новое приложение WIX
На протяжении многих лет WIX предлагал свою стандартную контактную форму, с очень ограниченным функционалом. Многие пользователи хотели удалить поле e-mail и оставить только телефон, кто-то, наоборот, хотел включить больше полей, и не только текстовых. Для решения подобных задач приходилось пользоваться сторонними конструкторами и приложениями. И наконец WIX выпустил своё собственное приложение WIX Forms (WIX Формы), которое можно добавить на сайт из Wix App Market.
Вкратце что нужно знать об этом приложении:
— вы можете удалить поле для ввода e-mail
— вы можете устанавливать наименование для разных форм, чтобы видеть с какой конкретно формы пришёл запрос
— вы можете добавлять неограниченное количество полей
Как добавить и настроить форму на wix
Первым шагом при добавлении формы будет выбор шаблона формы. Это, конечно, всего лишь примеры, частые варианты использования. Любой шаблон вы сможете кастомизировать, изменить под свои задачи. Выбирайте максимально приближенный к вашей задаче.
Настройка формы
В интуитивно понятной панели настроек вы сможете изменять/добавлять нужные поля. Вы сможете удалить поле с e-mail (это невозможно сделать со стандартной формой wix).
Варианты ввода информации доступные в новом конструкторе:
текстовое поле (короткое или абзац)
поле для ввода числовых значений
поле для ввода веб-адреса
возможность выбора определенной опции
выбор даты с календарем
У каждого поля также есть свои внутренние настройки, а именно вы устанавливаете обязательно ли это поле для заполнение и как должны синхронизироваться полученные данные с вашей базой данных (CRM), требования к загружаемым через форму файлам и другие настройки.
Дизайн формы
Возможности дизайна также стали безграничными, теперь можно настроить внешний вид формы под общий стиль остальных элементов сайта. Каждое поле имеет свои настройки дизайна: цвет, радиус углов, прозрачность, тень, обводка, шрифты.
Теперь у всех элементов формы есть несколько "состояний":
при наведении (hover),
при клике в поле (focus),
ошибка ввода (error),
Каждое из этих "состояний" может иметь разный внешний вид.
Чтобы настроить общий стиль формы, нужно перейти в настройки дизайна, кликнув на бокс, в котором расположена форма, для настройки вида конкретного элемента необходимо перейти в дизайн, кликнув на этот элемент.
Синхронизация данных
Разумеется, все данные будут приходить на указанный в настройках e-mail, а также синхронизироваться (по желанию) с карточками клиента в системе CRM.
Каждая форма может синхронизироваться с конкретной базой клиентов, этим вы управляете самостоятельно в зависимости от ваших задач. Например, форма подачи заявок на работу синхронизируется с категорией "Резюме", а форма сообщения уходит в категорию "Лиды". Все это автоматически выстраивается в удобную архитектуру CRM.
Вы также можете указать путь синхронизации для каждого поля формы, и этот элемент автоматически добавится в карточке клиента. Например, создавая форму "должность" вы устанавливаете синхронизацию с CRM и у всех карточек клиента появляется графа "должность", куда падают все данные.
Загрузка...
