/home/bdqbpbxa/demo-subdomains/billine.goodface.com.ua/connect.html
<!DOCTYPE html>
<html lang="uk">
<head>
<meta charset="utf-8" />
<title>bill_line - Підключення</title>
<meta
name="title"
content="Підключити платіжну систему для сайту або застосунку"
/>
<meta
name="description"
content="bill_line пропонує одну з найшвидших інтеграцій платіжної системи у ваш бізнес. Наш рекорд – півтори години з моменту заявки, допомагаємо на кожному етапі"
/>
<!-- TODO: Delete noindex on production -->
<meta name="robots" content="noindex" />
<meta name="googlebot" content="noindex" />
<!-- Mobile -->
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
/>
<meta name="format-detection" content="telephone=no" />
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="css/compose.css" />
<!-- Favicon -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="images/favicon/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="images/favicon/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="images/favicon/favicon-16x16.png"
/>
<!-- <link rel="manifest" href="images/favicon/site.webmanifest" />-->
<link
rel="mask-icon"
href="images/favicon/safari-pinned-tab.svg"
color="#9680ff"
/>
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="theme-color" content="#ffffff" />
<!-- Opengraph -->
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:type" content="website" />
<meta property="og:image:type" content="images/png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:url" content="https://billline.net" />
<meta property="og:site_name" content="bill_line" />
<meta
property="og:title"
content="Підключити платіжну систему для сайту або застосунку"
/>
<meta
property="og:description"
content="bill_line пропонує одну з найшвидших інтеграцій платіжної системи у ваш бізнес. Наш рекорд – півтори години з моменту заявки, допомагаємо на кожному етапі"
/>
<meta property="og:image" content="images/opengraph.png" />
<style>
.preloader {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 50;
background-color: var(--white);
}
.preloader.-visible {
display: block;
}
.preloader video,
.preloader img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
@media screen and (max-width: 759px) {
.preloader video,
.preloader img {
-webkit-transform: scale(2);
transform: scale(2);
}
}
</style>
</head>
<body>
<div class="preloader">
<video src="images/preloader.mp4" muted autoplay playsinline></video>
</div>
<script>
// Allow animations if JS support is enabled
document.body.classList.add("-allow-animations");
// Don't show preloader again if the page was visited
let preloader = document.querySelector(".preloader");
let fullPageUrl = window.location.href;
let visitedPages = window.localStorage.getItem("visited-pages");
let visitedPagesArr = visitedPages ? visitedPages.split(" ") : "";
let isPreloaderLoaded = visitedPagesArr.length;
if (preloader && isPreloaderLoaded) {
preloader.remove();
} else if (preloader) {
preloader.classList.add("-visible");
window.addEventListener("load", function () {
window.localStorage.setItem(
"visited-pages",
visitedPages + " " + fullPageUrl
);
});
}
</script>
<header class="header">
<div class="container">
<div class="header-container">
<a href="/" class="header__logo">
<img src="images/logo-text.svg" alt="billline.net" />
</a>
<div class="header__menu">
<div
class="
localization-dropdown
--dropdown
text-2
--medium-text
--caps-text
"
>
<div class="--dropdown__value">
<span
class="
localization-dropdown__icon
--mask-item
--gradient-hover
"
style="
-webkit-mask-image: url(images/icons/globe.svg);
mask-image: url(images/icons/globe.svg);
"
></span>
<p class="--gradient-hover">Укр</p>
<span
class="
localization-dropdown__arrow
--mask-item
--gradient-hover
"
style="
-webkit-mask-image: url(images/icons/caret-down.svg);
mask-image: url(images/icons/caret-down.svg);
"
></span>
</div>
<div class="--dropdown__list">
<a
href="#"
class="--dropdown__list-item --gradient-hover -active"
>
Укр
</a>
<a
href="/ru/connect"
class="--dropdown__list-item --gradient-hover"
>
Рус
</a>
<a
href="/en/connect"
class="--dropdown__list-item --gradient-hover"
>
Eng
</a>
</div>
</div>
<nav class="header__menu-nav text-2 --medium-text">
<a class="header__nav --gradient-hover" href="/product">
Продукт
</a>
<a class="header__nav --gradient-hover -current" href="/connect">
Підключення
</a>
<a class="header__nav --gradient-hover" href="/api"> API </a>
<a class="header__nav --gradient-hover" href="/about">
Про компанію
</a>
<a class="header__nav --gradient-hover" href="/contacts">
Контакти
</a>
</nav>
<div class="header__button-box">
<a
href="https://cabinet.billline.net/login"
target="_blank"
class="default-button -small"
>
<p data-hover-text="Увійти">Увійти</p>
</a>
<a
href="https://cabinet.billline.net/register"
target="_blank"
class="default-button -small -shadow -black"
>
<p>Реєстрація</p>
<span class="default-button__arrow"></span>
</a>
</div>
</div>
<button
class="
header__open-menu-button
-small
default-button
-shadow
-white
"
>
<div></div>
<div></div>
<div></div>
</button>
</div>
</div>
</header>
<main>
<section
class="connect-main-section --margin-bottom-200 --mob-margin-bottom-120"
>
<div class="container" data-animate="swim-top">
<div class="connect-main-container --content-container-M">
<h1 class="connect-main__title title-1 mob-title-1 --bold-text">
Найшвидший спосіб інтеграції платіжної системи до вашого бізнесу
</h1>
<h3
class="
connect-main__subtitle
title-5
mob-title-5
--bold-text
--margin-top-120
--mob-margin-top-80
--gradient-hover
"
data-hover-text="Як відбувається процес підключення?"
>
Як відбувається процес підключення?
</h3>
<div
class="connect-main__way --margin-top-120 --mob-margin-top-80"
data-check-in-viewport
>
<div class="connect-main__way-img">
<svg
class="way-img"
width="1380"
height="388"
viewBox="0 0 1380 388"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M99 6H959H1185C1211.51 6 1233 27.4903 1233 54V146C1233 172.51 1211.51 194 1185 194H49C22.4903 194 1 215.49 1 242V285V333.125C1 359.586 22.4144 381.056 48.8753 381.124L386 382H1380"
stroke="#E8EBED"
stroke-width="2"
/>
<path
class="way-arrow"
d="M246.571 5.14251L239.514 0.908698C238.848 0.508783 238 0.988896 238 1.76619V10.2338C238 11.0111 238.848 11.4912 239.514 11.0913L246.571 6.85749C247.218 6.46909 247.218 5.53091 246.571 5.14251Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M532.571 5.14251L525.514 0.908698C524.848 0.508783 524 0.988896 524 1.76619V10.2338C524 11.0111 524.848 11.4912 525.514 11.0913L532.571 6.85749C533.218 6.46909 533.218 5.53091 532.571 5.14251Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M819.571 5.14251L812.514 0.908698C811.848 0.508783 811 0.988896 811 1.76619V10.2338C811 11.0111 811.848 11.4912 812.514 11.0913L819.571 6.85749C820.218 6.46909 820.218 5.53091 819.571 5.14251Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M1001.43 193.143L1008.49 188.909C1009.15 188.509 1010 188.989 1010 189.766V198.234C1010 199.011 1009.15 199.491 1008.49 199.091L1001.43 194.857C1000.78 194.469 1000.78 193.531 1001.43 193.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M714.429 193.143L721.486 188.909C722.152 188.509 723 188.989 723 189.766V198.234C723 199.011 722.152 199.491 721.486 199.091L714.429 194.857C713.782 194.469 713.782 193.531 714.429 193.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M427.429 193.143L434.486 188.909C435.152 188.509 436 188.989 436 189.766V198.234C436 199.011 435.152 199.491 434.486 199.091L427.429 194.857C426.782 194.469 426.782 193.531 427.429 193.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M145.429 193.143L152.486 188.909C153.152 188.509 154 188.989 154 189.766V198.234C154 199.011 153.152 199.491 152.486 199.091L145.429 194.857C144.782 194.469 144.782 193.531 145.429 193.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M246.571 382.857L239.514 387.091C238.848 387.491 238 387.011 238 386.234V377.766C238 376.989 238.848 376.509 239.514 376.909L246.571 381.143C247.218 381.531 247.218 382.469 246.571 382.857Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M532.571 381.143L525.514 376.909C524.848 376.509 524 376.989 524 377.766V386.234C524 387.011 524.848 387.491 525.514 387.091L532.571 382.857C533.218 382.469 533.218 381.531 532.571 381.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M818.571 381.143L811.514 376.909C810.848 376.509 810 376.989 810 377.766V386.234C810 387.011 810.848 387.491 811.514 387.091L818.571 382.857C819.218 382.469 819.218 381.531 818.571 381.143Z"
fill="#1F2021"
/>
</svg>
<svg
class="way-img"
width="754"
height="502"
viewBox="0 0 754 502"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M28 6H715C728.255 6 739 16.7452 739 30V108C739 121.255 728.255 132 715 132H25C11.7452 132 1 142.745 1 156V227C1 240.255 11.7452 251 25 251H715C728.255 251 739 261.745 739 275V353C739 366.255 728.255 377 715 377H25C11.7452 377 1 387.745 1 401V472C1 485.255 11.7452 496 25 496H754"
stroke="#E8EBED"
stroke-width="2"
/>
<path
class="way-arrow"
d="M153.571 5.14251L146.514 0.908698C145.848 0.508783 145 0.988896 145 1.76619V10.2338C145 11.0111 145.848 11.4912 146.514 11.0913L153.571 6.85749C154.218 6.46909 154.218 5.53091 153.571 5.14251Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M395.571 5.14251L388.514 0.908698C387.848 0.508783 387 0.988896 387 1.76619V10.2338C387 11.0111 387.848 11.4912 388.514 11.0913L395.571 6.85749C396.218 6.46909 396.218 5.53091 395.571 5.14251Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M608.429 131.143L615.486 126.909C616.152 126.509 617 126.989 617 127.766V136.234C617 137.011 616.152 137.491 615.486 137.091L608.429 132.857C607.782 132.469 607.782 131.531 608.429 131.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M366.429 131.143L373.486 126.909C374.152 126.509 375 126.989 375 127.766V136.234C375 137.011 374.152 137.491 373.486 137.091L366.429 132.857C365.782 132.469 365.782 131.531 366.429 131.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M124.429 131.143L131.486 126.909C132.152 126.509 133 126.989 133 127.766V136.234C133 137.011 132.152 137.491 131.486 137.091L124.429 132.857C123.782 132.469 123.782 131.531 124.429 131.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M152.571 250.143L145.514 245.909C144.848 245.509 144 245.989 144 246.766V255.234C144 256.011 144.848 256.491 145.514 256.091L152.571 251.857C153.218 251.469 153.218 250.531 152.571 250.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M394.571 250.143L387.514 245.909C386.848 245.509 386 245.989 386 246.766V255.234C386 256.011 386.848 256.491 387.514 256.091L394.571 251.857C395.218 251.469 395.218 250.531 394.571 250.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M608.429 376.143L615.486 371.909C616.152 371.509 617 371.989 617 372.766V381.234C617 382.011 616.152 382.491 615.486 382.091L608.429 377.857C607.782 377.469 607.782 376.531 608.429 376.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M366.429 376.143L373.486 371.909C374.152 371.509 375 371.989 375 372.766V381.234C375 382.011 374.152 382.491 373.486 382.091L366.429 377.857C365.782 377.469 365.782 376.531 366.429 376.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M124.429 376.143L131.486 371.909C132.152 371.509 133 371.989 133 372.766V381.234C133 382.011 132.152 382.491 131.486 382.091L124.429 377.857C123.782 377.469 123.782 376.531 124.429 376.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M153.571 495.143L146.514 490.909C145.848 490.509 145 490.989 145 491.766V500.234C145 501.011 145.848 501.491 146.514 501.091L153.571 496.857C154.218 496.469 154.218 495.531 153.571 495.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M395.571 495.143L388.514 490.909C387.848 490.509 387 490.989 387 491.766V500.234C387 501.011 387.848 501.491 388.514 501.091L395.571 496.857C396.218 496.469 396.218 495.531 395.571 495.143Z"
fill="#1F2021"
/>
</svg>
<svg
class="way-img"
width="353"
height="594"
viewBox="0 0 353 594"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.0003 6H331C338.732 6 345 12.268 345 20V103C345 110.732 338.732 117 331 117H15.0003C7.26828 117 1.00026 123.268 1.00026 131V186C1.00026 193.732 7.26828 200 15.0003 200H331C338.732 200 345 206.268 345 214V297C345 304.732 338.732 311 331 311H15.0003C7.26828 311 1.00026 317.268 1.00026 325V380C1.00026 387.732 7.26828 394 15.0003 394H331C338.732 394 345 400.268 345 408V491C345 498.732 338.732 505 331 505H15C7.26803 505 1 511.268 1 519V574C1 581.732 7.26801 588 15 588H353"
stroke="#E8EBED"
stroke-width="2"
/>
<path
class="way-arrow"
d="M107.571 5.14251L100.514 0.908698C99.848 0.508783 99 0.988896 99 1.76619V10.2338C99 11.0111 99.848 11.4912 100.514 11.0913L107.571 6.85749C108.218 6.46909 108.218 5.53091 107.571 5.14251Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M281.571 5.14251L274.514 0.908698C273.848 0.508783 273 0.988896 273 1.76619V10.2338C273 11.0111 273.848 11.4912 274.514 11.0913L281.571 6.85749C282.218 6.46909 282.218 5.53091 281.571 5.14251Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M249.429 116.143L256.486 111.909C257.152 111.509 258 111.989 258 112.766V121.234C258 122.011 257.152 122.491 256.486 122.091L249.429 117.857C248.782 117.469 248.782 116.531 249.429 116.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M169.429 116.143L176.486 111.909C177.152 111.509 178 111.989 178 112.766V121.234C178 122.011 177.152 122.491 176.486 122.091L169.429 117.857C168.782 117.469 168.782 116.531 169.429 116.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M89.4292 116.143L96.4855 111.909C97.152 111.509 98 111.989 98 112.766V121.234C98 122.011 97.152 122.491 96.4855 122.091L89.4292 117.857C88.7818 117.469 88.7818 116.531 89.4292 116.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M107.571 199.143L100.514 194.909C99.848 194.509 99 194.989 99 195.766V204.234C99 205.011 99.848 205.491 100.514 205.091L107.571 200.857C108.218 200.469 108.218 199.531 107.571 199.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M281.571 199.143L274.514 194.909C273.848 194.509 273 194.989 273 195.766V204.234C273 205.011 273.848 205.491 274.514 205.091L281.571 200.857C282.218 200.469 282.218 199.531 281.571 199.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M249.429 310.143L256.486 305.909C257.152 305.509 258 305.989 258 306.766V315.234C258 316.011 257.152 316.491 256.486 316.091L249.429 311.857C248.782 311.469 248.782 310.531 249.429 310.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M169.429 310.143L176.486 305.909C177.152 305.509 178 305.989 178 306.766V315.234C178 316.011 177.152 316.491 176.486 316.091L169.429 311.857C168.782 311.469 168.782 310.531 169.429 310.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M89.4292 310.143L96.4855 305.909C97.152 305.509 98 305.989 98 306.766V315.234C98 316.011 97.152 316.491 96.4855 316.091L89.4292 311.857C88.7818 311.469 88.7818 310.531 89.4292 310.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M107.571 393.143L100.514 388.909C99.848 388.509 99 388.989 99 389.766V398.234C99 399.011 99.848 399.491 100.514 399.091L107.571 394.857C108.218 394.469 108.218 393.531 107.571 393.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M281.571 393.143L274.514 388.909C273.848 388.509 273 388.989 273 389.766V398.234C273 399.011 273.848 399.491 274.514 399.091L281.571 394.857C282.218 394.469 282.218 393.531 281.571 393.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M249.429 504.143L256.486 499.909C257.152 499.509 258 499.989 258 500.766V509.234C258 510.011 257.152 510.491 256.486 510.091L249.429 505.857C248.782 505.469 248.782 504.531 249.429 504.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M169.429 504.143L176.486 499.909C177.152 499.509 178 499.989 178 500.766V509.234C178 510.011 177.152 510.491 176.486 510.091L169.429 505.857C168.782 505.469 168.782 504.531 169.429 504.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M89.4292 504.143L96.4855 499.909C97.152 499.509 98 499.989 98 500.766V509.234C98 510.011 97.152 510.491 96.4855 510.091L89.4292 505.857C88.7818 505.469 88.7818 504.531 89.4292 504.143Z"
fill="#1F2021"
/>
<path
class="way-arrow"
d="M107.571 587.143L100.514 582.909C99.848 582.509 99 582.989 99 583.766V592.234C99 593.011 99.848 593.491 100.514 593.091L107.571 588.857C108.218 588.469 108.218 587.531 107.571 587.143Z"
fill="#1F2021"
/>
</svg>
</div>
<div class="connect-way__list">
<div class="connect-way__item">
<p class="connect-way__time subtitle-1 --medium-text"></p>
<div class="connect-way__dot"></div>
<h4 class="connect-way__title text-2 mob-text-2">
Реєстрація на сайті
</h4>
</div>
<div class="connect-way__item">
<p class="connect-way__time subtitle-1 --medium-text"></p>
<div class="connect-way__dot"></div>
<h4 class="connect-way__title text-2 mob-text-2">
Вкажіть адресу ресурсу, якому необхідно наше рішення
</h4>
</div>
<div class="connect-way__item">
<p class="connect-way__time subtitle-1 --medium-text"></p>
<div class="connect-way__dot"></div>
<h4 class="connect-way__title text-2 mob-text-2">
Перевірка ресурсу
</h4>
</div>
<div class="connect-way__item">
<p class="connect-way__time subtitle-1 --medium-text"></p>
<div class="connect-way__dot"></div>
<h4 class="connect-way__title text-2 mob-text-2">
Отримаєте результати перевірки та індивідуальні тарифи
</h4>
</div>
<div class="connect-way__item">
<p class="connect-way__time subtitle-1 --medium-text"></p>
<div class="connect-way__dot"></div>
<h4 class="connect-way__title text-2 mob-text-2">
Почнете проводити інтеграцію платіжної системи
</h4>
</div>
<div class="connect-way__item">
<p class="connect-way__time subtitle-1 --medium-text"></p>
<div class="connect-way__dot"></div>
<h4 class="connect-way__title text-2 mob-text-2">
Сlient Care саппорт на всіх етапах інтеграції
</h4>
</div>
<div class="connect-way__item">
<p class="connect-way__time subtitle-1 --medium-text"></p>
<div class="connect-way__dot"></div>
<h4 class="connect-way__title text-2 mob-text-2">
Тести платіжної системи
</h4>
</div>
<div></div>
<div class="connect-way__item">
<p class="connect-way__time subtitle-1 --medium-text"></p>
<div class="connect-way__dot"></div>
<h4 class="connect-way__title text-2 mob-text-2">
Платіжна система bill_line підключена, а ви приймаєте
платежі
</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<article
class="
info-block-section
--margin-top-200 --margin-bottom-200
--mob-margin-top-120 --mob-margin-bottom-120
"
>
<div class="container" data-animate="swim-top">
<div class="info-block -payment --content-container-M">
<div class="info-block__text-box">
<div class="info-block__editor">
<h2>Найзручніші методи оплат</h2>
<p>
Ми співпрацюємо тільки з надійними та перевіреними компаніями,
заради комфорту та безпеки наших клієнтів.
</p>
</div>
</div>
<div class="info-block__image">
<div class="info-block__logo">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/logo.svg"
alt="billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/apple-pay.svg"
alt="Apple Pay - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/union-pay.svg"
alt="Union Pay - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/mastercard.svg"
alt="Mastercard - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/prostir.png"
alt="Простір - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/telegram.svg"
alt="Telegram - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/google-pay.svg"
alt="Google Pay - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/visa.svg"
alt="Visa - billline.net"
/>
</div>
</div>
</div>
</div>
</article>
<article
class="
info-block-section
--margin-top-200 --margin-bottom-200
--mob-margin-top-120 --mob-margin-bottom-120
"
>
<div class="container" data-animate="swim-top">
<div class="info-block -system -reverse --content-container-M">
<div class="info-block__text-box">
<div class="info-block__editor">
<h2>Платіжна система bill_line</h2>
<p>
Підходить для інтернет-магазинів, платформ, маркетплейсів,
банків, страхових компаній, ігор, благодійних організацій,
служб таксі, онлайн-кас, мобільних операторів, магазинів в
Instagram, Telegram, стрімів, донатів та будь-яких інших
компаній, які мають платіжні операції в інтернеті.
</p>
<blockquote>
Ми маємо досвід роботи з різними нішами та можемо створити
рішення під потреби вашого бізнесу.
</blockquote>
</div>
</div>
<div class="info-block__image">
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/system-img-1.jpg"
alt="Платіжна система bill_line - billline.net"
/>
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/system-img-2.jpg"
alt="Платіжна система bill_line - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/system-img-3.jpg"
alt="Платіжна система bill_line - billline.net"
/>
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/system-img-4.jpg"
alt="Платіжна система bill_line - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/system-img-5.jpg"
alt="Платіжна система bill_line - billline.net"
/>
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/info-block/system-img-6.jpg"
alt="Платіжна система bill_line - billline.net"
/>
</div>
</div>
</div>
</div>
</article>
<article
class="
info-block-section
--margin-top-200 --margin-bottom-200
--mob-margin-top-120 --mob-margin-bottom-120
"
>
<div class="container" data-animate="swim-top">
<div class="info-block -connect --content-container-M">
<div class="info-block__text-box">
<div class="info-block__editor">
<h2>Допомога при підключенні</h2>
<p>
Прості API та документація дозволяють легко підключити
платіжну систему bill_line.
</p>
<p>
Якщо у вас виникли питання чи проблеми з підключенням,
технічні спеціалісти bill_line підкажуть і допоможуть в разі
чогось.
</p>
</div>
<div class="info-block__button-box">
<a href="/contacts" class="default-button -shadow -black">
<p>Написати в підтримку</p>
<span class="default-button__arrow"></span>
</a>
<a href="/api" class="default-button">
<p data-hover-text="Дивитись документацію">
Дивитись документацію
</p>
</a>
</div>
</div>
<div class="info-block__image -gray-bg -square">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/homepage/api-img.png"
alt="Допомога при підключенні - billline.net"
/>
</div>
</div>
</div>
</article>
<section
id="form"
class="form-section --margin-top-200 --mob-margin-top-120"
>
<div class="container" data-animate="swim-top">
<div class="form-container --content-container-S">
<div class="form-section__title-box">
<div class="form-section__img">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/form/form-stars.svg"
alt="Підключайте індивідуальне рішення - billline.net"
/>
</div>
<h2 class="form-section__title title-2 mob-title-2 --bold-text">
Підключайте індивідуальне рішення
</h2>
<p class="form-section__subtitle text-1 mob-text-1">
Ми розуміємо, що кожен бізнес особливий, тому створюємо рішення,
які враховують потреби вашої компанії. Наша команда розробки має
досвід реалізації найбільш складних технічних систем.
</p>
</div>
<div class="form-block -connect --sending-form-container">
<div class="--sending-form">
<div class="form__title-box --white-text">
<h3 class="form__title title-5 mob-title-5 --bold-text">
Заявка на підключення
</h3>
<p class="form__subtitle text-1 mob-text-1">
Залишайте заявку, щоб почати співпрацю
</p>
</div>
<div class="form">
<form name="connect">
<div class="form__grid">
<div class="input -input" data-important="not-empty">
<label>Ім’я *</label>
<input type="text" name="name" />
<span
class="input__invalid"
data-correct-text="Перевірте правильність введених даних"
data-fill-text="Це поле є обов'язковим для заповнення"
>
</span>
</div>
<div class="input -input" data-important="not-empty">
<label>URL адреса *</label>
<input type="text" name="url" />
<span
class="input__invalid"
data-correct-text="Перевірте правильність введених даних"
data-fill-text="Це поле є обов'язковим для заповнення"
>
</span>
</div>
<div class="input -input" data-important="email">
<label>Електронна пошта *</label>
<input type="text" name="email" />
<span
class="input__invalid"
data-correct-text="Перевірте правильність введених даних"
data-fill-text="Це поле є обов'язковим для заповнення"
></span>
</div>
<div class="input -input">
<label>Telegram/Viber/Whatsapp</label>
<input type="text" name="social" />
</div>
<div class="input -input form__textarea">
<label>Короткий опис компанії</label>
<textarea
class="-adaptive-height"
name="message"
></textarea>
</div>
</div>
<div class="checkbox --checkbox" data-important="checked">
<input type="checkbox" checked />
<span class="checkbox__button"></span>
<p class="checkbox__text">
Я згоден, що я ознайомився(лась) з
<a
href="files/Політика%20конфіденційності%20%20(UA).pdf"
target="_blank"
class="default-link --gradient-hover"
>
Політикою конфіденційності
</a>
та приймаю її
</p>
</div>
<button class="form__button default-button -shadow -black">
<p>Надіслати заявку</p>
</button>
</form>
</div>
</div>
<div class="--sending-block --sending-loading">
<div
class="form-sending__img --mask-item"
style="
-webkit-mask-image: url(images/icons/circle-dashed.svg);
mask-image: url(images/icons/circle-dashed.svg);
"
></div>
<div class="form-sending__subtitle text-1 mob-text-1">
Обробляємо вашу заявку...
</div>
</div>
<div class="--sending-block --sending-success">
<div
class="form-sending__img --mask-item"
style="
-webkit-mask-image: url(images/icons/check-circle.svg);
mask-image: url(images/icons/check-circle.svg);
"
></div>
<div
class="form-sending__title title-5 mob-title-5 --bold-text"
>
Заявку успішно відправлено
</div>
<div class="form-sending__subtitle text-1 mob-text-1">
Наші менеджери зв'яжуться з вами найближчим часом і дадуть
відповіді на запитання, що вас цікавлять.
</div>
<button
class="
form-sending__button
default-button
-shadow
-black
--back-to-form
"
>
<p>ОК</p>
</button>
</div>
<div class="--sending-block --sending-error">
<div
class="form-sending__img --mask-item"
style="
-webkit-mask-image: url(images/icons/x-circle-big.svg);
mask-image: url(images/icons/x-circle-big.svg);
"
></div>
<div
class="form-sending__title title-5 mob-title-5 --bold-text"
>
Заявку не вдалося надіслати
</div>
<div class="form-sending__subtitle text-1 mob-text-1">
Сталася помилка під час відправлення. Будь ласка, спробуйте ще
раз.
</div>
<button
class="
form-sending__button
default-button
-shadow
-white
--back-to-form
"
>
<span
class="default-button__icon --mask-item"
style="
-webkit-mask-image: url(images/icons/arrow-clockwise.svg);
mask-image: url(images/icons/arrow-clockwise.svg);
"
></span>
<p>Спробувати ще раз</p>
</button>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer__top">
<div class="footer__top-left">
<div class="footer__logo">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/logo.svg"
alt="billline.net"
/>
</div>
<div class="footer__socials">
<a
href="https://www.facebook.com/billline.net"
target="_blank"
class="default-button -shadow -white -social"
>
<span
class="default-button__icon --mask-item"
style="
-webkit-mask-image: url(images/icons/facebook.svg);
mask-image: url(images/icons/facebook.svg);
"
></span>
</a>
<a
href="https://www.instagram.com/bill_line.payments/"
target="_blank"
class="default-button -shadow -white -social"
>
<span
class="default-button__icon --mask-item"
style="
-webkit-mask-image: url(images/icons/instagram.svg);
mask-image: url(images/icons/instagram.svg);
"
></span>
</a>
<a
href="https://www.linkedin.com/company/billline"
target="_blank"
class="default-button -shadow -white -social"
>
<span
class="default-button__icon --mask-item"
style="
-webkit-mask-image: url(images/icons/linkedin.svg);
mask-image: url(images/icons/linkedin.svg);
"
></span>
</a>
</div>
</div>
<div class="footer__top-right text-2 --medium-text">
<nav class="footer__nav-list">
<a class="footer__nav --gradient-hover" href="/product">
Продукт
</a>
<a class="footer__nav --gradient-hover" href="/connect">
Підключення
</a>
<a class="footer__nav --gradient-hover" href="/about">
Про компанію
</a>
<a class="footer__nav --gradient-hover" href="/contacts">
Контакти
</a>
<a class="footer__nav --gradient-hover" href="/api"> API </a>
</nav>
<nav class="footer__nav-list">
<a
class="footer__nav --gradient-hover"
href="files/Вимоги%20(UA).pdf"
target="_blank"
>
Вимоги
</a>
<a
class="footer__nav --gradient-hover"
href="files/Політика%20конфіденційності%20%20(UA).pdf"
target="_blank"
>
Полiтика конфiденцiйностi
</a>
<a
class="footer__nav --gradient-hover"
href="files/Полiтика%20cookie%20%20(UA).pdf"
target="_blank"
>
Полiтика Cookie
</a>
<a
class="footer__nav --gradient-hover"
href="files/Полiтика%20AML%20(UA).pdf"
target="_blank"
>
Полiтика AML
</a>
</nav>
</div>
</div>
<div class="footer__bot">
<div class="footer__partners">
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/partners/pci-dss.svg"
alt="PCI DSS - billline.net"
/>
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/partners/visa.svg"
alt="VISA - billline.net"
/>
<img
class="-lazyload"
srcset="images/lazyload.png"
src="images/partners/mastercard.svg"
alt="Mastercard - billline.net"
/>
</div>
<p class="footer__copyright text-2 --medium-text">© bill_line 2022</p>
</div>
</div>
</footer>
<div class="cookie-block">
<div class="container">
<div class="cookie" data-animate="swim-top">
<p class="text-2 mob-text-2 --white-text">
Цей сайт використовує файли cookie. Використовуючи наш сайт, ви
погоджуєтесь з нашою
<a
href="files/Полiтика%20cookie%20%20(UA).pdf"
target="_blank"
class="default-link"
>Політикою Cookie</a
>.
</p>
<button
class="
cookie__button
default-button
-small
-shadow
-white
text-2
--medium-text
"
>
Приймаю
</button>
</div>
</div>
</div>
<script src="js/lib/jquery-3.6.0.min.js"></script>
<script src="js/lib/jquery.cookie.js"></script>
<script src="js/lib/jquery.inputmask.min.js"></script>
<script src="js/custom-solutions.js"></script>
<script src="js/scroll-animation.js"></script>
<script src="js/form.js"></script>
<script src="js/script.js"></script>
</body>
</html>