natsenack

Advanced PDF Invoice Builder lets you create, customize, and generate PDF invoices or documents directly from your WordPress admin area. Build your own templates with a live drag-and-drop canvas and attach them to WooCommerce orders automatically.
Perfect for: 
* E-commerce stores needing branded PDF invoices 
* Service businesses generating quotes and documents 
* Anyone who needs professional-looking PDFs without coding
<h3>🎁 Free Features (BASE EDITION)</h3>
Canvas Editor 
* Visual drag-and-drop PDF template editor (React 18, real-time preview) 
* Drag-and-drop elements — text, image, line, rectangle 
* Full element control — position, size, rotation, colors, fonts
PDF Generation 
* High-performance Puppeteer-based rendering engine 
* Automatic WooCommerce integration — auto-generate PDFs by order status, email to customer
Document Templates 
* 2 document types: Invoice & Quote 
* 3 dynamic text models for common fields 
* 3 mention templates (terms, legal notices, etc.)
Export Options 
* 3 DPI settings: 72, 96, 150 DPI 
* Format: PDF only 
* Page size: A4 portrait only
Localization 
* French (fr_FR) & English translations included 
* RTL support (<code>/languages</code>) 
* Full source code included (TypeScript + PHP, GPL v2)
Limits 
* Up to 1 custom template saved in database
<h3>🚀 Pro Edition (PREMIUM ADD-ON)</h3>
Available separately at <a href="https://hub.threeaxe.fr" rel="nofollow ugc">hub.threeaxe.fr</a>
Everything in FREE, PLUS:
Extended Document Types 
* 6 document types: Invoice, Quote, Purchase Order, Credit Note, Delivery Note, Contract 
* 36 advanced dynamic text models (vs 3 in FREE) 
* 21 advanced mention templates (vs 3 in FREE)
Advanced Export 
* PNG & JPG image export in addition to PDF 
* 6 DPI settings: 72, 96, 150, 300, 600 DPI 
* 4 page formats + landscape: A3, Letter, Legal, A4 + all in landscape 
* Transparent background export
Canvas Features 
* Grid navigation & snapping 
* Guides and alignment tools 
* Multi-select elements 
* Keyboard shortcuts 
* Theme customization 
* Layer ordering & manipulation 
* Full element locking system
Template Management 
* Unlimited custom templates (vs 1 in FREE) 
* Gallery of 3 premium pre-designed templates 
* Set default template per document type
Support 
* Priority support & updates
<h3>Getting Started</h3>
<ol>
<li>Navigate to PDF Builder → Templates in your WordPress admin</li>
<li>Click “Create New Template”</li>
<li>Use the drag-and-drop editor to design your template</li>
<li>Save and test with a sample WooCommerce order</li>
<li>Enable auto-generation in settings</li>
</ol>
<h3>Source Code</h3>
This plugin contains minified/compiled JavaScript and CSS files. The complete unminified source code is included in the plugin package, as required by WordPress.org guidelines.
Source Repository: 
* GitHub: https://github.com/natsenack/advanced-pdf-invoice-builder 
* Build tool: webpack 5 
* Build command: <code>npm install && npm run build:free</code>
Compiled assets mapped to sources:
<ul>
<li><code>assets/js/pdf-builder-react.min.js</code> ← <code>src/js/react/</code> (TypeScript/JSX)</li>
<li><code>assets/js/vendors.min.js</code> ← webpack vendor bundle (React, ReactDOM, etc.)</li>
<li><code>assets/js/notifications.min.js</code> ← <code>src/js/admin/notifications.js</code></li>
<li><code>assets/js/settings-tabs.min.js</code> ← <code>src/js/admin/settings-tabs.js</code></li>
<li><code>assets/js/canvas-settings.min.js</code> ← <code>src/js/admin/canvas-settings.js</code></li>
<li><code>assets/css/pdf-builder-react.min.css</code> ← <code>src/css/pdf-builder-react.css</code></li>
<li><code>assets/css/pdf-builder-admin-css.min.css</code> ← <code>src/css/pdf-builder-admin.css</code></li>
</ul>
Third-party Library: 
* <code>assets/js/html2canvas.min.js</code> — <a href="https://github.com/niklasvh/html2canvas" rel="nofollow ugc">html2canvas v1.4.1</a> (MIT License)
<h3>Privacy & Data</h3>
✅ This plugin is privacy-first:
Deactivation Feedback (Optional) 
* Collected only when you click “Send and Deactivate” 
* Anonymous — includes reason, optional comment, site URL, version, date/time 
* No passwords, no personal data, no tracking without consent 
* You can always skip the modal or use “Skip and Deactivate”
<h3>External Services</h3>
This plugin connects to third-party services for PDF generation and license validation. All are optional and require explicit configuration.
By using this plugin, you agree to their terms of service and privacy policies.
<h4>📄 PDF Generation Service (pdf.threeaxe.fr)</h4>
<ul>
<li>Purpose: Renders templates to PDF/PNG/JPG</li>
<li>When used: When you generate a PDF from WooCommerce or the admin editor</li>
<li>Data sent: Template HTML, fonts, colors, order data (if from WooCommerce)</li>
<li>Service URL: https://pdf.threeaxe.fr</li>
<li>Privacy: https://hub.threeaxe.fr/privacy-policy/</li>
<li>Terms: https://hub.threeaxe.fr/conditions-dutilisation</li>
</ul>
<h4>🔑 License Validation Server (hub.threeaxe.fr)</h4>
<ul>
<li>Purpose: Activate, deactivate, and verify Pro licenses</li>
<li>When used: (1) When you manually manage license keys; (2) Once daily on admin pages (Pro only)</li>
<li>Data sent: License key, site URL, plugin name</li>
<li>Service URL: https://hub.threeaxe.fr</li>
<li>Privacy: https://hub.threeaxe.fr/privacy-policy/</li>
<li>Terms: https://hub.threeaxe.fr/conditions-dutilisation</li>
</ul>
<h4>📦 WordPress.org Updates (api.wordpress.org)</h4>
<ul>
<li>Purpose: Check for plugin updates</li>
<li>When used: Automatically via WordPress update system</li>
<li>Data sent: None (standard WordPress mechanism)</li>
<li>Service URL: https://api.wordpress.org</li>
</ul>
<h4>☁️ Optional Cloud Integrations (opt-in)</h4>
The following are completely optional and disabled by default:
<ul>
<li>Google Drive — Export PDFs to Google Drive</li>
<li>Dropbox — Export PDFs to Dropbox</li>
<li>Microsoft OneDrive — Export PDFs to OneDrive</li>
<li>Slack — Send PDF notifications to Slack</li>
<li>HubSpot — Attach PDFs to CRM contacts</li>
<li>Salesforce — Attach PDFs to Salesforce records</li>
</ul>
None of these require configuration unless you explicitly enable them. No data leaves your site without your consent.
<h3>Author Links</h3>
This plugin includes navigational links to author-owned pages:
<ul>
<li>Product & Upgrade: https://hub.threeaxe.fr</li>
<li>Support Tickets: https://hub.threeaxe.fr/index.php/ticket/</li>
<li>GitHub Repository: https://github.com/natsenack/advanced-pdf-invoice-builder</li>
</ul>
These links are purely informational and do not automatically send site data.
<h3>Support</h3>
📧 Need help?
<ul>
<li>Visit our <a href="https://hub.threeaxe.fr/index.php/ticket/" rel="nofollow ugc">support portal</a></li>
<li>Check the <a href="https://github.com/natsenack/advanced-pdf-invoice-builder" rel="nofollow ugc">GitHub documentation</a></li>
<li>Report bugs on GitHub Issues</li>
</ul>
🚀 Want to upgrade?
Visit <a href="https://hub.threeaxe.fr" rel="nofollow ugc">hub.threeaxe.fr</a> to learn about the Pro edition and premium features.
Made with ❤️ by Threeaxe

