скачать, копирайт Callme

--


Callme 2.5 — виджет формы обратной звонку, быстрого заказа


Всем привет, наконец дошли руки до Callme. Сегодня представляю вашему вниманию версию Callme 2.5, в которой есть множество нововведений.
То, о чем вы просили бещлич раз, произошло: теперь в Callme есть капча, маска телефона и еще куча полезных функций. Даже шаблоны дизайна переработаны.
Обновленный дизайн выглядит так:


callme2.5


Я решил не ограничивать пользователей русско- и украиноязычной аудиторией, поэтому эта версия скрипта написана на английском. Благодаря тому, что отныне можно одновременно использовать любое количество форм с различными настройками, это позволит виджета работать на сайтах с несколькими языками и легко его переводить.
Ведь теперь все настройки, как для формы, так и для почты (кроме паролей конечно) хранятся в js-файлах. Обновил файл — обновилась форма.


Что нового? Фактически, все. Я полностью переписал сценарий с использованием EcmaScript 2015, новой версии JavaScript. Для полной совместимости со старыми браузерами скрипт хранится в формате JS, поэтому никаких проблем с его работой не будет.Теперь в виджете лет График. Совсем. Кнопка справа — текст, на фоне CSS-градиента, «крутилка» загрузка тоже сделана на CSS. Зачем это? Во-первых, это существенно уменьшило вес скрипта, поэтому он загружается в три раза быстрее, чем раньше. Кроме того, это дозвоить настраивать кнопки. Теперь чтобы поменять текст на кнопке, надо только отредактировать его в файле конфига:


Теперь расскажу подробнее о новых возможностях виджета.
маска телефона
Добавлен новый тип поля — «tel», для телефона. Форма может иметь любое количество полей для телефона, для каждого из них можно по желанию добавить маску. Например (999) 999-99-99 .



{
" Type ": "tel" ,
" Mask ": "(999) 999-9999" ,
" Name ": "Phone Number" ,
" Required ": true ,
" Sms ": true
}



валидация почты
Добавлено поле «email» для электронной почты. Если поле заполнено, то оно проходит валидацию и форму нельзя отправить, пока это поле не заполнит.


обязательные поля
Здесь обновление касается чекбоксов. Если чекбокс отмечен обязательным (required), то пока его не заметят, форму нельзя будет отправить.


капча
Так, наконец. В каждую форму можно по желанию добавить капчу, которая не позволит отправлять формы ботам и людям, которые не могут отнять от 11 цифру 6.



"captcha" {
"show" : true ,
"title" : "Captcha" ,
"error" : "Captcha is wrong"
}



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


Вот пример нового конфиге:



{
" Button ": {
" Show ": true ,
" Text ": "Short form"
} ,
" Fields ": [
{
" Type ": "text" ,
" Name ": "Your Name" ,
" Placeholder ": "Type your name" ,
" Required ": true ,
" Sms ": true
}
{
" Type ": "tel" ,
" Mask ": "(999) 999-9999" ,
" Name ": "Phone Number" ,
" Required ": true ,
" Sms ": true
}
] ,
" Form ": {
" Template ": "fb" ,
" Title ": "Request a callback" ,
" Button ": "Request" ,
" Class ": "form-center" ,
" Welcome ": "Fill in the form and we'll call you back as soon as possible "
} ,
" Alerts ": {
" Yes ": "Yes" ,
" No ": "No" ,
" Process ": "Sending request ..." ,
" Success ": "Your request was successfully sent" ,
" Fails ": {
" Required ": "Please fill in all required fields" ,
" Sent ": "Previous message was sent less than a minute ago "
}
} ,
" Captcha ": {
" Show ": true ,
" Title ": "Captcha" ,
" Error ": "Captcha is wrong"
} ,
" License ": {
" Key ": "143022181824244220151218223020182821163618181630221820143022" ,
" Show ": false
} ,
" Mail ": {
" Referrer ": "Page referrer" ,
" Url ": "URL" ,
" LinkAttribute ": "Link attribute" ,
" Smtp ": true
} ,
" AnimationSpeed ": 150 ,
" Sms ": {
" Send ": false ,
" Captions ": true ,
" Cut ": true
}
}



Открыв индексный файл Callme ( /callme/index.html), вы увидите перечень конфигурационных файлов, содержащихся в /callme/js/config/, и увидите, код в них валидный.


дополнительные настройки
скорость анимации в форме;
все сообщения, увидит пользователь: подпись капчи, сообщения об ошибках, Алерт о отправленное сообщение или ошибку далее ...
обновления


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


«Прилепленные» формы
Форму, кроме обычной появления посередине экрана, можно показывать прилепленной слева или справа к краям экрана:


На мобильном экране она превращается в обычную форму.


Мобильные стиле
Существенно оптимизирован мобильные стиле шаблонов, проверена работа на iOS и Android. Я уверен, что они придадут новых багов, но мы с ними разберемся :)


отправка SMS
Теперь можно выбирать, какие поля нужно отправлять в смс, а какие — только на почту. Кроме того, можно выбирать, обрезать сообщение до 160 символов, и отправлять названия полей или только их значение. Сообщение прежнему транслитерируются.


Отправка через SMTP
Переработано отправку сообщений через SMTP, добавлен стандартные настройки Gmail и Яндекс.Почта.


Проверка IP и скорость работы
В версии 2.1 город и страна отправителя определялись по ip-адресу перед отправкой сообщения, и это сильно влияло на скорость работы скрипта. Поэтому в версии 2.5 было добавлено отдельный сервис, который будет показывать город, страну и точку на карте для желающих администраторов.


В сообщении вы увидите только ip-адрес. Чтобы увидеть детали, кликните на нее и перейдете на небольшой сайт, где вся дополнительная информация загрузится отдельно. Это позволит и иметь полный контроль над географией отправителей, и не тормозить работу скрипта.



Лицензия


Callme, как и раньше, имеет лицензионный ключ. Ранее ключ мог бы скрыть копирайт, но с версии 2.5 он влияет на функционал. Так, бесплатная версия имеет меньше функций и, чтобы получить полную версию, надо будет купить ключ.


Демо 


получить лицензию




Комментарии (0)

    Авторизация через сервис Loginza: Yandex Google Вконтакте Mail.ru Twitter Loginza MyOpenID OpenID WebMoney