Руководство

Редактор своих шаблонов

Соберите собственный макет счёта из 25 заготовок галереи или с нуля, оформите каждый элемент, ограничьте доступ профилями и примените шаблон к счёту.

Обновлено: 2026-09-09

Двенадцать встроенных дизайнов подходят для большинства счетов, но они сами решают, где стоять логотипу, датам и адресу клиента. Редактор своих шаблонов позволяет скомпоновать эти части самостоятельно. Вы размещаете элементы в шести ячейках вокруг фиксированного тела документа, оформляете каждый из них и сохраняете результат как собственный шаблон. После этого любой счёт можно переключить на этот шаблон за два касания, а PDF будет отрисован отдельным пользовательским рендерером, а не одним из двенадцати дизайнов.

В этом руководстве мы следим за Nadia Okafor из Fern & Petal Floral Design Studio в Портленде, штат Орегон. Ей нужна спокойная, почти белая страница для отелей и ресторанов: широкий логотип и две строки контактов слева, реквизиты счёта и адрес клиента справа и одна зелёная строка с благодарностью в подвале. Для итогового PDF используется её счёт FP-2026-0218 для Alder Street Hotel. У неё есть и второй бизнес-профиль, Fern & Petal Weddings, поэтому по ходу дела встретится и функция ограничения доступа по профилям.

Что вы видите на экране

Свои шаблоны находятся в разделе Настройки (Settings), в строке PDF-шаблоны (PDF templates) с подзаголовком «Создавайте и редактируйте собственные макеты». На экране три вкладки. Свои (Mine) показывает сохранённые вами шаблоны в виде сетки карточек в два столбца. Галерея (Gallery) содержит 25 заготовок в шести категориях, которые открываются в редакторе уже заполненными. Палитры (Palettes) — это место, где создаются собственные наборы цветов; эта вкладка описана в руководстве по палитрам и здесь важна лишь потому, что сохранённый шаблон запоминает, какую палитру он использует.

Каждая карточка на вкладке Свои показывает схематическую миниатюру, построенную по макету (цветные полосы, а не настоящий рендер PDF), название шаблона жирным шрифтом и строку доступа, где написано либо Все профили (All profiles), либо Только выбранные профили (Restricted to specific profiles). Белая кнопка с тремя точками в углу миниатюры открывает меню с пунктами Дублировать (Duplicate) и Удалить (Delete). Касание в любом другом месте карточки открывает редактор. Кнопка + в правом нижнем углу начинает пустой шаблон. Когда список пуст, на экране написано «Своих шаблонов пока нет. Нажмите +, чтобы создать.»

Экран PDF-шаблонов приложения Invoice Flow на вкладке Свои с тремя карточками: Fern & Petal minimal в зелёном с пометкой Все профили, Wedding proposal в розовом с пометкой Только выбранные профили и Wholesale stems в графитовом, плюс кнопка +
На вкладке Свои перечислены сохранённые шаблоны; миниатюра — это схема макета в его палитре.

Сам редактор — одна прокручиваемая страница. В строке заголовка находится редактируемое поле названия с подсказкой Название шаблона (Template name), а за ним три элемента управления: значок глаза (Предпросмотр, Preview), значок ползунков (Доступ и настройки, Scope & options) и кнопка Сохранить (Save). Под этой строкой идёт заголовок Заголовок (Header) с тремя блоками Слева (Left), По центру (Center) и Справа (Right), затем серый блок Тело (фиксировано) (Body (fixed)) со списком «Таблица позиций, Итоги, Подпись», далее заголовок Подвал (Footer) с ещё одним рядом Слева, По центру и Справа и, наконец, карточка Доступность (Scope), подзаголовок которой повторяет настройку доступа.

Каждый размещённый элемент отображается в своём столбце как скруглённый чип с названием и маленькой кнопкой с тремя точками. Скрытые элементы помечены значком перечёркнутого глаза. Каждый столбец заканчивается кнопкой +, которая открывает каталог элементов.

