Главное меню
[Скрипт] Форма заказа для Интернет-магазина на uCoz

[Скрипт] Форма заказа для Интернет-магазина на uCoz

  • Обновлено:
    2014-05-06
  • Просмотров:
    12108
  • Отзывов:
    54
  • Рейтинг: 4.7

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

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

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

 

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

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

С левой стороны:

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

С правой стороны:

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

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

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

  • subject: "Заказ от ", //Надпись, которая будет в теме отправленного вам письма
  • site: "с сайта ",
  • title: "Быстрый заказ",
  • name: "Ваше имя", //Название поля для имени
  • adress: "Ваш адрес", //Название поля для адреса
  • phone: "Ваш телефон", //Название поля для телефона
  • comment: "Ваш вопрос", //Название поля для комментария
  • button: "Заказать", //Надпись на кнопке, с помощью которой происходит отправка формы
  • call_btn: "Оформить быстрый заказ",
  • colors: "#e84242", // Цвет кнопок
  • email_from: "feedback@mysite.ru", // E-mail адрес с которого отправляется заказ, можно ставить любой, например feedback@uguide.ru
  • email_to: "admin@mysite.ru", // Это ваш настоящий e-mail на который будут приходить все заказы!
  • status_sending: "Отправка...",
  • status_error: "Заполните все обязательные поля!"

Пример:

Пример скрипта с измененными надписями для различных полей:

Код
<script type="text/javascript" src="http://my.uguide.ru/uorder/uOrder.js"></script> <script type="text/javascript"> uOrder.init({call_btn: "Оформить быструю заявку", subject: "Заявка от ", site: "с сайта ", title: "Оформить заявку", name:"Ваше имя", adress:"Ваш E-mail", phone:"Ваш телефон", comment: "Ваш вопрос", button: "Отправить", colors: "#e84242", email_from: "feedback@mysite.ru", email_to: "admin@mysite.ru"}); </script>

Думаю все более чем просто и данный скрипт сможет подключить даже новичок. Если же у вас сложилась уникальная ситуация, и вы не смогли разобраться - обращайтесь :)

P.S: Данный виджет можно использовать как форму обратной связи - нужно лишь переименовать несколько полей и готово!

P.P.S: Все поля в форме заказа обязательны для заполнения и они не удаляются, их можно только переименовать!

  • Автор: Дмитрий Луценко

avatar

Комментариев:54

нет аватара
54 uid Садраддин Агджаев • 17:08, 2016-04-29
у меня все работает
Аватар Alnazirka
53 vk Алина Зирка • 17:38, 2016-04-27
скрипт не работает
нет аватара
52 uid Mike Vagcom • 19:08, 2016-04-16
Скрипт отличный и работает! Скачал сначала http://my.uguide.ru/uorder/uOrder_right.js\
в этом файле блокнотом поправил названия полей (можно и цвет изменить), потом загрузил его файловым менеджером ucoz.
и в скрипте поправил адрес :
<script type="text/javascript" src="http://КОПИРУЕМ ССЫЛКУ НА ФАЙЛ ЧЕРЕЗ ФАЙЛОВЫЙ МЕНЕДЖЕР/uOrder.js"></script> <script type="text/javascript"> uOrder.init({name:"ФИО", adress:"Адрес", phone:"Телефон", email_from: "feedback@mysite.ru", email_to: "email@mysite.ru"}); </script>

и переформатировал в виджет Обратный звонок! Работает! На электронку приходит сразу сообщение!
смотрим пример того, что сделал: http://vag-com-perm.ru/

Спасибо!
Аватар Diavolo
51 vk Stas • 13:34, 2016-03-17
А существует возможность вообще убрать поля для заполнения? Хотелось бы убрать поле адрес и поле комментарий. Благодарю за ответ.
нет аватара
50 uid Лариса Кукса • 18:19, 2015-10-26
скрипт не работает, а форма удобная, жаль что так и получилось...
нет аватара
49 uid Веталь Скрыта • 02:17, 2015-06-24
просто у них что-то с http://my.uguide.ru/uorder/mail.php
Аватар Admin6752
47 ok Владимир Зайков • 13:07, 2015-06-17
Скрипт не работает. Подтверждаю. Выдает ошибку после заполнения.
Аватар otzyvoff
48 uid otzyvoff • 01:47, 2015-06-18
Да тут по ходу умерла контора )) уже месяц никто не отвечает )
Аватар sikyryti
43 vk Kostia Kuz • 14:30, 2015-05-29
Почему сообщения на почту не приходят?email указал правильно когда форму заполняешь жмёш отправить пишет что ошибка какае-то
Аватар otzyvoff
44 uid otzyvoff • 14:50, 2015-05-29
какая почта? опробовано, что нормально работает на яндексе. майл.ру не приходят.
нет аватара
45 ya Костя Кузь • 15:13, 2015-05-29
Почту yandexs указал всеравно сообщение не приходит,пишет "Произошла ошибка отправки, попробуйте ещё раз."
Аватар otzyvoff
46 uid otzyvoff • 06:00, 2015-06-01
Сейчас проверил на своем сайте такая же ошибка выдается. "Произошла ошибка отправки, попробуйте ещё раз."

