Конструктор шаблонів
Розробляйте власні шаблони рахунків і пропозицій за допомогою перетягування
Огляд конструктора шаблонів
Конструктор шаблонів — це потужний візуальний редактор, що дозволяє розробляти власні макети для ваших рахунків і пропозицій. Використовуючи інтерфейс перетягування з блочною системою, ви можете створювати професійні брендовані документи без жодного програмування.
Чим керують шаблони: - Макет і структура документа - Позиції та розміри блоків на точній сітці - Які елементи з'являються на документі (а які ні) - Візуальна стилізація кожного блоку - Загальний вигляд і брендинг документа
Переваги шаблонів: - Узгоджений брендинг у всіх документах - Професійний вигляд, що відображає ваш бренд - Швидке перемикання шаблонів під час створення документів - Дизайни багаторазового використання для різних цілей - Не потрібні навички програмування чи дизайну
Примітка: Конструктор шаблонів доступний у всіх тарифах.
Інтерфейс перетягування для легкого, інтуїтивного дизайну
Точне позиціонування за допомогою 24-стовпцевої сітки
22 попередньо створені типи блоків, що охоплюють кожну частину рахунка
Бачте зміни в реальному часі під час дизайну на полотні розміру A4, а також попередній перегляд PDF зі зразковими даними
Інтерфейс редактора
Конструктор шаблонів використовує трипанельний макет, розроблений для ефективного створення шаблонів.
Ліва панель — палітра блоків: - Доступні типи блоків для поточного типу документа (рахунок чи пропозиція) - Блоки згруповані за категоріями: Клієнт, Позиції та товари, Підсумки, Інформація про рахунок, Загальне - Поле пошуку для швидкого пошуку блоку за назвою - Перетягуйте блоки на полотно (або, на мобільному, торкніться, щоб додати) - Кожен блок має значок, назву та підказку з описом
Центральна панель — полотно: - Полотно розміру A4, що масштабується під екран, зберігаючи співвідношення сторін A4 - Накладка сітки для точного вирівнювання - Перетягуйте блоки, щоб позиціонувати їх; змінюйте розмір, перетягуючи краї чи кути; зсувайте клавішами зі стрілками - Натисніть будь-який блок, щоб вибрати його та відкрити його налаштування - Відображає живий перегляд із локалізованими зразковими даними-заповнювачами
Права панель — конфігурація: Коли блок вибрано, вона показує налаштування цього блоку; коли нічого не вибрано, вона показує налаштування сторінки: - Позиція блоку (стовпець, рядок на сітці) та розмір (ширина в стовпцях, висота в рядках) - Вкладки «Поля» та «Стилі» конкретного блоку (показати чи приховати окремі поля без видалення блоку) - Кнопки «Скинути» (повернути блок до значень за замовчуванням) і «Видалити» - Налаштування сторінки: поля, фон сторінки, масштаб тексту та розбиття на сторінки
Елементи керування заголовка: - Кнопка «Назад» (вихід із редактора; вас запитають, якщо є незбережені зміни) - Поле введення назви шаблону - Кнопка «Налаштування сторінки» (перемикає праву панель на налаштування рівня сторінки) - Кнопка «Очистити» (видалити всі блоки з полотна, із підтвердженням) - «Попередній перегляд PDF» (згенерувати попередній перегляд PDF зі зразковими даними у вікні) - Кнопка «Зберегти» (нові шаблони спочатку запитують назву)
- Використовуйте накладку сітки та клавіші зі стрілками, щоб точно вирівнювати блоки
- Використовуйте «Попередній перегляд PDF», щоб побачити фінальний PDF, відображений зі зразковими даними
- Зберігайте часто, щоб не втратити роботу
- Називайте шаблони описово для зручного розпізнавання (наприклад, "Сучасний синій", "Мінімальний", "Детальний")
Доступні блоки
Конструктор шаблонів постачає 22 типи блоків. Кожен рахунок чи пропозиція складається з цих блоків — ви вибираєте, які з них включити та де вони розміщуються на сітці. У палітрі вони згруповані в Клієнт, Позиції та товари, Підсумки, Інформація про рахунок і Загальне.
Нижче блоки згруповані за призначенням, щоб їх було легше переглядати:
Блоки ідентичності описують, від кого та для кого документ. Блоки документа містять метадані — номери, дати, посилання. Блоки вмісту несуть основну частину: позиції, текст, зображення, нотатки. Грошові блоки показують підсумки, платіжну інформацію та умови. Блоки макета дають вам структуру — роздільники, штампи, коди.
Кожен блок необов'язковий, із змінюваним розміром і може стилізуватися незалежно.
Логотип вашого бізнесу та назва компанії. Чотири варіанти макета (зверху/знизу/ліворуч/праворуч від логотипа). Береться з ваших Налаштувань.
Назва вашого бізнесу, адреса, податковий номер, телефон та email. Заповнюється з ваших Налаштувань.
Платіжні дані клієнта. Автозаповнюється з вибраного клієнта з перемикуваним рядком податкового номера.
Окрема адреса доставки — одержувач, вулиця, місто, поштовий індекс, країна.
Автоматично згенерований номер на основі ваших правил нумерації (префікс, доповнення, щорічне скидання).
Дата створення документа. Власний підпис і формат дати.
Кінцевий термін оплати, узятий із терміну оплати документа. Власний підпис.
Дата початку та завершення, що описує, коли виконувалася робота.
Посилання на замовлення на закупівлю клієнта. Перемикуваний підпис.
Будь-які пари ключ-значення, що потрібні вашому процесу — посилання проєкту, код роботи, назва віхи.
Повністю налаштовувана таблиця позицій. Перемикайте стовпці (опис, к-ть, ціна за одиницю, знижка, податок, сума). Вибирайте товари з каталогу; підсумки розраховуються автоматично.
Вміст із форматованим текстом — жирний, курсив, колір і вирівнювання. Використовуйте для власних повідомлень чи платіжних інструкцій.
Структуровані нотатки та умови з окремими перемикачами підписів.
Завантажте будь-яке зображення з альтернативним текстом, підписом і режимами припасування (вмістити / покрити / заповнити).
Велике головне число підсумку. Вирівнювання ліворуч, по центру чи праворуч — центральний елемент документа.
Назва банку, IBAN, SWIFT/BIC. Усе, що потрібно вашому клієнту для переказу.
Net 7, 15, 30, 60, 90, Оплата при отриманні чи власний текст. Показує політику пені, якщо ввімкнено.
Ім'я підписанта, посада, дата підписання та необов'язкове зображення підпису з лінією для підпису.
Горизонтальна чи вертикальна лінія для розділення розділів.
Накладення водяного знака — PAID, DRAFT, OVERDUE, CANCELLED, SENT. Налаштовувані непрозорість, обертання та розміщення.
Штрихкод CODE128 чи CODE39. Беріть значення з номера рахунка, номера замовлення чи власного поля.
Динамічний QR-код, що веде на платіжну сторінку, URL чи будь-яке власне значення.
Налаштування блоків
Кожен блок можна налаштувати за допомогою панелі конфігурації праворуч у редакторі, коли його вибрано.
Загальні налаштування (усі блоки): - Позиція X — горизонтальна позиція на 24-стовпцевій сітці (стовпець 1-24) - Позиція Y — вертикальна позиція (номер рядка) - Ширина — скільки стовпців охоплює блок (1-24) - Висота — скільки рядків охоплює блок
Налаштування конкретного блоку: Різні блоки мають різні параметри конфігурації: - Текстовий блок — редагування тексту вмісту, розміру шрифту, вирівнювання тексту - Позиції — ширини стовпців, показ/приховування конкретних стовпців - Блок дати — формат дати, текст власного підпису - Логотип/Бренд — розмір, вирівнювання в межах блоку - Від кого/Кому виставлено — поля для відображення, налаштування підписів
Видимість полів: Використовуйте вкладку «Поля» блоку, щоб показати чи приховати його окремі поля (підписи, дати, стовпці, рядки адреси тощо) без видалення блоку. Це корисно, коли ви хочете чистіший вигляд, зберігаючи блок у вашому дизайні.
Стилізація: Деякі блоки підтримують власну стилізацію: - Розмір шрифту - Вирівнювання тексту (ліворуч, по центру, праворуч) - Стилі межі - Кольори фону
- Починайте з позицій за замовчуванням і коригуйте за потреби
- Використовуйте налаштування ширини, щоб контролювати, скільки горизонтального простору займає блок
- Приховуйте окремі поля з вкладки «Поля» замість видалення блоку, який може знадобитися пізніше
- Тестуйте ваш шаблон із реальними даними рахунка, переглядаючи в редакторі
- 24-стовпцева сітка дозволяє точні багатостовпцеві макети
Готові шаблони
Invotify включає дванадцять професійно розроблених готових шаблонів, які ви можете використовувати як відправні точки чи безпосередньо як макет вашого рахунка. Вони доступні в усіх тарифах.
П'ять стильових дизайнів (універсальні вигляди): - Classic Business — традиційний корпоративний макет із чистим виглядом - Modern Minimal — сучасний дизайн із великою кількістю білого простору та ненав'язливими акцентами - Professional Corporate — комплексний макет з усіма бізнес-полями (номер замовлення, QR-код тощо) - Creative Bold — привабливий дизайн із сміливими акцентами для креативного бізнесу - Compact Efficient — економний за простором макет для швидких односторінкових рахунків
Сім дизайнів за типом компанії (кожен пристосований до галузі, спирається на різні блоки): - Consulting — чистий макет професійних послуг - Legal & Law — формальний макет із полями справи/посилання - Creative Studio — сміливий, орієнтований на дизайн макет для студій та агентств - Tech & SaaS — сучасний макет, що підходить для програмного забезпечення та підписок - Construction & Trades — орієнтований на роботу макет із деталями об'єкта та умов - Accounting & Finance — точний, орієнтований на цифри макет - Architecture — орієнтований на проєкт макет із періодами надання послуг
Кожен — це окремий макет, що підкреслює різні блоки (платіжні реквізити, нотатки й умови, період надання послуг, підпис, власні поля, штамп статусу, номер замовлення, кому доставити, …) — а не той самий каркас, перефарбований.
Магазин дизайнів: Сторінка «Шаблони» містить розділ «Професійні дизайни» з цими кураторськими дизайнами: - Переглядайте доступні дизайни шаблонів - Натисніть «Попередній перегляд» на будь-якому дизайні, щоб побачити, як він виглядає зі зразковими даними - Натисніть «Додати», щоб скопіювати дизайн до вашої власної колекції - Редагуйте додані дизайни, щоб далі налаштувати їх
Додавання дизайну: Коли ви знаходите готовий дизайн, який вам подобається: 1. Натисніть «Попередній перегляд», щоб побачити його на повний розмір 2. Натисніть «Додати» (він змінюється на «Додано» після копіювання) 3. Копія додається до вашої особистої бібліотеки шаблонів 4. Редагуйте копію, щоб налаштувати кольори, блоки та макет
Додані дизайни повністю редаговані — ви можете додавати, видаляти чи переміщувати будь-який блок відповідно до ваших точних потреб.
- Переглядайте готові дизайни для натхнення, навіть якщо плануєте будувати власні
- Додайте готовий дизайн, близький до того, що ви хочете, а потім налаштуйте його
- Ви можете мати кілька шаблонів для різних цілей (наприклад, один для послуг, один для товарів)
Збереження та використання шаблонів
Після розробки вашого шаблону збережіть його, щоб зробити доступним для використання в рахунках і пропозиціях.
Збереження: 1. Дайте вашому шаблону описову назву 2. Натисніть кнопку «Зберегти» 3. Шаблон зберігається у вашому обліковому записі 4. Шаблон з'являється у виборі шаблонів під час створення документів
Використання шаблонів: Під час створення рахунка чи пропозиції: 1. Натисніть вибір шаблонів у редакторі 2. Перегляньте ваші доступні шаблони 3. Натисніть, щоб вибрати шаблон 4. Макет документа оновлюється для використання цього шаблону
Керування шаблонами: - Список шаблонів показує всі ваші збережені шаблони та готові варіанти - Редагуйте будь-який шаблон, відкривши його в конструкторі - Додайте готовий дизайн знову для іншої відправної точки, щоб урізноманітнити - Видаляйте шаблони, які вам більше не потрібні
Шаблон за замовчуванням: Під час створення нових документів ваш найнедавніше оновлений шаблон вибирається попередньо, а вибір шаблонів показує всі доступні варіанти.
- Створюйте різні шаблони для різних типів документів чи категорій клієнтів
- Тестуйте шаблони з реальними даними перед використанням їх із клієнтами
- Тримайте простий шаблон за замовчуванням для швидкого виставлення рахунків
- Називайте шаблони чітко (наприклад, "Сучасний синій", "Мінімальний білий", "Детальний із доставкою")