Редактор своих шаблонов приложения Invoice Flow с названием Fern & Petal minimal: ряд Заголовок с элементами Широкое лого, Название компании, Эл. почта и Веб-сайт в левом столбце, пустой центральный столбец и Заголовок инвойса, Номер инвойса, Дата выставления, Срок оплаты, Отступ и Блок клиента в правом столбце; серый блок Тело (фиксировано); ряд Подвал с элементами Условия оплаты, Произвольный текст и Налоговые ID
Готовый макет Nadia: шесть столбцов вокруг фиксированного тела, по одному чипу на элемент.

Самое важное — понять, чего на этой странице нет. Здесь нет выбора формата страницы, поля для отступов, ползунка ширины столбцов и никакого управления таблицей позиций, блоком итогов и подписью. Тело всегда печатается в этом порядке между рядом заголовка и рядом подвала, в той палитре, с которой шаблон был создан. Вы управляете всем, что выше и ниже него.

Как начать шаблон

Начать можно с заготовки из галереи или с пустой страницы. Путь через галерею быстрее, потому что макет уже согласован и вам остаётся лишь убрать или переоформить то, что не нужно.

  1. Откройте Настройки и нажмите PDF-шаблоны.
  2. Перейдите на вкладку Галерея и выберите чип категории, например Минимал (Minimal). Пролистайте полосу палитр и нажмите название палитры, если хотите перекрасить заготовку; По умолчанию (Default) сохраняет собственную палитру каждой заготовки.
  3. Нажмите карточку. Редактор откроется с заполненным макетом заготовки и её названием, уже введённым в поле заголовка.
  4. Чтобы начать с нуля, оставайтесь на вкладке Свои и нажмите +. Пустой редактор на самом деле не пуст: левый столбец заголовка содержит Широкое лого, Название компании, Адрес, Телефон и Эл. почту, правый столбец заголовка — жирный Заголовок инвойса, Номер инвойса, Дату выставления и Срок оплаты с выравниванием по правому краю, а левый столбец подвала — Условия оплаты и Заметки.
  5. Замените название в поле заголовка на своё, например Fern & Petal minimal. Без названия шаблон сохранить нельзя.

Палитра, выбранная в полосе галереи, записывается в новый шаблон, и это единственный момент, когда задаётся палитра своего шаблона; собственного выбора палитры в редакторе нет. Чтобы получить тот же макет в другой палитре, откройте его из галереи ещё раз с другим выбранным чипом.

Как расставить и оформить элементы

Минималистичная страница Nadia получается из пустой заготовки после нескольких изменений: она удаляет из заголовка Адрес и Телефон, добавляет Веб-сайт, переносит блок клиента в правый столбец под даты и ставит строку благодарности в подвал.

  1. Нажмите + внизу того столбца, куда должен попасть элемент. Появится панель со всеми доступными элементами в фиксированном порядке: Квадратное лого (Square logo), Широкое лого (Wide logo), Название компании (Company name), Контактное лицо (Contact name), Адрес (Address), Телефон (Phone), Эл. почта (Email), Веб-сайт (Website), Налоговые ID (Tax IDs), Ссылки (Links), Заголовок инвойса (Invoice title), Номер инвойса (Invoice number), Дата выставления (Issue date), Срок оплаты (Due date), Блок клиента (Client block), Имя клиента (Client name), Условия оплаты (Payment terms), Заметки (Notes), Произвольный текст (Custom text), Отступ (Spacer) и Разделитель (Divider). Нажмите один из них, и он добавится в конец этого столбца.
  2. Чтобы изменить порядок, нажмите кнопку с тремя точками на чипе и выберите Переместить вверх (Move up) или Переместить вниз (Move down). У первого чипа нет пункта «Переместить вверх», у последнего — «Переместить вниз». В том же меню есть Удалить.
  3. Чтобы перенести элемент в другой столбец, удалите его и добавьте заново через + нужного столбца; перетаскивания и вырезания-вставки между столбцами нет.
  4. Нажмите на сам чип, чтобы открыть Настройки элемента (Element settings). Выключите Показывать (Visible), чтобы оставить элемент на месте, но не выводить его в PDF.
  5. Введите число в поле Размер шрифта (пусто = по умолчанию) (Font size (blank = default)), чтобы переопределить размер по умолчанию, или оставьте его пустым. Выберите Обычное (Normal) или Жирное (Bold) в разделе Начертание, По левому (Left), По центру (Center) или По правому (Right) в разделе Выравнивание и Стандартный (Default), Основной (Primary), Акцентный (Accent) или Приглушённый (Muted) в разделе Цвет.
  6. Для элемента Произвольный текст введите формулировку в поле Текст (Text) (видно до трёх строк; более длинный текст прокручивается). Для элемента Отступ задайте Высота (пикс.) (Height (px)); по умолчанию это 8.
  7. Нажмите Применить (Apply), чтобы сохранить изменения этого элемента, или Отмена (Cancel), чтобы отказаться от них.
