Для воронок
Примеры шаблонов документов для воронок на русском языке.
Инструкции:
1. Товарный чек
Тип шаблона: Воронки
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Товарный чек</title>
</head>
<body>
<div class="container">
{# ======================================================= #}
{# БЛОК: ШАПКА — логотип и контакты магазина #}
{# Замените выделенный желтым текст на свои реальные данные #}
{# ======================================================= #}
<table class="width100">
<tbody>
<tr>
{# Логотип: замените src на прямую ссылку на свое изображение #}
<td class="logo-wrapper" valign="top">
<img src="https://blog.keycrm.app/wp-content/uploads/2025/12/cropped-keycrm-logo-blue-on-transparent-160x53.png" style="width: 200px;" alt="">
</td>
{# Адрес и email магазина #}
<td valign="top">
<span style="background-color: yellow">г.Киев ул. Крещатик, 1</span><br />
<span style="background-color: yellow">test@ukr.net</span><br />
</td>
{# Телефоны магазина #}
<td valign="top">
<span style="background-color: yellow">тел.: +38(050)000-00-00</span><br />
<span style="background-color: yellow">тел.: +38(095)000-00-00</span><br />
<span style="background-color: yellow">тел.: +38(097)000-00-00</span><br />
</td>
</tr>
</tbody>
</table>
<br /><br /><br />
{# ======================================================= #}
{# БЛОК: РЕКВИЗИТЫ — поставщик и получатель #}
{# Левый столбец: ваши данные (заменить желтое) #}
{# Правый столбец: данные контакта из CRM (авто) #}
{# ======================================================= #}
<table class="width100">
<tbody>
<tr>
<td valign="top" class="label" style="width:50%">
<span style="background-color: yellow">Поставщик: Company Name</span><br />
<span style="background-color: yellow">ФЛП Тест А.А.</span><br />
<span style="background-color: yellow">г.Киев ул. Крещатик, 1</span><br />
<span style="background-color: yellow">тел.: +38(050)000-00-00</span><br />
</td>
<td valign="top" class="label">
{# Данные контакта подтягиваются из CRM автоматически #}
Получатель: {{ model.contact_name }}<br />
тел.: {{ model.contact_phone | default('не указано') }}<br />
{# Email выводится только если он заполнен #}
{% if model.contact_email %}
email: {{ model.contact_email }}
{% endif %}
</td>
</tr>
</tbody>
</table>
<br />
{# ======================================================= #}
{# БЛОК: НАЗВАНИЕ ДОКУМЕНТА — номер и дата #}
{# Массив месяцев для вывода даты словом ("15 мая") #}
{# ======================================================= #}
{% set mnths = ['','января','февраля','марта','апреля','мая','июня','июля','августа','сентября','октября','ноября','декабря'] %}
<p class="big-text text-center" style="margin-bottom: 10px">
Товарный чек №{{ model.id }} от {{ model.created_at|date("j") }} {{ mnths[model.created_at|date("n")] }} {{ model.created_at|date("Y") }} г.
</p>
{# ======================================================= #}
{# БЛОК: ТАБЛИЦА ТОВАРОВ #}
{# ======================================================= #}
<table class="table-products width100 border products-table">
<thead>
<tr>
<th class="text-center">№</th>
<th class="name-col">Наименование товара</th>
<th>Ед.</th>
<th>Количество</th>
<th>Цена</th>
<th>Сумма</th>
</tr>
</thead>
<tbody>
{# Строки товаров — перебираем все позиции сделки #}
{% for key, product in model.products %}
<tr>
<td class="text-center">{{ key + 1 }}</td>
<td style="width:50%">{{ product.name }}</td>
<td class="text-center">шт</td>
<td class="text-center">{{ product.quantity }}</td>
<td class="text-right">{{ product.price|format_currency('UAH', locale='ru') }}</td>
<td class="text-right">{{ (product.quantity * product.price)|format_currency('UAH', locale='ru') }}</td>
</tr>
{% endfor %}
{# Итоговая строка с общей суммой #}
<tr>
<td colspan="5" class="text-right"><strong>Всего:</strong></td>
<td class="text-right">
<strong>{{ model.products_sum|format_currency('UAH', locale='ru') }}</strong>
</td>
</tr>
</tbody>
</table>
{# ======================================================= #}
{# БЛОК: ПОДВАЛ — количество позиций, сумма и подпись #}
{# ======================================================= #}
<br /><br />
<table>
<tbody>
<tr>
<td>
Всего наименований: {{ model.products|length }}, на сумму
<strong>{{ model.products_sum|number_format(2, '.', ' ') }}</strong> грн.
</td>
</tr>
<tr>
<td style="width: 50%">
Дата: <span class="label underline">{{ model.created_at|date("j") }} {{ mnths[model.created_at|date("n")] }} {{ model.created_at|date("Y") }} г.</span>
</td>
<td>Подпись поставщика: ____________________</td>
<td></td>
</tr>
</tbody>
</table>
</div>
</body>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
}
body {
font-size: 16px;
line-height: 1.3;
min-width: 320px;
font-family: sans-serif;
overflow-x: hidden;
}
.container {
margin-right: auto;
margin-left: auto;
}
.text-center { text-align: center; }
.text-right { text-align: right; }
.label { font-weight: bold; }
.underline {
text-decoration: underline;
font-style: italic;
}
.big-text { font-size: 18px; }
.width100 { width: 100%; }
.width50 { width: 50%; }
table {
border-collapse: collapse;
border-spacing: 0;
height: auto;
}
table td {
padding-right: 5px;
padding-left: 5px;
border: none;
}
table th {
background: #d4d4d4;
}
/* Рамки для таблицы товаров */
table.border td,
table.border th {
border: 1px solid black;
}
table.table-products {
border: solid 2px black;
width: calc(100% - 2px);
}
table.table-products th {
padding: 20px 5px;
}
table.table-products td {
padding: 5px;
}
table.table-sum {
margin-top: 7px;
}
table.table-sum td {
padding: 3px 5px 3px 15px;
}
/* =============================================
РАЗБИВКА НА СТРАНИЦЫ
============================================= */
/* Заголовок таблицы повторяется на каждой странице */
table.products-table thead {
display: table-header-group;
}
/* Строки tbody не разрываются между страницами */
table.products-table tbody tr {
page-break-inside: avoid;
break-inside: avoid;
}
</style>
</html>2. Товарный чек №2
Тип шаблона: Воронки
QR-коды можно сгенерировать, например, здесь: https://www.qrcode-monkey.com/.
После создания нужно сохранить картинки на вашем сервере (сайте) и вставить в шаблон ссылки на них.
3. Счет на оплату
Тип шаблона: Воронки
4. Коммерческое предложение
Тип шаблона: Воронки
Last updated