How to use WooCommerce to receive payments with WP Portal

Table of contents

    To remove any limitations and restrictions that could be found in some countries that don’t support PayPal or Stripe as payment gateways, we have decided to make WP Portal can be used anywhere and under any circumstances.  Now, WP Portal Dashboard can be integrated with WooCommerce to allow businesses to accept payments from many different payment gateways that are available for WooCommerce.

    To connect WP Portal to WooCommerce, you will need to generate REST API keys to authorize WP Portal to make requests to WooCommerce to create & manage orders.

    Please make sure that your active theme supports WooCommerce before installing and configuring WooCommerce.

    1- Install WooCommerce plugin

    To install WooCommer on your WordPress website, go to Plugins > Add New and search for WooCommerce. On the plugin widget, click “Install Now” to install the plugin and then click “Activate” when installation is completed.
    WordPress Install & activate WooCommerce

    2- Configure WooCommerce & payment gateways

    After installing and activating WooCommerce, you will need to configure the payment gateways that you want to use on your website or portal. You can do that by going to WooCommerce > Settings > Payments and enable any payment gateway you want to use.

    WooCommerce Payment Options

    Make sure that you have at least one active payment option to use.

    If you don’t find the payment gateway you prefer, you can choose between many payments gateways available on the marketplace using this link WooCommerce payment gateways & extensions.

    3- Enable and generate WooCommerce REST API keys

    Once you are done setting up WooCommerce, the next step is to enable and generate API keys to integrate WP Portal with WooCommerce.

    Go to WooCommerce > Settings > Advanced and open the REST API tab and click “Add Key”

    WooCommerce Add API KeyOn the next screen, enter a description for your key and select your main user to assign to that key, then make sure that you have selected the Read/Write permission to the key.

    WooCommerce API Key Options

    When you are done, click “Generate API Key”. On the next screen, you will see both Consumer Key and Consumer Secret. Copy both key and secret to your clipboard or add them to any text file because you will need them later when setting up WP Portal.

    4- Configure WP Portal to connect to WooCommerce

    Go to your WP Portal Dashboard and from the main navigation, go to Extensions and click on the Woo Checkout Widget to configure your keys

    WP Portal Dashboard Extenstions

    Then paste both Consumer Key and Consumer Secret in place and enable the WooCommerce Checkout then click “Save”

    WP Portal Dashboard WooCheckout

    Once you click “Save”, WP Portal will connect to WooCommerce and create a private product to be used in placing orders for checkout purposes, please don’t modify or delete the product.

    WP Portal WooCheckout Product IDWhen the page reloads, you should see the product id listed on the page and that means the integration has been done successfully. If you don’t see the product id, please try again and make sure you have the correct keys with Read/Write permissions.

    Now, you are using WooCommerce as your Portal default payment gateway. This will ignore your previously setup Stripe and PayPal and will be no longer available as long as you have WooCommerce Checkout enabled.

    5- Send your first invoice with WooCommerce

    To send your first invoice with WooCommerce Checkout enabled, create a new invoice and from the invoice settings sidebar expand the Online Payment tab and make sure that the online payment option is enabled and WooCommerce is checked on

    WPPortal WooCommerce Invoice

    Add your invoice detail and save or send it to your client. This will create a new WooCommerce order with the same total amount as your invoice and create a customer in WordPress if the current client doesn’t exist already.

    P.S. Generating invoices using WooCommerce Checkout may take some more time than the normal invoice because it is making API requests to WooCommerce, so please give it the time until you see your invoice created.

    6- Recurring invoice with WooCommerce

    Sending recurring invoices using WooCommerce is different because WooCommerce doesn’t support subscription-based orders without installing another paid extension. So, recurring invoices will be like repeating invoices. You just need to set your first invoices and set a recurring cycle.

    WP Portal WooCommerce Recurring InvoiceBased on the recurring settings, WP Portal will generate new invoices automatically on your behalf and send them to the client on the due date and your client can pay it using WooCommerce Checkout as the original invoice.

    7- How client can make payment

    When you send an invoice using WooCommerce as a payment gateway, the payment will be handled by WooCommerce just like any other order. Your client will be redirected to the checkout page when he is going to make a payment for that invoice.

    Checkout page layout and design completely depend on your active theme, so make sure you have a good theme that supports WooCommerce installed and activated on your website and apply your brand theme, fonts, and colors to the theme.