Template Builder

ड्रैग-एंड-ड्रॉप से कस्टम चालान और उद्धरण टेम्पलेट डिज़ाइन करें

Template Builder अवलोकन

Template Builder एक शक्तिशाली visual editor है जो आपको अपने चालानों और उद्धरणों के लिए कस्टम लेआउट डिज़ाइन करने देता है। एक ब्लॉक-आधारित प्रणाली के साथ ड्रैग-एंड-ड्रॉप इंटरफ़ेस का उपयोग करके, आप बिना किसी कोडिंग के पेशेवर, ब्रांडेड दस्तावेज़ बना सकते हैं।

Template क्या नियंत्रित करते हैं: - दस्तावेज़ लेआउट और संरचना - सटीक grid पर ब्लॉक पोजीशन और आकार - दस्तावेज़ पर कौन से तत्व दिखाई देते हैं - प्रत्येक ब्लॉक की visual styling - समग्र दस्तावेज़ दिखावट और branding

नोट: Template Builder सभी योजनाओं पर उपलब्ध है।

Visual Editor

आसान, सहज डिज़ाइन के लिए ड्रैग-एंड-ड्रॉप इंटरफ़ेस

Grid सिस्टम

24-कॉलम grid लेआउट के साथ सटीक पोजीशनिंग

Block Library

चालान के हर हिस्से को कवर करने वाले 22 पूर्व-निर्मित block प्रकार

Live Preview

A4-आकार के canvas पर डिज़ाइन करते समय real-time में परिवर्तन देखें

Editor इंटरफ़ेस

Template Builder तीन-panel लेआउट का उपयोग करता है।

बायां Panel — Block Palette: - वर्तमान document प्रकार (invoice या quote) के लिए उपलब्ध block प्रकार - श्रेणी द्वारा समूहित: Customer, Items & Products, Totals, Invoice Info, General - Block को canvas पर drag करें (या mobile पर tap करें)

केंद्र Panel — Canvas: - A4-आकार का canvas - ब्लॉकों को पोजीशन करने के लिए ड्रैग और ड्रॉप; किनारों या कोनों को खींचकर आकार बदलें - किसी ब्लॉक पर क्लिक करके इसकी सेटिंग्स खोलें

दायां Panel — Configuration: जब कोई block चुना हो, वह block की सेटिंग्स दिखाता है; कुछ न चुने होने पर Page Settings: - Block स्थिति और आकार - Block-विशिष्ट Fields और Styles टैब - Page Settings: margins, पृष्ठभूमि, text scale, और pagination

सुझाव
  • ब्लॉक सटीक रूप से संरेखित करने के लिए grid overlay और arrow keys उपयोग करें
  • अंतिम PDF sample data के साथ रेंडर देखने के लिए "Preview PDF" उपयोग करें
  • काम खोने से बचने के लिए अक्सर सहेजें
  • आसान पहचान के लिए टेम्पलेट का वर्णनात्मक नाम रखें (जैसे "Modern Blue", "Minimal", "Detailed")

उपलब्ध Blocks

Template Builder 22 block प्रकार शामिल करता है। हर चालान या उद्धरण इन blocks से बना है।

Brand / Logo

आपका व्यावसायिक लोगो और कंपनी नाम। चार लेआउट विकल्प।

From

आपका व्यावसायिक नाम, पता, Tax ID, फ़ोन, और ईमेल।

Bill To

ग्राहक बिलिंग विवरण। चुने ग्राहक से स्वतः-भरण।

Ship To

अलग शिपिंग पता।

Invoice Number

आपके नंबरिंग नियमों के आधार पर स्वतः-उत्पन्न नंबर।

Issue Date

दस्तावेज़ बनाने की तारीख। कस्टम label और date format।

Due Date

भुगतान समय सीमा।

Service Period

काम कब किया गया इसका वर्णन करने वाली प्रारंभ और समाप्ति तारीख।

PO Number

ग्राहक purchase order संदर्भ।

Custom Fields

आपके workflow के लिए कोई भी key-value pairs।

Item Lines

पूरी तरह कॉन्फ़िगर करने योग्य line item तालिका। Columns टॉगल करें; products चुनें।

Text Block

Bold, italic, color, और alignment के साथ rich-text content।

Notes & Terms

अलग label toggles के साथ संरचित नोट्स और नियम व शर्तें।

Image

alt text, caption, और fit modes के साथ कोई भी छवि अपलोड करें।

Amount Due

बड़ी hero कुल संख्या।

Payment Details

Bank नाम, IBAN, SWIFT/BIC।

Payment Terms