Нижняя панель каталога элементов приложения Invoice Flow поверх редактора шаблонов со списком Квадратное лого, Широкое лого, Название компании, Контактное лицо, Адрес, Телефон, Эл. почта, Веб-сайт, Налоговые ID и Ссылки со значками
Каталог, открытый кнопкой + столбца; список продолжается ниже пункта Ссылки.
Редактор шаблонов приложения Invoice Flow с открытым меню трёх точек чипа Название компании, где показаны пункты Переместить вверх, Переместить вниз и красный пункт Удалить
Порядок меняется по одному шагу за раз из меню чипа.

Строка в подвале у Nadia — это элемент Произвольный текст в центральном столбце подвала с выбранными вариантами Жирное, По центру и Акцентный. Акцентный цвет берётся из палитры, поэтому в её палитре Forest строка печатается зелёной, а стала бы розовой или синей, если бы она пересобрала шаблон с другой палитрой.

Панель Настройки элемента приложения Invoice Flow для элемента Произвольный текст: Показывать включено, в поле Текст написано Thank you for letting us bring flowers into your space, Размер шрифта пуст, выбраны Начертание Жирное, Выравнивание По центру и Цвет Акцентный, с кнопками Отмена и Применить
Настройки элемента для строки благодарности в подвале.

Четыре варианта цвета — это токены, а не фиксированные цвета. Стандартный печатается чёрным, Приглушённый — средне-серым, Основной использует цвет шапки палитры, а Акцентный — её акцентный цвет. У Отступа и Разделителя нет настроек шрифта, начертания, выравнивания и цвета; у отступа есть только высота, а разделитель всегда представляет собой тонкую серую линию с небольшими полями.

Блок клиента выводит имя, адрес, эл. почту и телефон клиента столбиком, а Имя клиента печатает только имя; Nadia использует блок, выровненный по правому краю с размером 9 пунктов, чтобы он аккуратно встал под датами.

Как ограничить шаблон отдельными профилями и сохранить его

По умолчанию сохранённый шаблон доступен во всех бизнес-профилях. Свадебный макет Nadia должен появляться только в её профиле Weddings, поэтому она ограничивает его.

  1. В редакторе нажмите значок ползунков Доступ и настройки или карточку Доступность внизу страницы.
  2. В панели Доступность шаблона (Template availability) выберите Ограничить выбранными профилями (Restrict to specific profiles).
  3. Отметьте чипы профилей, которым должен быть виден шаблон; каждый бизнес-профиль показан под своим названием. Если ограничение не нужно, оставьте выбранным вариант Доступен во всех бизнес-профилях (Available on every business profile).
  4. Нажмите Готово (Done). Подзаголовок карточки Доступность изменится на Доступен в 1 профиле(ях) (Restricted to 1 profile(s)) или на то количество, которое вы отметили.
  5. Нажмите Сохранить в строке заголовка. Пока шаблон записывается, на кнопке крутится небольшой индикатор, затем редактор закрывается и карточка появляется вверху вкладки Свои.
