Invoice Generator
Generate professional PDF invoices using dynamic seller, buyer, product, shipping, branding, and payment information.

How to Use

1. Install the plugin in your Bubble application.
2. Open the workflow where you want to generate the invoice.
3. Add the Generate Invoice action from the Plugins section.
4. Connect the required invoice information to the corresponding input fields.
5. Make sure all product lists follow the same order.
6. Run the action and use the returned base64 value as the generated PDF content.
7. Add the Upload Invoice action to the workflow.
8. Feed the returned base64 value into this action to upload the invoice and receive its URL.

Data Inputs

Branding

Company Logo (company_logo) — Type: Image : The company or seller logo displayed at the top of the invoice.

Primary Color (primary_color) — Type: Text (optional) The main invoice color entered as a hexadecimal value, such as #6D2E46.

Secondary Color (secondary_color) — Type: Text  (optional) : The secondary hexadecimal color used for supporting invoice elements.

Accent Color (accent_color) — Type: Text  (optional) : he hexadecimal highlight color used for accents and important invoice details.

Invoice Information

Currency (currency) — Type: Text : The currency symbol or code displayed beside all invoice amounts, such as $, USD, or EGP.

Invoice Number (invoice_number) — Type: Text : he unique invoice reference number, such as INV-1001.

Invoice Date (invoice_date) — Type: Date: The date displayed as the invoice issue date.

Payment Status (payment_status) — Type: Text: List: No The current invoice status, such as Paid, Pending, Unpaid, or Cancelled.

Company Information

Company Name (company_name) — Type: Text: The company or business name displayed in the invoice header.

Website (website) — Type: Text : The company website address displayed on the invoice.

Support Email (support_mail) — Type: Text : The customer support or business email address displayed on the invoice.

Seller Information

Seller Name (seller_name) — Type: Text:  The name of the person or business issuing the invoice.

Business Address (business_address) — Type: Text : The full seller or company address displayed on the invoice.

Seller Phone Number (seller_phone_number) — Type: Text :  The seller’s contact phone number, including the country code when needed.

Buyer Information

Buyer Name (buyer_name) — Type: Text : The full name of the customer receiving the invoice.

Buyer Email (buyer_email) — Type: Text : The customer’s email address displayed in the billing information.

Buyer Address (buyer_address) — Type: Text : The customer’s complete billing or delivery address.

Buyer Phone Number (buyer_phone_number) — Type: Text : The customer’s contact phone number, including the country code when needed.

Product Information

Product Names (product_names) — Type: Text (list): A list containing the name of every product included in the invoice.

Product Images (product_images) — Type: Image (list): A list of product images arranged in the same order as the product names.

Product Unit Prices (product_unit_price) — Type: Number · List: Yes — A list containing the price of one unit of each product.

Product Quantities (product_quantity_for_each_product) — Type: Number · List: Yes — A list containing the purchased quantity of each corresponding product.

Shipping Costs

Shipping Cost Names (shipping_costs_names) — Type: Text · List: Yes — A list of shipping charges or additional delivery fee names.

Shipping Cost Fees (shipping_costs_fees) — Type: Number · List: Yes — A list containing the amount of each corresponding shipping charge.

Additional Information

Notes (notes) — Type: Text · List: No — Optional notes, messages, or additional information displayed near the end of the invoice.

Payment Terms (payment_terms) — Type: Text: The payment instructions, due-date conditions, or terms displayed on the invoice.

Data Outputs

Base64 PDF (base64) — Type: Text: Returns the generated invoice as a Base64-encoded PDF string.

Important List-Matching Rules

The values in all product lists must follow the same order. For example, the first product name must correspond to the first product image, first unit price, and first quantity.

The values in shipping_costs_names and shipping_costs_fees must also follow the same order.

Image Handling

The plugin supports Bubble images and automatically processes common image formats, including JPEG, PNG, and WebP.

Empty, invalid, unsupported, or slow-loading images are skipped automatically, allowing the invoice to continue generating without failing completely.

An image that cannot be downloaded or processed within approximately 10 seconds may be skipped.

Uploading the Generated Invoice

The Generate Invoice action returns the generated PDF as a Base64 text value.

Add the Upload Invoice action after the Generate Invoice action and provide Result of step’s base64 in its base64 input field.

The Upload Invoice action will upload the PDF invoice and return a URL that can be saved in the database, displayed to the user, opened in the browser, or used as a download link.

Additional Workflows

You'll need to create a backend workflow that uploads the generated file and returns its URL.

1. Create a new Backend Workflow.
2. Add a parameter named `file` (type: File).
3. Inside the workflow, upload the received file to Bubble (or save it wherever you want to store it).
4. Add the Return data from API action.
5. Return the uploaded file's URL as the response.

This workflow will be called by the plugin after generating the PDF, allowing the plugin to receive and return the final URL of the uploaded file.