Форма для лендинга скрипт

Форма для лендинга скрипт

C приходом Keitaro 9 в трекере добавился новый тип загрузки лендингов – Локальный.

Этот метод позволяет загружать лендинги zip архивами и автоматически размещать их в корне Keitaro. Благодаря чему, можно осуществлять простую загрузку в пару кликов и использовать лендинги в схемах потоков, открывая их без редиректов.

Сегодня мы подробно рассмотрим подключение такого лендинга и настроим передачу постбека в Keitaro, после сабмита формы заявки.

Содержание

Лендинг с формой заказа

Подготовка лендинга

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

Исполнительными файлами обязательно должны быть index.html или index.php.

В нашем конкретном примере видим следующую ситуацию:

Приводим исполняемый файл в должный вид — index.html и сжимаем все файлы и папки лендинга в один zip архив.

Получаем готовый zip архив нашего лендинга, который можно загрузить в Keitaro и проверить его работоспособность.

В Keitaro перейдем в раздел Лендинги — Создать лендинг

Впишем название, выберем тип Локальный и сам архив, после чего нажмем “Загрузить файл и сохранить”.

После успешной загрузки наш лендинг появится в списке доступных лендингов и можно открыть его настройки.

Здесь у нас добавилась возможность предпросмотра.

При нажатии на эту кнопку откроется наш сайт и можно проверить все ли грузится верно.

Сайт открывается верно, и успешно подключен в Keitaro, теперь давайте рассмотрим настройку передачи постбека по сабмиту формы.

При нажатии кнопки Оформить Заказ, нас должно переводить на страницу успешной покупки, и отстукивать одну конверсию в трекер.

Для этого нам нужно произвести некоторые изменения:

  1. Добавить страницу success page
  2. Добавить страницу call.php
  3. Добавить передачу subid с лендинга
Читайте также:  Интернет вещей в городе

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

C помощью Bootstrap 3 сделал верстку Landing Page.
Верстка формы приема заявок готова, осталось заставить ее работать.

Посоветуйте подходящий скрипт.
Основные требования к скрипту:
— Проверка валидности заполнения полей
— Отправка письма покупателю и клиенту после заполнения формы
— Ajax обновление формы после ее заполнения (вывод, например, надписи "Спасибо! Мы свяжемся с Вами в ближайшее время")

Понимаю, что вряд ли есть универсальное решение, поэтому буду рад всем вариантам.

Рассмотрим как сделать скрипт обратной связи для лендинг страниц.

Подключается к любой форме обратной связи с любым количеством полей, без исправления файла mail.php.

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

создаем index.html

Создадим в шаблон index.html.

Создаем документ, нажимаем восклицательный знак и клавишу tab, плагин emmet разворачивает новый документ в тело body добавим форму.

В форме прописываем три скрытых поля это название

  • сайта site name
  • свой email куда будет приходить почта
  • тему письма, которая высветится в общем списке form subject, для идентификации формы, с какой именно пришло письмо, если несколько форм.

Затем идут произвольные поля, которые видим в браузере.

В конце документа подключаем jquery и файл скрипта scrip.js.

Добавляем в index.html код.

Открываем index.html в браузере и видим саму форму.

Создаем scrip.js

Разберем теперь файл скрипта scrip.js , который подключили.

Основной смысл скрипта, чтобы ajax отправлял методом post любую форму на наш файл mail.php.

Нужно изменить только селектор формы, которую хотим обрабатывать form и путь до mail.php, если у нас лендиг пейдж и файл в корневой папке, то путь не меняем.

Читайте также:  Как в экселе уменьшить ширину ячеек

В скрипте есть функция .don после того как отправилось письмо идет alert, который можно менять.

Ссылка на основную публикацию
Фоллаут 76 официальный сайт на русском
Игра Fallout 76 Модификация силовой брони и оружия в честь 300-летия США Голова Волт-Боя Патриотический костюм американца Праздничное приветствие Волт-Боя...
Установка образа на виртуальную машину
VirtualBox представляет собой виртуальную машину с возможностью запустить операционные системы, отличные от установленной на компьютере. Это обычно требуется для тестирования...
Установка образа на жесткий диск
Приветствую вас, друзья. Наверное, каждый пользователь компьютера или ноутбука встречался с ситуацией, когда он понимает, что настало время переустановки операционной...
Фольксваген тигуан 2 литра механика
Все минусы Фольксваген Тигуан 2018-2019 ➖ Качество отделочных материалов ➖ Расход топлива Плюсы ➕ Динамика ➕ Управляемость ➕ Удобный салон...
Adblock detector