GCC e-Invoice for WooCommerce (KSA ZATCA Phase 1) Documentation

Welcome to the documentation for GCC e-Invoice for WooCommerce (KSA ZATCA Phase 1). This guide will help you install the plugin, configure the required settings, and understand how invoices and credit notes work in both the admin area and the customer-facing pages.

Table of Contents

1. Overview

GCC e-Invoice for WooCommerce (KSA ZATCA Phase 1) helps you generate and manage invoice documents directly from your store. It also supports customer access to invoices and, when applicable, credit notes.

2. Requirements

Before installing GCC e-Invoice for WooCommerce (KSA ZATCA Phase 1), please make sure your website meets the following minimum requirements:

WooCommerce must be installed and activated before activating the plugin.

The plugin has been tested up to WooCommerce 10.2.4 and includes Arabic/English support, local PDF generation, TLV QR support, and ZATCA Phase 1 invoice and credit note generation.

3. Installation

3.1 Extract the main package

After downloading the main package from CodeCanyon, extract it first to access the plugin files included in the package. This will create an extracted folder containing the installable plugin ZIP file and the documentation.

Step 1 screenshot
Extract the main CodeCanyon package to access the plugin ZIP file and documentation.

3.2 Locate the plugin ZIP file

After extracting the main package, locate the installable plugin ZIP file named gcc-einvoice.zip. This is the file you should upload to your website. Do not upload the full CodeCanyon package ZIP directly.

Step 2 screenshot
Locate the installable plugin ZIP file: gcc-einvoice.zip.

3.3 Go to Plugins > Add Plugin

Log in to your WordPress dashboard, open Plugins, and click Add Plugin.

Step 3 screenshot
Open Plugins > Add Plugin from the WordPress dashboard.

3.4 Click Upload Plugin and choose the ZIP file

On the Add Plugins page, click Upload Plugin, then choose the installable file gcc-einvoice.zip from your computer.

Step 4 screenshot
Choose the installable plugin ZIP file: gcc-einvoice.zip.

3.5 Click Install Now

After selecting the plugin ZIP file, click Install Now and wait for WordPress to finish installing the plugin.

Step 5 screenshot
Click Install Now to upload and install the plugin.
After WordPress installs the plugin successfully, continue to the Activation section below to activate the plugin.
Alternative manual installation (only if dashboard upload fails)

If your hosting environment does not allow plugin ZIP uploads from the WordPress dashboard, you can install the plugin manually using your hosting file manager or FTP.

Manual step A: Upload the plugin ZIP to the plugins folder

Open your hosting file manager and go to the /wp-content/plugins folder. Then upload the installable plugin ZIP file, gcc-einvoice.zip, to this location.

Manual installation screenshot 1
Upload gcc-einvoice.zip to the /wp-content/plugins folder.

Manual step B: Extract the ZIP file

After uploading gcc-einvoice.zip, extract it in the same /wp-content/plugins folder. This will create the plugin folder needed for WordPress to recognize the plugin correctly.

Manual installation screenshot 2
Extract gcc-einvoice.zip in the same plugins folder.

Manual step C: Confirm the plugin folder is created

After extraction, the gcc-einvoice folder should appear inside the /wp-content/plugins directory. You can keep or delete the uploaded ZIP file afterward, since the plugin files are already extracted.

Manual installation screenshot 3
Confirm that the gcc-einvoice folder has been created.

4. Activation

4.1 Activate the plugin after installation

When WordPress finishes installing the plugin, click Activate Plugin to enable it immediately.

Activation screenshot 1
After installation completes, click Activate Plugin.

4.2 Alternative way to activate the plugin

If you leave the installation screen, you can still activate the plugin later from the Plugins page in your WordPress dashboard.

Activation screenshot 2
You can also activate the plugin later from the Plugins page.

4.3 Missing requirements during activation

If the plugin detects missing server or plugin requirements during activation, it will display a message explaining what needs to be fixed. Review the listed items, update your environment if needed, and then try activating the plugin again.