Net 7, 15, 30, 60, 90, Due on Receipt, या custom text।

Signature

हस्ताक्षरकर्ता नाम, शीर्षक, हस्ताक्षर तारीख, और वैकल्पिक हस्ताक्षर छवि।

Divider

अनुभाग अलग करने के लिए क्षैतिज या ऊर्ध्वाधर रेखा।

Status Stamp

Watermark overlay — PAID, DRAFT, OVERDUE, CANCELLED, SENT।

Barcode

CODE128 या CODE39 barcode।

QR Code

भुगतान पेज, URL, या कस्टम value से लिंक करने वाला dynamic QR code।

Blocks कस्टमाइज़ करना

प्रत्येक block को editor के दाईं ओर चुने जाने पर configuration panel से कस्टमाइज़ किया जा सकता है।

सामान्य Settings (सभी blocks): - Position X — 24-कॉलम grid पर क्षैतिज स्थिति - Position Y — ऊर्ध्वाधर स्थिति (row नंबर) - Width — block कितने columns तक फैलता है - Height — block कितने rows तक फैलता है

Field visibility: Block के Fields टैब का उपयोग करके इसके individual fields दिखाएं या छिपाएं बिना block हटाए।

सुझाव
  • डिफ़ॉल्ट पोजीशन से शुरू करें और आवश्यकतानुसार समायोजित करें
  • Block कितनी क्षैतिज जगह लेता है नियंत्रित करने के लिए width सेटिंग उपयोग करें
  • ऐसे block को हटाने के बजाय Fields टैब से individual fields छिपाएं जिसकी बाद में ज़रूरत हो सकती है
  • Editor में preview करके वास्तविक invoice data के साथ अपना template test करें
  • 24-कॉलम grid सटीक multi-column layouts की अनुमति देता है

पूर्व-निर्मित टेम्पलेट

Invotify बारह पेशेवर रूप से डिज़ाइन किए गए पूर्व-निर्मित टेम्पलेट शामिल करता है। वे सभी योजनाओं पर उपलब्ध हैं।

पांच style designs (सामान्य-उद्देश्य): - Classic Business — पारंपरिक, corporate लेआउट - Modern Minimal — समकालीन डिज़ाइन whitespace के साथ - Professional Corporate — सभी व्यावसायिक fields के साथ व्यापक लेआउट - Creative Bold — रचनात्मक व्यवसायों के लिए eye-catching डिज़ाइन - Compact Efficient — त्वरित, single-page चालानों के लिए

सात company-type designs (उद्योग के अनुसार): - Consulting — स्वच्छ professional-services लेआउट - Legal & Law — formal लेआउट - Creative Studio — studios और agencies के लिए - Tech & SaaS — software और subscriptions के लिए - Construction & Trades — job-oriented लेआउट - Accounting & Finance — figures-first लेआउट - Architecture — project-oriented लेआउट

Professional Designs Shop: Templates पेज इन curated designs को दिखाता है: 1. किसी design पर Preview क्लिक करें 2. अपने collection में कॉपी करने के लिए Add क्लिक करें 3. आगे customize करने के लिए जोड़े design संपादित करें

सुझाव
  • Premade designs ब्राउज़ करें inspiration के लिए भले ही आप custom ones बनाने की योजना बनाते हों
  • जो design आप चाहते हैं उसके करीब एक premade design जोड़ें, फिर customize करें
  • अलग-अलग उद्देश्यों के लिए कई templates हो सकते हैं

Templates सहेजना और उपयोग करना

अपना template डिज़ाइन करने के बाद, इसे चालानों और उद्धरणों में उपयोग के लिए उपलब्ध कराने के लिए सहेजें।

सहेजना: 1. अपने template को एक वर्णनात्मक नाम दें 2. Save बटन क्लिक करें 3. Template आपके खाते में सहेजा जाता है 4. दस्तावेज़ बनाते समय template selector में दिखाई देता है

Templates उपयोग करना: चालान या उद्धरण बनाते समय: 1. editor में template selector क्लिक करें 2. अपने उपलब्ध templates ब्राउज़ करें 3. एक template चुनने के लिए क्लिक करें 4. दस्तावेज़ लेआउट उस template का उपयोग करने के लिए अपडेट होता है

सुझाव
  • अलग-अलग document प्रकारों या client श्रेणियों के लिए अलग templates बनाएं
  • Client के साथ उपयोग करने से पहले real data के साथ templates test करें
  • त्वरित invoicing के लिए एक सरल default template रखें
  • Templates स्पष्ट रूप से नाम दें (जैसे "Modern Blue", "Minimal White")