Тоже прошу пояснить в чем может быть проблема
нет аватара
42 ya INFO FRENO • 00:14, 2015-05-23
Дмитрий здравствуйте. очень полезный скрипт, спасибо большое.
Скажите, пожалуйста, как сделать его по умолчанию развернутым.
То есть при заходе на сайт, было состояние, как когда его нажали.
Аватар otzyvoff
41 uid otzyvoff • 14:48, 2015-05-14
Да не за что =) напишите потом как результат будет - самому интересно )
Аватар otzyvoff
40 uid otzyvoff • 14:35, 2015-05-14
Ну не знаю - у меня все работает ;-) проверяйте - может где ошибочка закралась. А насчет е-майла - у меня не приходят на почту сайта (типа инфо@sait.ru) и с почтой от mail тоже проблемы были. А вот на яндекс нормально все приходит - почта указана как "моя почта@narod.ru"
Аватар ♡Alienware♡
37 uid ♡Alienware♡ • 09:51, 2015-05-14
Добрый день:
Скрипт хороший спасибо, но у меня есть маленькая проблема ранше сообщения приходили а сейчас не приходят то есть не работает: в чем может быть проблема?
Вот адрес страницы с самой формой.
Аватар otzyvoff
38 uid otzyvoff • 10:27, 2015-05-14
Вам надо скрипт к себе на сайт перенести. Залить файл и указать ссылку на Ваш сайт, чтобы не было таким проблем. Т.е. сейчас Вы полностью зависите от работоспособности данного сайта, если что-то случиться то и форма станет не рабочей.
Аватар uGuide
Хороший пост0Плохой пост
39 uid Дмитрий Луценко • 11:45, 2015-05-14
♡Alienware♡, протестировал только что скрипт, все письма на мой e-mail доходят.
Проверьте у себя, возможно сообщения начали попадать в папку "Спам". Попробуйте подставить другой эл. адрес.
Аватар otzyvoff
34 uid otzyvoff • 09:30, 2015-03-31
Заменил все названия, цвт кнопки и прочее под свои нужды. Непонятно только одно - как изменить надпись на кнопке после отправки - в данный момент так и остается надпись "Заказать"
Аватар uGuide
Хороший пост0Плохой пост
35 uid Дмитрий Луценко • 09:41, 2015-03-31
Она не меняется, да и какой смысл ее изменять.
Аватар otzyvoff
36 uid otzyvoff • 10:10, 2015-03-31
Ну смысл точно есть - после отправки, обычно, кнопка меняется на отправлено. заказ принят и т.п.  Ну нет, так нет. А жаль..
Аватар defaultNick6227
33 vk Сергей • 16:27, 2015-02-24
Хорошая вещь, быстро установил, хоть и не спец )
нет аватара
30 uid Евгений Семенов • 23:40, 2015-02-19
А можно как то переделать это меню и добавить вложенный файл и отправить не подскажите как это реализовать? буду признателен
Аватар naurovpa
32 vk Pasha Naurov • 14:09, 2015-02-20
На базе ucoz это вряд ли возможно, так как нет возможности разместить php обработчик на хостинге ucoz. Для этого нужно изменять php скрипт и размещать его на стороннем хостинге
нет аватара
29 uid Евгений Семенов • 23:21, 2015-02-19
Здрасте! А вы можете сам отдельно файл скинуть js? Очень нужно
Аватар naurovpa
31 vk Pasha Naurov • 14:07, 2015-02-20
http://my.uguide.ru/uorder/uOrder.js
Пользуйтесь
Аватар naurovpa
28 vk Pasha Naurov • 16:33, 2015-02-18
Исправьте ошибку после отправки сообщения, пожалуйста! Там должно быть "Отправлено"
нет аватара
24 uid Виктор Морозов • 20:47, 2015-02-11
Подскажите пожалуйста, как можно перевернуть блок с надписью "Оформить заказ"
Аватар uGuide
Хороший пост0Плохой пост
25 uid Дмитрий Луценко • 21:45, 2015-02-11
Установите скрип.

В "Таблицу стилей (css)" добавьте код стилей и "поиграйтесь" с параметрами:

