n8n-nodes-pdf-form-trigger

Custom Form Trigger node for n8n with customizable colors, no n8n branding, and AI-powered PDF analysis using Azure Document Intelligence.

🚀 Features

• ✅ Custom Branding: Remove n8n branding and customize colors to match your brand
• ✅ Multiple Form Types:
  • Custom Form (text, email, number, textarea)
  • Standard Form Trigger
  • PDF Form with AI Analysis
• ✅ AI-Powered PDF Analysis: Upload PDFs and extract data using Azure Document Intelligence
• ✅ Flexible Styling: Customize button colors, background colors, and text colors
• ✅ Webhook-Based: Receive form submissions directly in your n8n workflows

📦 Installation

Option 1: Via n8n UI (Recommended)

1. Open your n8n instance
2. Go to Settings → Community Nodes
3. Click Install
4. Enter: n8n-nodes-pdf-form-trigger
5. Click Install
6. Restart n8n

Option 2: Via Environment Variable

Add to your n8n environment variables:

N8N_CUSTOM_EXTENSIONS=n8n-nodes-pdf-form-trigger

For Docker/Docker Compose:

services:
  n8n:
    image: n8nio/n8n:latest
    environment:
      - N8N_CUSTOM_EXTENSIONS=n8n-nodes-pdf-form-trigger
    ports:
      - "5678:5678"

For Coolify:

1. Go to your n8n service settings
2. Add environment variable:
   • Key: N8N_CUSTOM_EXTENSIONS
   • Value: n8n-nodes-pdf-form-trigger
3. Restart the service

Option 3: Manual Installation (Self-Hosted)

cd ~/.n8n
npm install n8n-nodes-pdf-form-trigger

Then restart n8n.

🎨 Usage

1. Custom Form

Create a branded form with custom colors:

1. Add PDF Form Trigger node to your workflow
2. Select Form Type: Custom Form
3. Configure fields:
   • Text inputs
   • Email fields
   • Number fields
   • Textareas
4. Customize colors:
   • Primary Color: Button and accent color
   • Background Color: Form background
   • Text Color: Form text color
5. Save and get your form URL

2. PDF Form with AI Analysis

Upload PDFs and extract data automatically:

1. Add PDF Form Trigger node
2. Select Form Type: PDF Form
3. Configure Azure Document Intelligence:
   • Endpoint: Your Azure endpoint URL
   • API Key: Your Azure API key
4. Customize styling (optional)
5. Users can upload PDFs via the form
6. Extracted data flows into your workflow

Azure Setup:

• Create an Azure Document Intelligence resource
• Get the endpoint and API key from Azure Portal
• Add credentials to the node

3. Standard Form Trigger

Use the default n8n form trigger with custom styling:

1. Add PDF Form Trigger node
2. Select Form Type: Form Trigger
3. Configure fields
4. Customize colors (optional)

🔧 Configuration Options

Form Fields

• Field Name: Internal name for the field
• Field Label: Display label shown to users
• Field Type: text, email, number, textarea
• Required: Make field mandatory

Styling

• Primary Color: Hex color for buttons and accents (e.g., #007bff)
• Background Color: Form background color (e.g., #ffffff)
• Text Color: Form text color (e.g., #333333)

PDF Analysis (PDF Form only)

• Azure Endpoint: Your Azure Document Intelligence endpoint
• Azure API Key: Your API key (stored securely)

📊 Output Data

Custom Form / Form Trigger

{
  "fieldName1": "value1",
  "fieldName2": "value2",
  "email": "[email protected]"
}

PDF Form

{
  "pdfData": {
    "content": "Extracted text...",
    "fields": {
      "field1": "value1",
      "field2": "value2"
    },
    "tables": [...],
    "keyValuePairs": {...}
  },
  "fileName": "document.pdf",
  "fileSize": 12345
}

🛠️ Development

Prerequisites

• Node.js >= 18
• npm >= 9
• n8n >= 1.0.0

Build

npm install
npm run build

Development Mode

npm run dev

🐛 Troubleshooting

Node Not Showing Up

1. Check n8n logs for installation errors
2. Ensure package name is correct: n8n-nodes-pdf-form-trigger
3. Restart n8n after installation
4. Clear browser cache

PDF Analysis Not Working

1. Verify Azure credentials are correct
2. Check Azure endpoint URL (should end with /formrecognizer/)
3. Ensure API key has proper permissions
4. Check Azure subscription quota

Custom Colors Not Applied

1. Ensure hex colors are valid (e.g., #007bff)
2. Clear browser cache
3. Try different color values

📝 License

MIT © Subhan Qamar

🔗 Links

• npm Package
• GitHub Repository
• n8n Documentation
• Azure Document Intelligence

🤝 Contributing

Contributions, issues, and feature requests are welcome!

⭐ Support

If you find this node helpful, please give it a star on GitHub!