/home/bdqbpbxa/demo-subdomains/billine.goodface.com.ua/en/product.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>bill_line - Product</title>
<meta
name="title"
content="The main bill_line products: acquiring, checkout, masspayment"
/>
<meta
name="description"
content="bill_line operates in the payment services market and provides business with up-to-date financial products: internet acquiring, masspayment, etc."
/>
<!-- 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="The main bill_line products: acquiring, checkout, masspayment"
/>
<meta
property="og:description"
content="bill_line operates in the payment services market and provides business with up-to-date financial products: internet acquiring, masspayment, etc."
/>
<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);
overflow: hidden;
}
.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="/en" 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">Eng</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="/product"
class="--dropdown__list-item --gradient-hover"
>
Укр
</a>
<a
href="/ru/product"
class="--dropdown__list-item --gradient-hover"
>
Рус
</a>
<a
href="#"
class="--dropdown__list-item --gradient-hover -active"
>
Eng
</a>
</div>
</div>
<nav class="header__menu-nav text-2 --medium-text">
<a
class="header__nav --gradient-hover -current"
href="/en/product"
>
Product
</a>
<a class="header__nav --gradient-hover" href="/en/connect">
Connect
</a>
<a class="header__nav --gradient-hover" href="/en/api"> API </a>
<a class="header__nav --gradient-hover" href="/en/about">
About us
</a>
<a class="header__nav --gradient-hover" href="/en/contacts">
Contact us
</a>
</nav>
<div class="header__button-box">
<a
href="https://cabinet.billline.net/login"
target="_blank"
class="default-button -small"
>
<p data-hover-text="Sign in">Sign in</p>
</a>
<a
href="https://cabinet.billline.net/register"
target="_blank"
class="default-button -small -shadow -black"
>
<p>Sign up</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="main-title-section --margin-bottom-200 --mob-margin-bottom-120"
>
<div class="container" data-animate="swim-top">
<div class="main-title-section-container --content-container-S">
<h1 class="main-title__title title-1 mob-title-1 --bold-text">
Use bill_line products to earn more
</h1>
<div class="main-title__image">
<img
src="../images/product-page/payouts.jpg"
alt="Quickly accept and make payments - billline.net"
/>
</div>
<p class="main-title__text text-1 mob-text-1">
Quickly accept and make payments, manage transactions <br />in
your personal account and get individual analytics.
</p>
</div>
</div>
</section>
<article
class="
connect-card-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 -checkout --content-container-M">
<div class="info-block__text-box">
<div class="info-block__editor">
<h2>Use bill_line Checkout</h2>
<blockquote>
Every third company with a custom checkout increases the
efficiency of payments by 21%
</blockquote>
<p>
Whatever you sell online, we can connect your Checkout or
bill_line Checkout to accept payments securely .
</p>
<p>
We constantly improve the details of our checkout page and
increase the conversion rate.
</p>
<p>
We will create a visual and functional checkout page that will
solve exactly your tasks
</p>
</div>
</div>
<div class="info-block__image -gray-bg">
<img
class="-lazyload"
srcset="../images/lazyload.png"
src="../images/info-block/checkout-image.png"
alt="Use bill_line Checkout - billline.net"
/>
</div>
</div>
</div>
</article>
<section
class="
product-solutions-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-card-grid --content-container-M">
<div class="default-info-card">
<div class="info-card__icon" style="background-color: #fadceb">
<span
class="--mask-item"
style="
background-color: #e5509b;
-webkit-mask-image: url(../images/icons/link-simple.svg);
mask-image: url(../images/icons/link-simple.svg);
"
></span>
</div>
<h4 class="info-card__title title-5 mob-title-5 --bold-text">
Payment links
</h4>
<div class="info-card__text text-2 mob-text-2">
<p>
Send individual payment links with order details to your
customer's e‑mail or messenger.
</p>
<p>
The client opens the link, sees the payment invoice, enters
the card data and confirms the payment.
</p>
</div>
</div>
<div class="default-info-card">
<div class="info-card__icon" style="background-color: #fbf2da">
<span
class="--mask-item"
style="
background-color: #ebbf46;
-webkit-mask-image: url(../images/icons/shuffle-angular.svg);
mask-image: url(../images/icons/shuffle-angular.svg);
"
></span>
</div>
<h4 class="info-card__title title-5 mob-title-5 --bold-text">
Cascading <br />payments
</h4>
<div class="info-card__text text-2 mob-text-2">
<p>
We cooperate with several banks and we will make a payment
through other partners in which case.
</p>
<p>
Therefore, your customers will be able to pay online without
fail.
</p>
</div>
</div>
<div class="default-info-card">
<div class="info-card__icon" style="background-color: #e1f6fa">
<span
class="--mask-item"
style="
background-color: #6bd1e6;
-webkit-mask-image: url(../images/icons/calendar-check.svg);
mask-image: url(../images/icons/calendar-check.svg);
"
></span>
</div>
<h4 class="info-card__title title-5 mob-title-5 --bold-text">
Recurring payments
</h4>
<div class="info-card__text text-2 mob-text-2">
<p>Automate payment processes by using recurrent payments.</p>
<p>
Charge money from the client's bank card according to a clear
schedule - daily, weekly, monthly or as often as you need.
</p>
</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 --content-container-M">
<div class="info-block__text-box">
<div class="info-block__editor">
<h2>Accept payments in different currencies</h2>
<p>
Let customers pay in their preferred currency. The main
currencies used by bill_line clients are UAH, USD and EUR. But
we can connect local currencies from any country.
</p>
</div>
</div>
<div class="info-block__image -currency -gray-bg">
<div class="currency-ani-block">
<div class="currency-ani-block__item -active">
<div class="currency-ani-block__left">
<div
class="currency-ani-block__currency"
style="background-color: #fadceb"
>
<span
class="--mask-item"
style="
background-color: #e5509b;
-webkit-mask-image: url(../images/currency-icons/uah.svg);
mask-image: url(../images/currency-icons/uah.svg);
"
></span>
</div>
<div class="currency-ani-block__name text-2 --bold-text">
UAH
</div>
</div>
<div class="currency-ani-block__button">
<span></span>
</div>
</div>
<div class="currency-ani-block__item -active">
<div class="currency-ani-block__left">
<div
class="currency-ani-block__currency"
style="background-color: #e7f4e1"
>
<span
class="--mask-item"
style="
background-color: #7ac668;
-webkit-mask-image: url(../images/currency-icons/usd.svg);
mask-image: url(../images/currency-icons/usd.svg);
"
></span>
</div>
<div class="currency-ani-block__name text-2 --bold-text">
USD
</div>
</div>
<div class="currency-ani-block__button">
<span></span>
</div>
</div>
<div class="currency-ani-block__item">
<div class="currency-ani-block__left">
<div
class="currency-ani-block__currency"
style="background-color: #e0eff9"
>
<span
class="--mask-item"
style="
background-color: #66aee0;
-webkit-mask-image: url(../images/currency-icons/eur.svg);
mask-image: url(../images/currency-icons/eur.svg);
"
></span>
</div>
<div class="currency-ani-block__name text-2 --bold-text">
EUR
</div>
</div>
<div class="currency-ani-block__button">
<span></span>
</div>
</div>
<div class="currency-ani-block__item">
<div class="currency-ani-block__left">
<div
class="currency-ani-block__currency"
style="background-color: #fbf2da"
>
<span
class="--mask-item"
style="
background-color: #ebbf46;
-webkit-mask-image: url(../images/currency-icons/crypto.svg);
mask-image: url(../images/currency-icons/crypto.svg);
"
></span>
</div>
<div class="currency-ani-block__name text-2 --bold-text">
Crypto
</div>
</div>
<div class="currency-ani-block__button">
<span></span>
</div>
</div>
<div class="currency-ani-block__item -active">
<div class="currency-ani-block__left">
<div
class="currency-ani-block__currency"
style="background-color: #e8ebf8"
>
<span
class="--mask-item"
style="
background-color: #8d9adb;
-webkit-mask-image: url(../images/currency-icons/star.svg);
mask-image: url(../images/currency-icons/star.svg);
"
></span>
</div>
<div class="currency-ani-block__name text-2 --bold-text">
Exactly the one <br />
you will need
</div>
</div>
<div class="currency-ani-block__button">
<span></span>
</div>
</div>
</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 -integration --content-container-M -reverse">
<div class="info-block__text-box">
<div class="info-block__editor">
<h2>We integrate with different CMS and platforms</h2>
<p>
We cooperate with the most popular platforms and offer
ready-made plugins to help start your integration easily.
</p>
</div>
</div>
<div class="info-block__image">
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="../images/lazyload.png"
src="../images/info-block/ship-station.svg"
alt="Ship Station - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="../images/lazyload.png"
src="../images/info-block/salesforce.svg"
alt="Salesforce - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="../images/lazyload.png"
src="../images/info-block/simpla.png"
alt="Simpla - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="../images/lazyload.png"
src="../images/info-block/prestashop.svg"
alt="Presta Shop - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="../images/lazyload.png"
src="../images/info-block/woo.png"
alt="Woo - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="../images/lazyload.png"
src="../images/info-block/magento.svg"
alt="Magento - billline.net"
/>
</div>
<div class="info-block__image-box">
<img
class="-lazyload"
srcset="../images/lazyload.png"
src="../images/info-block/shippo.png"
alt="Shippo - 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 --content-container-M">
<div class="info-block__text-box">
<div class="info-block__editor">
<h2>Analytics by request</h2>
<p>
Get a report on all transactions, conversions, revenues,
turnover, payments by location, by card types, payment
transactions of each channel, as well as information about
payers.
</p>
<p>We can also create custom analytics for any request.</p>
</div>
</div>
<div class="info-block__image -graph">
<div class="graph-ani-block">
<div class="graph-ani-block__title --bold-text">
Number of customers
</div>
<div class="graph-ani-block__graph-box">
<div class="graph-ani-block__graphs">
<div
class="
graph-ani-block__graphs-container
subtitle-1
mob-text-1
--bold-text
--white-text
"
>
<div class="graph-ani-block__graph">
<p>57 984</p>
</div>
<div class="graph-ani-block__graph">
<p>55 223</p>
</div>
<div class="graph-ani-block__graph">
<p>73 581</p>
</div>
<div class="graph-ani-block__graph -active">
<p>133 782</p>
</div>
<div class="graph-ani-block__graph">
<p>137 795</p>
</div>
</div>
</div>
<div class="graph-ani-block__months --bold-text">
<div class="graph-ani-block__month">March</div>
<div class="graph-ani-block__month">April</div>
<div class="graph-ani-block__month">May</div>
<div class="graph-ani-block__month -active">June</div>
<div class="graph-ani-block__month">July</div>
</div>
</div>
</div>
</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="Connect your customized solution - billline.net"
/>
</div>
<h2 class="form-section__title title-2 mob-title-2 --bold-text">
Connect your customized solution
</h2>
<p class="form-section__subtitle text-1 mob-text-1">
Every business is special, so we create solutions just for needs
of your company. Our dev team has experience in implementing the
most complex technical systems.
</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">
Application for connection
</h3>
<p class="form__subtitle text-1 mob-text-1">
Leave a request to start cooperation
</p>
</div>
<div class="form">
<form name="connect">
<div class="form__grid">
<div class="input -input" data-important="not-empty">
<label>Name *</label>
<input type="text" name="name" />
<span
class="input__invalid"
data-correct-text="Check the correctness of the entered data"
data-fill-text="This field is mandatory"
>
</span>
</div>
<div class="input -input" data-important="not-empty">
<label>URL address *</label>
<input type="text" name="url" />
<span
class="input__invalid"
data-correct-text="Check the correctness of the entered data"
data-fill-text="This field is mandatory"
>
</span>
</div>
<div class="input -input" data-important="email">
<label>Email *</label>
<input type="text" name="email" />
<span
class="input__invalid"
data-correct-text="Check the correctness of the entered data"
data-fill-text="This field is mandatory"
></span>
</div>
<div class="input -input">
<label>Telegram/Viber/Whatsapp</label>
<input type="text" name="social" />
</div>
<div class="input -input form__textarea">
<label>Brief description of the company</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">
I agree that I have read the
<a
href="../files/Політика%20конфіденційності%20%20(EN).pdf"
target="_blank"
class="default-link --gradient-hover"
>
Privacy Policy
</a>
and accept it
</p>
</div>
<button class="form__button default-button -shadow -black">
<p>Submit an application</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">
We are processing your application...
</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"
>
The application was sent successfully
</div>
<div class="form-sending__subtitle text-1 mob-text-1">
Our managers will contact you in the near future and give
answers to questions that interest you.
</div>
<button
class="
form-sending__button
default-button
-shadow
-black
--back-to-form
"
>
<p>OK</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"
>
The application could not be sent
</div>
<div class="form-sending__subtitle text-1 mob-text-1">
An error occurred while sending. Please try again time.
</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>Try again</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="/en/product">
Product
</a>
<a class="footer__nav --gradient-hover" href="/en/connect">
Connect
</a>
<a class="footer__nav --gradient-hover" href="/en/about">
About us
</a>
<a class="footer__nav --gradient-hover" href="/en/contacts">
Contact us
</a>
<a class="footer__nav --gradient-hover" href="/en/api"> API </a>
</nav>
<nav class="footer__nav-list">
<a
class="footer__nav --gradient-hover"
href="../files/Вимоги%20(EN).pdf"
target="_blank"
>
Requirements
</a>
<a
class="footer__nav --gradient-hover"
href="../files/Політика%20конфіденційності%20%20(EN).pdf"
target="_blank"
>
Privacy Policy
</a>
<a
class="footer__nav --gradient-hover"
href="../files/Полiтика%20cookie%20%20(EN).pdf"
target="_blank"
>
Cookie Policy
</a>
<a
class="footer__nav --gradient-hover"
href="../files/Полiтика%20AML%20(EN).pdf"
target="_blank"
>
AML Policy
</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">
This site uses cookies By using our site, you agree to our
<a
href="../files/Полiтика%20cookie%20%20(EN).pdf"
target="_blank"
class="default-link"
>Cookie Policy</a
>.
</p>
<button
class="
cookie__button
default-button
-small
-shadow
-white
text-2
--medium-text
"
>
I accept
</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>