Activation screenshot 3
Example of an activation warning showing missing requirements.

4.4 Open the plugin settings

After activation, you can open the plugin settings in two ways. You can click Settings from the Plugins page, or open WooCommerce > GCC e-Invoice (KSA) from the WordPress admin menu.

Activation screenshot 4
Open the plugin settings from the Plugins page or the WooCommerce menu.

5. Plugin Settings

5.1 Complete the required fields

To enable invoice generation, complete the required settings fields first. These fields include the seller information, invoice prefix, store address, and the order statuses that should trigger invoice creation.

Settings screenshot 1
Complete the required settings fields before saving the plugin configuration.

5.2 Save the settings successfully

Once all required fields are completed, click Save Settings to store the configuration. If everything is entered correctly, the plugin will display a confirmation message showing that invoice generation is ready.

Settings screenshot 2
A success message appears after the required settings are saved correctly.

5.3 Save changes before previewing

If you change any invoice-related setting, save the configuration again before using the preview. Until the changes are saved, the sample PDF preview remains disabled.

Settings screenshot 3
The preview stays disabled until the latest changes are saved.
If you update any important configuration value, always save the settings before testing or generating a preview.

6. Admin Usage

6.1 Invoice actions from the orders list

The plugin adds invoice actions directly to the WooCommerce orders list, making it easy to generate or download invoice files for both new and existing orders. For refunded orders, the same action can also generate the related credit note files.

Admin usage screenshot 1
Invoice and credit note actions are available directly from the WooCommerce orders list.

6.2 Bulk actions

You can also use WooCommerce bulk actions to generate or download invoice files for multiple orders at once. Select the orders you want to process, choose the required bulk action, and click Apply.

Admin usage screenshot 2
Bulk actions can generate or download invoice files for multiple selected orders.

7. Customer Front-End Experience

7.1 Invoice on the Thank You page

If this option is enabled in the plugin settings, an Invoice section will appear on the Thank You page after the customer places an order. From this section, the customer can download the invoice PDF directly from the order confirmation page.

Front-end screenshot 1
Invoice download on the Thank You page.
This feature usually works only when automatic invoice creation is enabled for the Processing order status.

7.2 Invoice from My Account > Orders

Customers can also download their invoice directly from the My Account > Orders page. When an invoice is available for an order, a Download Invoice button appears in the actions column, allowing the customer to download the PDF without opening the full order details page.

Front-end screenshot 2
Invoice download from the Orders page.

7.3 Invoice from the order details page

Customers can also download the invoice from the single order details page inside My Account. When an invoice is available for the order, an Invoice section appears below the order information with a download button for the PDF file.

Front-end screenshot 3
Invoice download from the order details page.

7.4 Credit note from the order details page

If an order includes a refund, customers can also download the related credit note from the single order details page inside My Account. When a credit note is available, a Credit Notes section appears on the same page with a download button for the generated PDF file.

Front-end screenshot 4
Credit note download from the order details page.

8. File Naming Convention

Generated PDF files use a clear naming pattern so invoices and credit notes can be identified easily. Each filename includes the invoice number, and credit note files also include the related credit note number. A short random suffix is added at the end of the filename to help keep each generated file unique.

Example generated filenames
Example generated filenames.
If an order has multiple credit notes, each credit note is generated as a separate PDF file with its own credit note number and filename.

9. Sample PDF Output

9.1 Sample invoice PDF

This section shows an example of the invoice PDF generated by the plugin.

Sample invoice PDF
Sample invoice PDF output.

9.2 Sample credit note PDF

This section shows an example of the credit note PDF generated by the plugin.

Sample credit note PDF
Sample credit note PDF output.

10. Support

If you need help with installation, setup, or plugin usage, please contact support through the item support channel on CodeCanyon and include as many details as possible, such as your WordPress version, WooCommerce version, PHP version, and screenshots of the issue when available.