нет аватара
26 uid Виктор Морозов • 21:53, 2015-02-11
я уже изменял эти параметры в вашем js  скрипте
Размеры и местоположение задать не так сложно, я так и не понял, как перевернуть шрифт..
нет аватара
27 uid Виктор Морозов • 21:54, 2015-02-11
всё понял, огромное спасибо! 
а можно сделать два таких блока сбоку и там, где мне нужно?
нет аватара
22 uid kwartira kwartira • 15:05, 2015-01-28
а если вбить "email_to:" тот  эл.адрес, который вбиваешь при смс информирования н-р номер телефона@sms.provaider.ru, то будут приходить смс?
Аватар uGuide
Хороший пост2Плохой пост
23 uid Дмитрий Луценко • 15:38, 2015-01-28
Не проверял, но думаю да. Скрипт отправит сообщение на любой эл. адрес, который вы укажете в "email_to:"
нет аватара
20 uid kwartira kwartira • 14:25, 2015-01-27
Спасибо большое за Скрипт формы. Подскажите пожалуйста как убрать из формы строку адрес или убрать из обязательных полей, чтобы остались поля: ФИО, Телефон, Ваш вопрос. адрес- kwartira24@yandex.ru
Аватар uGuide
Хороший пост0Плохой пост
21 uid Дмитрий Луценко • 15:20, 2015-01-27
Поля не удаляются(
Аватар ianstuart
19 vk _Ян_ • 18:57, 2015-01-11
Спасибо ты меня спас))
Аватар ksuxaz1988
18 vk Ксения Сапрыкина • 17:05, 2015-01-03
здравствуйте, подскажите пожалуйста, как поменять в форме  "ваш вопрос" на ваша заявка?и вместо адреса желательно e-mail
нет аватара
17 uid play Kg • 20:45, 2014-12-19
помогите пожалуйста  у меня слово заказать  стоит не на месте  http://zakaz-kg.clan.su/load/proba/1
нет аватара
16 uid Vaelra 123 • 20:46, 2014-12-14
Как изменить стандарные настройки, меня интересует изменение строки "Ваш вопрос на Ваш заказ"? akpower@bk.ru ответьте пожалуйста
Аватар Norton
14 uid Norton • 10:59, 2014-11-03
Скажите пожалуйста,можно ли как то переделать что бы эта интересная форма работала не только с почтой mail.ru ... но и Яндекс почтой и другими! так как меняю почту на yandex.ru ....отправлять-отправляет а вот не приходит письмо!

Ой....прошу прощения....всё работает...просто пришло письма с опозданием и в спам...))
Аватар uGuide
Хороший пост0Плохой пост
15 uid Дмитрий Луценко • 11:40, 2014-11-03
Письмо в папке "Спам" смотрели?
Скрипт со всеми почтовыми сервисами работает, какой адрес укажите - туда он и отправит.
Аватар MoLoDoY
13 vk Миша Путилов • 00:30, 2014-11-02
Кому сказать как всё изменить Если не верите вот мой сайт www.misha-studio.cf там слева "Преобрести аватар")

Всем кому нужно стучите в ВК: ЖМИ
Аватар Gizza
12 vk oleg Gizzatullin • 16:45, 2014-10-28
Отличный скрипт. Есть только 1 вопрос. У меня на сайте есть кнопка- заказать, как на эту кнопку сделать ссылку, чтобы при нажатии, открывалось ваше окно заказа. спасибо
нет аватара
9 uid zeder zeder • 21:49, 2014-10-13
Вопрос следующий, думаю полезный для всех: есть ли возможность вместо телефона и его иконки  поменять на E-mail (с иконкой "письмо"). Ведь заказы чаще всего выполняются через электронную почту, а не по телефону. Строка "Город" тоже маловажна, но пусть будет.
нет аватара
7 uid zeder zeder • 21:01, 2014-10-13
Еще один вопросик: как закруглить уголки у этой вкладке? У меня дизайн с закругленными блоками, а тут острые углы. Если это возможно буду очень рад если напишите как сделать.
Сайт
Аватар uGuide
Хороший пост0Плохой пост
8 uid Дмитрий Луценко • 21:18, 2014-10-13
Добавьте в следующий код в Таблицу стилей:

Код
.uorder__plugin-call {border-radius: 7px;}

http://awesomescreenshot.com/0903newqb9
Аватар Vadim
6 uid 123 123 • 18:07, 2014-10-13
Дмитрий, а поля для ввода информации можно изменить? Чтобы осталось только два поля - ФИО и Телефон. В итоге вышло что-то вроде "Заказать обратный звонок".
Аватар uGuide
Хороший пост0Плохой пост
10 uid Дмитрий Луценко • 22:27, 2014-10-13
К сожалению, так сделать не получится, поля не удаляются
Аватар Vadim
11 uid 123 123 • 00:19, 2014-10-14
Дмитрий, а вы не сможете сделать то, что мне необходимо? Конечно же не бесплатно.
нет аватара
3 uid zeder zeder • 22:44, 2014-10-11
Как закладку поместить на правую часть экрана?
Аватар uGuide
Хороший пост2Плохой пост
4 uid Дмитрий Луценко • 22:53, 2014-10-11
Для отображения с правой стороны в скрипте строку http://my.uguide.ru/uorder/uOrder.js замените на http://my.uguide.ru/uorder/uOrder_right.js
нет аватара
5 uid Михаил Борисович • 13:21, 2014-10-13
Спасибо друг!!!
нет аватара
2 uid Михаил Борисович • 11:19, 2014-10-09
Здравствуйте, я бы хотел ее поместить в правую часть сайта - возможно ли это?
нет аватара
1 uid Ольга • 12:33, 2014-10-02
Как отрегулировать "доступные настройки" на свои? Мой ящик maileva@ukr.net
Добавить комментарий