How to customize invoices in woocommerce

In any case, people are always impressed by its appearance and feeling. In fact, when involving various WoOocommerce documents, the owner cannot compromise in appearance. The owner may want to include different types of information in the invoice according to its business needs. Similarly, customers also want to receive an invoice containing relevant information as proofs they buy.

WOOCOMMERCE PDF invoice, packing form, delivery order and transport label Plug -in consisting of a predetermined invoice template. You can use the relevant data design invoices you choose.

]

[Gap]

First, install and activate the plug -in and activate it to your WoOOCOMMERCE store. From the dashboard navigation to the invoice/package single menu, the menu will redirect you to the conventional settings page.

The conventional setting page contains different document types (invoices, packing orders, transport labels, delivery labels, address labels and delivery orders). You can click the settings under the document type to configure the corresponding settings. Use the switch switch to activate/stop the corresponding document type.

The value of the configuration in the conventional settings (such as the company’s logo, address, etc.) contains all documents for all documents Type of general information. If these elements are configured in conventional settings, these values \u200b\u200bwill be filled in all applicable document types by default. However, the provisions of the conventional configuration from a single document type settings are provided.

WooCommerce invoice-conventional settings To customize the deployment of the invoice, please click

Settings

option under the type of invoice document type. The card is transferred to the invoice settings. The custom option and the built -in layout have been integrated into the

custom

tabs of the invoice settings, as shown below. WooCommerce 发票-常规设置

WooCommerce invoice or packaging-invoice settings

Some predetermined invoice templates provided by the plug-in are classic, royal, and the royal and row The English system can change the layout from the upper left corner of the window

Access in options. WooCommerce 发票或包装-发票设置-自定义

Woocommerce invoice layout

You can select any template from the available options and continue to customize. The visibility of each element in the invoice can be controlled by the switch button contained in this tab.

In addition,

WooCommerce 发票布局 can also change the font size, style, color and other specific attributes of each element according to the need

Some general elements

.

Let us review some custom attributes.

Some of the most common general elements in all elements are:

Text: Allow you for it The corresponding attribute input custom text. Font size: allow you to define the font size of the attribute.

    Enter the value of pixels.

      • Style: Allows you to select text style.

      • It consists of two options;
      • Normal and thick body.

      • Text color: allow you to select text color.
      • Woocommerce invoice 123] Text alignment: allow you to set the method of alignment of text.
        It contains two options;

        on the right and left.

        WooCommerce 发票-自定义选项卡-常用属性

        Title: Allow you to set a custom title.


      • Woocommerce invoice-custom definition Tab-Common attributes-text alignment and title

      • Other specific custom fields are: [123 ]
        Company logo:
        Use this option
        Specialized for specificallyInvoice setting company logo.

        If the logo is uploaded in conventional settings, it will be filled here by default. WooCommerce 发票-自定义选项卡-常用属性-文本对齐和标题

Company logo ]

Show

: Allows you to add a company logo or company name in the invoice. The width and height of the logo: Allows you to adjust the width and height (pixel -based). additional details

: Allow you to include additional texts, these texts will be placed below the company logo or name. Enter the text \”None\”, excluding any additional text.

EXTRA FONT SIZE

  • : Allows you to define the font size, only applicable to the company name.
    • Title color:
    • ]
    • WOOCOMMERCE invoice ] \u0026 nbsp; Invoice Date: Order Date: WooCommerce invoice-custom tab format
    • Product table: This table will include information related to the product, such as product SKU, product name, quantity and total price.
      You can customize font size, text alignment and color.

      This field contains the following elements for custom product tables:

      WooCommerce 发票-自定义选项卡-公司徽标字段 Title

      Color

    • ]: Allow you to set the color of the product table title.

Text color

  • : Allows you to set the color of the Chinese text of the product table title part. SKU alignment
  • : Allows you to set alignment methods for the SKU in the product table.
    • It contains three options; Right, left and middle.
    • Product alignment: Allows you to set alignment for the product in the product table. Selection is; right, left and middle.
    • Number alignment: allow you to set alignment for the number of products in the product table. It also provides; Right, left, and center options.
      Price alignment: allow you to set alignment for the product price in the product table.
      Total price alignment: allow you to set alignment for the total price of the product in the product table.
    • Text Color : Allows you to set the color of the text text text.
    • SKU : Allows you to set a custom text for the table columns instructed SKU information.
    • Product
    • : Allows you to set custom text for the table column instructed by the product name.
    • ] woocommerce invoice Before activating the layout, you can preview the PDF format example of the recent order invoice. To preview the specific order, enter the corresponding order number in the provided field.
    • WooCommerce invoice or packaging-invoice setting-custom ] Code editor : You can even switch to the code editor to perform customized customs except the customs listed in the visual editor.

      WooCommerce invoiceOr packaging-invoice settings-custom-code editor

      : When changing through code editor, you’d better refer to

      Help WooCommerce 发票-自定义选项卡-产品表

      , of which briefly introduced the alternative category supported by the occupied symbol, the RTL supported, as shown below:


  • ] WooCommerce 发票或包装-发票设置-自定义-预览

    WOOCOMMERCE invoice or packaging-invoice settings-custom-help

  • Conclusion Get yourself with youCustomized details (such as company logo, address, etc.) invoices are definitely an additional advantage for the owner.Built -in template and code editor function allows you to generate invoices with custom details.

    WooCommerce 发票或包装-发票设置-自定义-代码编辑器

    Author:

Leave a Reply

Your email address will not be published. Required fields are marked *