๐ŸงพHow to Use the Invoice Generator

๐Ÿ“Œ Accessing the Invoice Generator

  1. Go to the Header Menu.

  2. Hover over the Documents dropdown.

  3. Click on Invoice Generator.

  4. Youโ€™ll be redirected to the "Start Creating Your Invoice" page.


๐Ÿš€ Steps & Requirements

๐Ÿ”ง 1. Settings Panel (Right Side)

This panel allows you to customize your invoice behavior and appearance:

  • Save Invoice Button

    • When ON (default): Your invoice will be saved in Invoice History after download.

    • When OFF: It won't be saved.

  • Show Bank Details

    • When ON: Input fields for your Bank Name, Account No., IFSC Code, etc., will be displayed.

  • Show UPI ID

    • When ON: A field appears to enter your UPI ID, which also generates a QR code automatically.

  • Show Signature

    • When ON: You can either upload a signature image or use the text input to create a digital signature.

  • Select Currency

    • Choose your preferred currency. The default is based on your app settings (e.g., INR, USD, etc.).

  • Select Template Choose your invoice structure based on your requirements:

    • Quantity โ€“ Use for products sold by quantity.

    • Hours โ€“ Use for hourly billing.

    • Amount Only โ€“ Use when you want to manually enter the final amount.

  • Select Client

    • Choose from previously saved clients. Selected client info auto-fills into the document.

  • Select From (Your Business)

    • Choose your saved business identity. The fields auto-fill accordingly.

  • Choose Primary Color

    • Customize your invoice theme by selecting a Primary Color for the template.


๐Ÿ“ 2. Document Fields

These are the fields required to generate a proper invoice:

๐Ÿท๏ธ Invoice Heading

  • Give your invoice a name/title (Required).

๐Ÿ–ผ๏ธ Logo Upload

  • Optional: Upload your company logo. Recommended size: 300 x 300 pixels.

๐Ÿงพ From Details (Your Business)

  • Enter your business info. "From Name" is required.

๐Ÿง Bill To (Client Details)

  • Enter the client information. "Client Name" is required.

๐Ÿ”ข Invoice Metadata

  • Invoice Number (auto-generated or custom)

  • Creation Date

  • Due Date (select Terms)

๐Ÿ›๏ธ Items / Services Table

  • Add the list of products/services.

  • Fields include:

    • Product/Service Name

    • Quantity/Hours

    • Rate

    • Amount All columns are required.

  • Table supports adding/removing rows dynamically.

๐Ÿงฎ Totals & Adjustments

  • Subtotal auto-calculated

  • Options to add:

    • Discount (percentage or fixed)

    • Tax (percentage or fixed)

    • Shipping (percentage or fixed)

  • Amount Paid: Optional field to subtract from total.

๐Ÿ—’๏ธ Notes & Terms (Optional)

  • You can add custom notes or terms to explain policies, conditions, etc.

๐Ÿฆ Bank Details (If enabled)

  • Enter fields like Account Holder Name, Bank Name, IFSC Code, etc.

๐Ÿช™ UPI Info (If enabled)

  • Add UPI ID. QR code is generated automatically.

โœ๏ธ Signature (If enabled)

  • Upload a signature image or use the input field.

  • Donโ€™t forget to click "Save Signature" after entering/uploading.


๐Ÿ’พ 3. Saving and Exporting the Document

โœ… Required Fields Before Saving:

  • Invoice Heading

  • "From Name" (Your Business)

  • "Client Name" (Bill To)

  • At least 1 item/service with all required fields (Product Name, Rate, Amount)

๐Ÿ“ฅ Save as PDF:

  • Click the Download PDF button:

    • If "Save Invoice" is ON โ†’ Invoice is saved to Invoice History.

    • PDF is downloaded immediately with selected settings and design.

๐ŸŽจ Change Design Before Download:

  • Click Choose Template button.

  • A modal shows 20+ design templates.

  • Choose a design and template type, then click Choose Template & Download.

After downloading, you're redirected to the Invoice History page.


๐Ÿ“š 4. Invoice History Page

๐Ÿ“ How to Access:

  • Go to the Header Menu.

  • In the History dropdown, click on Invoice History.

๐Ÿ“„ Whatโ€™s Inside:

  • A list of all saved invoices.

  • Export to CSV: Export your entire document list as a CSV file.

  • Clear All Histroy: For easy bulk actions.

๐Ÿ”ง Actions Available for Each Invoice:

  • Edit โ€“ Modify the invoice.

  • Delete โ€“ Remove the invoice.

  • Download โ€“ Download the invoice PDF again.

  • Payment โ€“ Update payment-related details if needed.


โœ… Final Notes

  • Always verify that required fields are filled before saving.

  • Use the Settings Panel to customize invoice features as per your business needs.

  • Signature, Bank, and UPI details are optional but enhance professionalism.

  • All actions are designed to be simple, fast, and user-friendly.

Last updated