Advanced PDF Invoice Builder

💼 Professional PDF invoice and document builder for WordPress — visual drag-and-drop editor with WooCommerce integration.

Ronald Huereca

binarymoon

Kevin Leary

Use the <code>[browser-shot]</code> shortcode to automate the process of taking website screenshots. An icon is also added to the TinyMCE editor to make the shortcode creation process easy.
The plugin uses the ‘mshots’ functionality, from WordPress.com, to automatically take screenshots of websites. This function is free for non-commercial use.
The images are stored on the wordpress.com servers and are not saved onto your own website. The images are cached for roughly 24 hours before being generated again.
<h4>Shortcode Preview</h4>
<pre><code>// basic shot 600px wide
[browser-shot url="https://link-to-website" width="600"]

// shot with link to other website
[browser-shot url="https://link-to-website" width="700" link="https://www.binarymoon.co.uk/"]

// shot with caption (uses default WordPress caption styles)
[browser-shot url="https://link-to-website" width="700"]Add Caption[/browser-shot]
</code></pre>
<h4>Available Parameters</h4>
<ul>
<li>url (required) – the url of the link to shorten</li>
<li>width – the width of the image</li>
<li>height – the height of the image</li>
<li>alt – the image alt text</li>
<li>link – where the image links. Left blank it will point to the website where the screenshot is being taken</li>
<li>target – browser target. Set to _blank to open in a new window</li>
<li>class – add a class to the browsershots wrapper</li>
<li>image_class – change the default browsershots image class from alignnone to your chosen class</li>
<li>display_link (true or false – default true) to display a link in your screenshot</li>
<li>post_links (true or false – default false) to link to the permalink of the post the screenshot is on</li>
</ul>
<h4>Generating Screenshots with code</h4>
If you want to create screenshots in a theme using this plugin then you can do so using the <code>BrowserShots::get_shot</code> method.
For example:
<pre><code><img src="<?php echo BrowserShots::get_shot( 'https://prothemedesign.com', 600, 450 ); ?>" />
</code></pre>
Keep in mind that the plugin must be installed and activated for this to work.
The get_shot method has 3 parameters.
<ol>
<li>The url.</li>
<li>The width.</li>
<li>The height.</li>
</ol>
The other parameters, from the shotcode, can be implemented manually when outputting the html.
<h4>Multisite Compatibility</h4>
The Browser Shots plugin is compatibly with WordPress Multisite, just use the <a href="https://codex.wordpress.org/Create_A_Network#WordPress_Plugins" rel="nofollow ugc">Network Activate</a> feature to enable the shortcode on every site. If you only want to enable the shortcode for a specific site, activate the plugin for that site only.
<h4>More…</h4>
<ul>
<li>The code can be found on <a href="https://github.com/BinaryMoon/browser-shots" rel="nofollow ugc">Github</a></li>
<li>You can reach out to me with questions or problems on <a href="https://twitter.com/binarymoon" rel="nofollow ugc">Twitter</a></li>
</ul>

Browser Screenshots

I was recently blessed to help contribute a Gutenberg block to Browser Shots. The shortcode, and now the block, are amazing additions.

Thanks, Ben, for this great plugin. 

Browser Shots is Amazing

Automate the process of taking website screenshots.

Advanced PDF Invoice Builder vs Browser Screenshots