По-умолчанию форма добавляется в конец страницы. Но вы можете встроить ее в любой элемент страницы. Это стандартный код встраивания формы заказов на страницу:

<script src="//app.finolog.ru/widget/offer.js" token="1111111111111111111111111111111"></script> 
<script> var widget = Finolog.registerWidgetOffer("1111111111111111111111111111111"); </script> 

Чтобы управлять параметрами формы заказов или вызывать открытие формы по кнопке, используйте методы, описанные ниже.

Методы

Finolog.registerWidgetOffer(token, params)

Метод возвращает экземпляр формы заказов. Через него вызываются остальные методы работы с формой.

var widget = Finolog.registerWidgetOffer(token, params); 
// token — токен виджета (обязательно) 
// params — параметры встраивания и поведения

var params = { 
   cabinetElement: someElement1, 
   // элемент куда встроится кабинет 
   // по-умолчанию добавляется в конец body 
   offersElement: someElement1 
   // Элемент в котором показать предложения формы 
   // Если передать null, то выбиралка оферов показываться не будет 
   // По-умолчанияю добавляется в конец body 
} 

widget.showCabinet()

Показать кабинет с выбором предложения и переходом к экрану оплаты.

widget.hideCabinet()

Cкрыть кабинет.

widget.selectOffer(offerToken)

Показать кабинет с выбранным предложением. offerToken — индивидуальный код предложения, который указан в карточке предложения в настройках формы:

События

widget.onLoad

Можно задать событие загрузки виджета и его полной инициализации:

 widget.onLoad = function () {
 console.log(‘Widget is ready’); 
} 

Пример встроенной формы с использованием методов можно посмотреть здесь — https://codepen.io/anovi/pen/oadJbM?editors=1010