Панель Доступность шаблона приложения Invoice Flow поверх редактора шаблона Wedding proposal: выбран вариант Ограничить выбранными профилями, чип Fern & Petal Weddings отмечен, а чип Nadia Okafor — нет
Ограничение свадебного шаблона профилем Weddings.

Перед сохранением можно нажать значок глаза и открыть Предпросмотр. Он отрисовывает макет настоящим PDF-рендерером с данными вашего основного профиля, подставляя серые курсивные заполнители вроде «[example: acme.com]» там, где поле пусто, и содержит полосу палитр, чтобы увидеть тот же макет в других цветах. Эта полоса только для просмотра: закрытие предпросмотра не меняет палитру шаблона.

Как применить свой шаблон к счёту

Свой шаблон — это не глобальная настройка. Каждый счёт хранит собственный выбор, а встроенный дизайн и палитра, записанные в счёте, остаются на месте, так что вернуться к ним можно в любой момент.

  1. Откройте счёт в редакторе и пролистайте вниз мимо карточек оплаты до карточки Выбрать шаблон (Select Template).
  2. Сразу под ней нажмите стрелку раскрытия на карточке Свой шаблон (Custom template). Эта карточка существует только тогда, когда бизнес-профилю счёта доступен хотя бы один сохранённый шаблон.
  3. Выберите шаблон по названию из меню. Подзаголовок карточки изменится с Используется встроенный шаблон (Using built-in template) на название шаблона, а подзаголовок карточки Выбрать шаблон выше теперь будет гласить Свой шаблон.
  4. Сохраните счёт. Каждый предпросмотр, отправка и экспорт теперь проходят через пользовательский рендерер.
  5. Чтобы вернуться к встроенному дизайну, откройте то же меню и выберите Встроенный (Use built-in). Выбранные ранее дизайн и палитра никуда не делись.
Редактор счёта приложения Invoice Flow, прокрученный до карточки Выбрать шаблон с надписью Свой шаблон и карточки Свой шаблон под ней с Fern & Petal minimal и открытым меню, в котором перечислены Встроенный, Fern & Petal minimal и Wholesale stems
Карточка Свой шаблон показывает пункт Встроенный и все шаблоны, видимые этому профилю.

Шаблона Wedding proposal в меню Nadia нет, потому что этот счёт принадлежит профилю студии, а шаблон ограничен профилем Weddings. Вот FP-2026-0218, отрисованный минималистичным шаблоном.

PDF счёта FP-2026-0218 приложения Invoice Flow по своему шаблону: логотип Fern & Petal, название компании, эл. почта и сайт слева; зелёный заголовок INVOICE, номер, даты и адрес Alder Street Hotel справа; таблица позиций с зелёной шапкой из четырёх строк на общую сумму $2,186.00; условия оплаты, зелёная строка благодарности по центру и налоговый номер в подвале
Пользовательский рендерер печатает ряды заголовка и подвала так, как они спроектированы, вокруг стандартной таблицы позиций и итогов.

Правила и детали

Советы

Стройте из Галереи, а не с нуля, если нужна другая палитра. Пустая заготовка всегда в палитре Ocean, и перекрасить шаблон потом можно только пересоздав его из карточки галереи с нужным выбранным чипом.
Используйте один Отступ в правом столбце заголовка между датами и Блоком клиента, как делает Nadia, вместо заполнения пустыми элементами Произвольный текст. Отступ не печатает ничего, кроме своей высоты, поэтому никогда не оставит на странице случайных символов.
Если у вас несколько бизнес-профилей, сделайте один общий шаблон с доступом Все профили и ограничьте только особые. Меню Свой шаблон в счёте показывает сначала общие шаблоны, а затем те, что привязаны к профилю этого счёта.

Связанные руководства