Конструктор шаблонов
Разрабатывайте собственные шаблоны счетов и предложений с помощью перетаскивания
Обзор Конструктора шаблонов
Конструктор шаблонов — мощный визуальный редактор для создания уникальных макетов счетов и коммерческих предложений. Интерфейс на основе перетаскивания с блочной системой позволяет создавать профессиональные брендированные документы без написания кода.
Что контролируют шаблоны: - Макет и структура документа - Позиции и размеры блоков на точной сетке - Элементы, отображаемые на документе (и те, которые скрыты) - Визуальное оформление каждого блока - Общий внешний вид и брендинг документа
Преимущества шаблонов: - Единообразный брендинг всех документов - Профессиональный вид, отражающий ваш бренд - Быстрая смена шаблона при создании документов - Многоразовые макеты для разных задач - Не требует навыков программирования или дизайна
Примечание: Конструктор шаблонов доступен на всех планах.
Интерфейс перетаскивания для лёгкого интуитивного дизайна
Точное позиционирование на 24-колоночной сетке
22 готовых типа блоков для каждого раздела счёта
Изменения видны сразу на холсте A4, а также в предпросмотре PDF с образцами данных
Интерфейс редактора
Конструктор шаблонов использует трёхпанельный макет для эффективной работы.
Левая панель — палитра блоков: - Доступные типы блоков для текущего типа документа (счёт или предложение) - Блоки, сгруппированные по категориям: Клиент, Позиции и продукты, Итоги, Данные счёта, Общее - Поиск для быстрого нахождения блока по названию - Перетащите блок на холст (на мобильных устройствах — нажмите для добавления) - Каждый блок имеет иконку, название и всплывающее описание
Центральная панель — холст: - Холст формата A4, масштабируемый под размер экрана с сохранением пропорций - Сетка для точного выравнивания - Перетаскивайте блоки для позиционирования; изменяйте размер тащя за края или углы; корректируйте клавишами-стрелками - Нажмите на блок для выделения и открытия настроек - Предпросмотр с локализованными образцами данных в реальном времени
Правая панель — конфигурация: При выбранном блоке — настройки блока; без выбора — Настройки страницы: - Позиция блока (столбец, строка на сетке) и размер (ширина в столбцах, высота в строках) - Вкладки «Поля» и «Стили» для выбранного блока (показать/скрыть отдельные поля без удаления блока) - Кнопки «Сбросить» (вернуть к значениям по умолчанию) и «Удалить» - Настройки страницы: поля, фон, масштаб текста и пагинация
Элементы управления в заголовке: - Кнопка «Назад» (выход из редактора; запрос подтверждения при несохранённых изменениях) - Поле для имени шаблона - Кнопка «Настройки страницы» (переключает правую панель на общие параметры) - Кнопка «Очистить» (удалить все блоки с подтверждением) - «Предпросмотр PDF» (генерирует PDF с образцами данных в модальном окне) - Кнопка «Сохранить» (для нового шаблона сначала запрашивается название)
- Используйте сетку и клавиши-стрелки для точного выравнивания блоков
- Нажмите «Предпросмотр PDF», чтобы увидеть финальный PDF с образцами данных
- Сохраняйте чаще, чтобы не потерять работу
- Давайте шаблонам понятные названия (напр., «Синий современный», «Минималист», «Детализированный»)
Доступные блоки
Конструктор шаблонов включает 22 типа блоков. Каждый счёт или предложение состоит из этих блоков — вы выбираете, какие включить и где они располагаются на сетке. В палитре они сгруппированы по категориям: Клиент, Позиции и продукты, Итоги, Данные счёта, Общее.
Ниже блоки сгруппированы по назначению для удобства:
Блоки идентификации — описывают, от кого документ и для кого. Блоки документа — содержат метаданные: номера, даты, ссылки. Блоки содержимого — основа: позиции, текст, изображения, примечания. Денежные блоки — итоги, платёжные реквизиты и условия. Блоки компоновки — структура: разделители, штампы, коды.
Каждый блок необязателен, изменяется в размере и стилизуется независимо.
Логотип и название компании. Четыре варианта макета (логотип сверху/снизу/слева/справа). Берётся из Настроек.
Название, адрес, ИНН, телефон и email вашей компании. Заполняется из Настроек.
Платёжные реквизиты клиента. Заполняется из карточки клиента, с переключаемой строкой ИНН.
Отдельный адрес доставки — получатель, улица, город, индекс, страна.
Автогенерируемый номер по вашим правилам нумерации (префикс, дополнение, ежегодный сброс).
Дата создания документа. Настраиваемая метка и формат даты.
Дата платежа, берётся из документа. Настраиваемая метка.
Начальная и конечная дата выполненных работ.
Ссылка на заказ клиента. Переключаемая метка.
Любые пары ключ-значение для вашего рабочего процесса — ссылка на проект, код работы, этап.
Полностью настраиваемая таблица позиций. Переключайте столбцы (описание, кол-во, цена, скидка, налог, сумма). Выбирайте продукты из каталога; итоги считаются автоматически.
Форматированный текст с жирным, курсивом, цветом и выравниванием. Для собственных сообщений или инструкций по оплате.
Структурированные примечания и условия договора с раздельным управлением метками.
Загрузите любое изображение с alt-текстом, подписью и режимами подгонки (contain / cover / fill).
Крупная итоговая цифра. Выравнивание по левому краю, центру или правому краю — центральный элемент документа.
Название банка, IBAN, SWIFT/BIC. Всё необходимое для банковского перевода.
Net 7, 15, 30, 60, 90, «Оплата при получении» или собственный текст. Показывает политику штрафов при их включении.
Имя подписанта, должность, дата подписания и опциональное изображение подписи с линией.
Горизонтальная или вертикальная линия для разграничения разделов.
Водяной знак — ОПЛАЧЕН, ЧЕРНОВИК, ПРОСРОЧЕН, ОТМЕНЁН, ОТПРАВЛЕН. Настраиваемые непрозрачность, поворот и размещение.
Штрих-код CODE128 или CODE39. Источник значения — номер счёта, номер заказа или произвольное поле.
Динамический QR-код со ссылкой на страницу оплаты, URL или любым пользовательским значением.
Настройка блоков
Каждый блок настраивается через панель конфигурации справа при его выборе.
Общие настройки (для всех блоков): - Позиция X — горизонтальное положение на 24-колоночной сетке (столбец 1–24) - Позиция Y — вертикальное положение (номер строки) - Ширина — сколько столбцов занимает блок (1–24) - Высота — сколько строк занимает блок
Настройки, специфичные для блока: Разные блоки имеют разные параметры конфигурации: - Текстовый блок — редактирование содержимого, размер шрифта, выравнивание - Позиции — ширина столбцов, видимость конкретных столбцов - Блок даты — формат даты, текст метки - Логотип/Бренд — размер, выравнивание внутри блока - От/Кому — отображаемые поля, настройка меток
Видимость полей: Используйте вкладку «Поля» блока для отображения/скрытия отдельных элементов (метки, даты, столбцы, строки адреса и др.) без удаления блока. Удобно для более компактного вида с сохранением блока в дизайне.
Стилизация: Некоторые блоки поддерживают настраиваемый стиль: - Размер шрифта - Выравнивание текста (слева, по центру, справа) - Стиль рамки - Цвет фона
- Начните с позиций по умолчанию и корректируйте по необходимости
- Используйте параметр «Ширина» для управления горизонтальным пространством блока
- Скрывайте поля через вкладку «Поля» вместо удаления блока, который может понадобиться позже
- Тестируйте шаблон с реальными данными через предпросмотр в редакторе
- 24-колоночная сетка позволяет создавать точные многоколонные макеты
Готовые шаблоны
Invotify включает двенадцать профессионально разработанных готовых шаблонов для использования как отправная точка или напрямую. Доступны на всех планах.
Пять стилевых дизайнов (универсальные): - Классический бизнес — традиционный корпоративный макет с чистым видом - Современный минимализм — современный дизайн с воздушным пространством и тонкими акцентами - Профессиональный корпоративный — полный макет с деловыми полями (номер заказа, QR-код и т. д.) - Творческий и смелый — броский дизайн с жирными акцентами для творческого бизнеса - Компактный и практичный — ресурсоэффективный макет для быстрых одностраничных счетов
Семь отраслевых дизайнов (каждый адаптирован под отрасль): - Консалтинг — чистый профессиональный макет для услуг - Юридические услуги — формальный макет с полями дела/ссылки - Творческая студия — смелый дизайн для студий и агентств - Технологии и SaaS — современный макет для ПО и подписок - Строительство — макет с реквизитами объекта и условиями - Бухгалтерия и финансы — точный, ориентированный на цифры макет - Архитектура — проектно-ориентированный макет с периодами обслуживания
Каждый — это самостоятельный макет, использующий разные блоки (платёжные реквизиты, примечания, период обслуживания, подпись, произвольные поля, штамп статуса, номер заказа, адрес доставки и т. д.).
Магазин дизайнов: На странице «Шаблоны» есть раздел «Профессиональные дизайны» с коллекцией шаблонов: - Просматривайте дизайны - Нажмите Предпросмотр для просмотра с образцами данных - Нажмите Добавить для копирования в свою коллекцию - Редактируйте добавленные дизайны под свои нужды
Добавление дизайна: 1. Нажмите Предпросмотр для просмотра в полном размере 2. Нажмите Добавить (изменится на «Добавлено» после копирования) 3. Копия добавится в вашу библиотеку шаблонов 4. Отредактируйте копию — добавляйте, удаляйте или перемещайте блоки
Добавленные дизайны полностью редактируемы.
- Просматривайте готовые дизайны для вдохновения, даже если планируете создать собственный
- Добавьте близкий к желаемому готовый дизайн, затем настройте его
- Можно иметь несколько шаблонов для разных задач (напр., один для услуг, другой для товаров)
Сохранение и использование шаблонов
После разработки шаблона сохраните его, чтобы он стал доступен при создании счетов и предложений.
Сохранение: 1. Дайте шаблону понятное название 2. Нажмите «Сохранить» 3. Шаблон сохраняется в аккаунте 4. Шаблон появляется в выборе шаблонов при создании документов
Использование шаблонов: При создании счёта или предложения: 1. Нажмите на выбор шаблона в редакторе 2. Просмотрите доступные шаблоны 3. Нажмите для выбора шаблона 4. Макет документа обновится
Управление шаблонами: - Список шаблонов показывает все сохранённые и готовые варианты - Откройте любой шаблон в конструкторе для редактирования - Удаляйте ненужные шаблоны
Шаблон по умолчанию: При создании новых документов предвыбирается последний обновлённый шаблон; выборщик показывает все доступные варианты.
- Создавайте разные шаблоны для разных типов документов или категорий клиентов
- Тестируйте шаблоны с реальными данными перед использованием с клиентами
- Держите простой шаблон по умолчанию для быстрого выставления счетов
- Давайте шаблонам чёткие имена (напр., «Современный синий», «Минималист», «Детализированный с доставкой»)