1. Documentation /
  2. Elementor Connector for Invoices & Packing Slips

Elementor Connector for Invoices & Packing Slips

Overview

↑ Back to top

PDF Invoices & Packing Slips for WooCommerce is a comprehensive plugin developed by WP Overnight. This plugin is designed to assist WooCommerce store owners in generating, customizing, and managing invoices and packing slips in PDF format. It provides an automatic email invoice attachment feature, along with the ability to download invoices from the order page in the WooCommerce store. The plugin supports a variety of customizable templates, allowing businesses to tailor their invoices and packing slips to their specific branding needs. It’s a useful tool for improving efficiency and professionalism in e-commerce operations.

Requirements

↑ Back to top

In order to use this widgets, you’ll need the following:

Print Invoices & Packing Lists Widget – Elementor

↑ Back to top

Content Tab

↑ Back to top
  1. Show Date* – Toggle the visibility of the date column.
  2. Show Status* – Toggle the visibility of the status column.
  3. Show Total* – Toggle the visibility of the total column.
  4. Show Contents* – Toggle the visibility of the contents column.
  5. Show Quantity* – Toggle the visibility of the product quantity inside the content column.
  6. Hide Action Buttons – Hide specific action buttons. Default value: ‘pay’, ‘view’, and ‘cancel’.

* Default value for controls marked with an asterisk is ‘yes’.

Style Tab

↑ Back to top

Table Headings

  1. Background – Set the background of the table headings, supporting both classic and gradient types.*
  2. Fonts – Customize the typography of the table headings.*
  3. Color – Set the color of the table headings.
  4. Text Shadow – Add a shadow effect to the text of the table headings.

Line Items

  1. Background – Set the background of the table rows, supporting both classic and gradient types.*
  2. Fonts – Customize the typography of the line items.*
  3. Color – Set the color of the line items.

Dividers

  1. Border Type – Set the type of border for the dividers, providing a list of border styles to choose from.*
  2. Width – Adjust the width of the border for the dividers.*
  3. Color – Set the color of the border for the dividers.*

Buttons

  1. Fonts – Customize the typography of the buttons.*
  2. Text Shadow – Add a shadow effect to the text of the buttons.
  3. Normal Tab – Customize the appearance of the buttons in their normal state. Set the text color, background, and box shadow.
  4. Hover Tab – Customize the appearance of the buttons when they are hovered over. Set the text color, background, box shadow, and border color. Set the transition duration in milliseconds.
  5. Border Type – Set the type of border for the buttons, providing a list of border styles to choose from.*
  6. Width – Adjust the width of the border for the buttons.*
  7. Color – Set the color of the border for the buttons.*
  8. Border Radius – Adjust the border radius of the buttons.*
  9. Padding – Set the padding of the buttons.*

* Controls related to ‘Background’, ‘Fonts’, ‘Border Type’, ‘Width’, ‘Color’, ‘Border Radius’, and ‘Padding’ support values in pixels (px), percentage (%), or em. Some controls are only available if the border type is not set to ‘none’.

PDF Invoice Button

↑ Back to top

Content Tab

↑ Back to top
  1. Document Type – Choose between ‘Invoice’ and ‘Packing Slip’ for the document type. Default is ‘Invoice’.
  2. Link Text – Set the text for the document download link. Default is ‘Download Invoice’.
  3. Specify Order ID – Decide whether to specify an Order ID for invoice download. Default is ‘Yes’.*
  4. Order ID – Enter a specific Order ID. This control is conditional.*

Style Tab

↑ Back to top
  1. Typography – Adjust the typography of the button text.*
  2. Text Shadow – Add a shadow effect to the button text.*
  3. Text Color (Normal) – Set the color of the button text in its normal state.
  4. Background (Normal) – Customize the background of the button in its normal state.*
  5. Text Color (Hover) – Set the color of the button text when hovered over.
  6. Background (Hover) – Customize the background of the button when hovered over.*
  7. Border Color (Hover) – Set the color of the button border when hovered over. This control is conditional.*
  8. Border – Adjust the border of the button.*
  9. Border Radius – Adjust the border radius of the button.*
  10. Box Shadow – Add a shadow effect to the button.*
  11. Padding – Set the padding inside the button.*

* Controls related to Specify Order ID, Order ID, Typography, Text Shadow, Background, Border Color (Hover), Border, Border Radius, Box Shadow, and Padding support values in pixels (px), percentage (%), em, rem, vw, or custom units. Some controls are only available under certain conditions. For example, the Order ID control is only available if Specify Order ID is set to ‘Yes’. Similarly, the Border Color (Hover) control is only available if a border has been set.