Apishops JS API 2

Подключаемые к страницам формы оформления заказов и обратных звонков

Знакомство

Подключение

Параметры


Рекомендуемые товары

Темы

Подарки

Свои формы

Отдельная подгрузка данных


FAQ

Конструктор форм



Как задать редирект на собственную финишную страницу?

По умолчанию редирект происходит на finish.jsp, для того, чтобы задать редирект на собственную страницу надо указать successUrl таким образом

$('#container2').apishopsForm({ callback:1,
type:'inline', /*тип открытия [inline|modal]*/
form:'light', /*тип формы [normal|light|jquery-selector]*/
siteId:10221,
productId:632879,
price:1017.41, /*цена товара*/
successUrl:'http://sitename.ru/finish.jsp?id=' 
});

?id= в 'http://sitename.ru/finish.jsp?id=' является обязательным, т.к. наш плагин добавляет к ней номер заказа и финишная страница превращается в http://sitename.ru/finish.jsp?id=321321.

Как изменить кодировку

В случае необходимости использования скрипта другой кодировки вы можете подключить apishopsForm.2.utf8.js вместо apishopsForm.2.js

<script src="http://img.apishops.org/SinglePageWebsites/custom/js/apishopsForm.2.utf8.js"></script>

Как прописать региональный номер телефона на своей странице

По умолчанию номер телефона прописывается на странице, к которым подключена и инициализирована форма, во все контейнеры с классом ".phone___". Если класс с таким значением уже используется где-то, контейнер можно задать конфигурацией параметров containers следующим образом

$('#container2').apishopsForm({ callback:1,
type:'inline', /*тип открытия [inline|modal]*/
form:'light', /*тип формы [normal|light|jquery-selector]*/
siteId:10221,
productId:632879,
price:1017.41, /*цена товара*/
containers : {
    picture : ".apishopsFormImage",
    price : ".apishopsFormPrice",
    name : ".apishopsFormName",
    quickview : ".apishopsQuickView",
    phone : ".classForPhonenumber"
}
});

— тут classForPhonenumber – название класса для контейнера, в котором будет размещен номер телефона

Куда можно спрятать код стандартной формы, что бы вывести её в Modal форме?

Вы можете разместить код своей формы в любой части страницы. Если тип формы в инициализации плагина задан как modal, плагин скопирует в себя код указанной формы и разместит его в modal окне. При этом, форма, на код которой Вы укажете сама по себе работать не будет, так как останется неинициализированной. В таком случае, чтобы задействовать эту форму на странице рекомендуем инциализировать плагин с типаом inline, тогда код вашей формы будет работать ещё и отдельно, не в modal окне

Могу ли я создать свою финишную страницу с апселами?

Да, вы можете создать свою финишную страницу или использовать наше окно «благодарности за заказ», воспользовавшись инструкциями на этой странице — раздел «финишная страница и апселы»

Где взять параметры siteId, wpId, productId

Для подключения и использования API вам необходимо знать siteId, wpId и productId

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

Эти параметры генерируются системой Apishops для каждого магазина-«одностраничника» и прописываются в HTML страницы магазина следующим образом:

Исходный код http://ham.apishops.ru/:
<script type="text/javascript">
var siteId = 3016;/*ID сайта*/
var productId = 564022;/*ID товара*/
var price = 899.0;/*Цена товара*/
var priceRound = 899;/*Округленная цена товара*/
var wpId = 9587555; /*Внутренний артикул товара*/
var sourceParam = "";
var sourceRef = "";
</script>
2 способ. Взять параметры на сайта
siteId(id сайта) содержится во всех URL страниц управления проектом
productId(ID товара) можно взять из кладки «Ассортимент» главной страницы ApiShops (колонка ID)
wpId(внутренний артикул товара) можно найти в разделе «Товары»