Форма быстрого заказа Таобао для сайта

форма заказа Таобао на сайт

Теперь принимать заказы клиентов стало ещё проще!

Новая «живая» форма встраивается практически на любой сайт. Всё что требуется клиенту — скопировать ссылку.

Цены, цвета и размеры загрузятся автоматически, с учётом комиссии и курса!

Заказ «уйдёт» посреднику на почту. Клиент получит письмо с логином и паролем от кабинета. С помощью них он может зайти на сайт компании и посмотреть текущий статус заказа.

Демо форма:
www.taojet.com/start.html

Демо приложение ВКонтакте:
vk.com/app3508122
Да, да — можно встроить и в соц. сеть.

Как работает и как встроить на свой сайт?
Рассмотрим подробнее!


Нужно просто вставить ссылку

Это самая сложная часть для клиента. Поэтому здесь нет ничего лишнего.
Поле ввода и кнопка.
ссылка на Таобао в форме заказа

Нужно указать цвет, размер и количество

Пара кликов мыши и, готово! Суммарная цена заказа тут же рассчитывается в рублях (есть поддержка и других валют) с учётом курса и комиссии.

форма заказа Таобао на сайт

Настройки берутся с вашего кабинета Агента на платформе!
Т.е. комиссия и курс — актуальны всегда!

Что не считается?
— доставка! (С ней сложнее)
— комиссия считается по первой опции расчета и без учёта группы! (Т.е. если у вас несколько опций расчёта — берется самая первая. Группа клиента не учитывается)

Но всё пересчитается в заказе на платформе в любом случае!

Оформление заказа


оформление заказа Таобао для своего сайта

Здесь клиент заполняет необходимые поля.
Если он что-то заполнил не верно — появится сообщение.
правильная форма заказа для сайта Таобао

Готово!

Клиент получает два письма:
1. С логином, паролем и ссылкой на кабинет на вашем сайте
2. С уведомлением о изменении статуса заказа со ссылкой на него на вашем сайте

без бланка заказа Таобао

Вы получаете одно письмо с уведомлением о назначенном заказе.

Поддерживается авторизация!

Если клиент уже вошёл в кабинет на вашем сайте — заполнять ФИО, e-mail, адрес и т.п. ему не нужно!

Заказ сразу отправляется к вам.



Как встроить на сайт?

Условия
1. У вас должна быть регистрация кабинета Агента на сайте www.taojet.com
2. Должна быть выполнена активация платформы.
3. Пожалуйста сообщите на ask[@]taojet.com о том, что вы хотите использовать эту форму. Мы активируем доступ к форме — это бесплатно для наших партнёров.

Есть два пути. Лёгкий и быстрый и сложный, но с возможностью изменить дизайн и логику.

Начнем с лёгкого способа.

Сначала нужно выполнить условия — см. выше

Форма располагается по адресу:
cabinet.posrednik.ru/start.html,

где posrednik.ru — ваш домен.

Там находиться «просто» форма. Но она уже работает под вашим кабинетом.

Вы можете встроить её на ваш сайт (да и вообще куда угодно) с помощью кода:
<iframe src="http://cabinet.posrednik.ru/start.html" width="800" height="800" frameBorder="0">
<iframe>


width=«800» height=«800» — можно отредактировать на свой вкус.

Можно передать внешний CSS в пути.
Это позволит быстро подключить ваши стили.

Передача осуществляется через ключ css=

<iframe src="http://cabinet.posrednik.ru/start.html?css=url" width="800" height="800" frameBorder="0">
<iframe>

где url — путь до вашего CSS файла, например www.example.com/style.css

Сложный способ (нужны знания или вебмастер)

Сначала нужно выполнить условия — см. выше

Качайте страницу cabinet.posrednik.ru/start.html — там разметка формы и встраивайте её на свой сайт.

Скрипты:
<script src="//www.taojet.com/javascripts/tjapi.js" type="text/javascript"></script>
  <script src="//www.taojet.com/javascripts/lazyform.js" type="text/javascript"></script>

Также можно разместить у себя на сервере (но это спорный момент, так как мы можем обновлять их)

CSS файл — lazyform.css, можно редактировать.

Для логики обратите внимание на lazyform.js
строчка
var agent_company_id =

должна определить вашу компанию (ID компании можно узнать по запросу в тех. поддержке)

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

Можно встроить как iframe приложение в соц. сеть

оформление заказа Таобао ВКонтакте

Сделано за 10-ть минут. Инструкция будет в следующей статье.

6 комментариев

avatar
Отлчино! будем внедрять в массы) Мне кажется что очень хорошо получилось)
avatar
попробовал самостоятельно сделать приложение в соцсети. форма появилась, но не работает как надо. жду следующую стать.

p.s. есть подозрение что просто необходимо эту функцию ативировать
avatar
Да, нужно просто активировать форму.
Просто напишите нам и сообщите адрес на котором будет располагаться форма.
Скорее всего — этот адрес cabinet.posrednik.ru (если это не сложный способ установки)
avatar
написал. жду активации)
avatar
активировали
avatar
спасибо) приложение вконтакте тоже заработало)
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.