Integration Platforms
      Back to home
      1. Merchant Support
      2. Hello Clever Merchant Hub
      3. Integration Platforms

      WooCommerce

      Integrating Hello Clever with WooCommerce

      WordPress Version

      Please note that the WordPress version must be 4.4 or greater to integrate with Hello Clever. The WordPress version can be found in the WordPress Admin Dashboard in the bottom right hand corner.

      My image alternative text

      WooCommerce Version

      Please note that the WooCommerce version must be 2.6 or greater to integrate with Hello Clever. The WooCommerce version can be found under: WordPress Admin > Plugins > Installed Plugins

      My image alternative text

      💵 Store Currency

      Currently we are only accepting AUD for the currency.

       

      Install Plugin

      How to install the Hello Clever WooCommerce plugin?

      Installation Instructions

      1. Navigate to: WordPress Admin Dashboard

      2. Navigate to: Plugins > Add New

      My image alternative text

      1. Type 'Hello Clever' into the Keyword search box.

      My image alternative text

      1. Locate the 'Hello Clever Gateway for WooCommerce' plugin and click 'Install Now'.

      2. Once the installation is complete, click the 'Activate' button.

       

      Configure Plugin

      How to add Hello Clever as a payment method in your store?

      Configuration

      Completing the steps provided below will enable and display Hello Clever as a Payment Method and add Hello Clever messaging to product pages.

      Note: If the 'Hello Clever Gateway Installation' steps have just been completed, please skip to Step 3.

      1. Navigate to: WordPress Admin Dashboard
      2. Navigate to: Plugins > Installed Plugins
      3. Locate the 'Hello Clever Gateway for WooCommerce’ in the plugin list and click the 'Settings' button.

      My image alternative text

      1. Navigate to 'Hello Clever Gateway' section.

      My image alternative text

      1. Enter the ID provided by Hello Clever from the portal into the 'App ID' field

      My image alternative text

      My image alternative text

      1. Enter the Secret Key provided by Hello Clever into the 'Secret Key' field.

      My image alternative text

      Notes The ‘Sandbox’ API Environment is only applicable for dedicated test websites. Advise your Hello Clever Account Manager should test credentials be required.

       

      Update Plugin

      To update the 'Hello Clever Gateway for WooCommerce' plugin, please follow the below steps.

      As updates for the 'Hello Clever Gateway for WooCommerce' plugin are released, a notification will be shown in WordPress Admin.

      A number will be shown in WordPress Admin next to the Plugins link, indicating that plugin updates are available.

      My image alternative text

      Note: Please consider taking a backup of the website files and data prior to performing the update.

      Upgrade Instructions

      1. Navigate to: WordPress Admin Dashboard
      2. Navigate to: Plugins > Installed Plugins
      3. Locate the Hello Clever Gateway for WooCommerce’ in the plugin list. Note: The version update notification will be displayed, with links to the release details and to updated the plugin.
      4. Click the 'update now' link.

      My image alternative text

      The 'Hello Clever Gateway for WooCommerce' plugin will now commence the update process.

      Once the update complete, the notification bar will turn green and the text will change to 'Updated!'. Congrats, now you'll be able to use the latest features we provide.

       

      Advanced Configuration

      This section outlines the advanced configuration options related to the Hello Clever WooCommerce integration and site-specific customisation.

      The 'Hello Clever Gateway for WooCommerce' plugin is available for extension or customisation, without alternations to the plugin code. This allows for a greater level of compatibility with future updates.

      Stay tuned as we will add a lot of advanced configuration soon.

       

      Express Checkout Feature

      To enable the Hello Clever Gateway's Express Checkout feature, please follow the below steps.

      Hello Clever's Express Checkout Feature is one of our features that can help increase customers' engagement and loyalty by providing a Checkout button on your product pages.

      Before proceeding further, a number of updates should be shown in WordPress Admin next to the Plugins link, indicating that plugin updates are available if you haven't enabled plugin's auto update.

      Please update the plugin before proceeding further.

      My image alternative text

      Note: Please consider taking a backup of the website files and data prior to performing the update to prevent any issues on your WooCommerce store.

      Upgrade Instructions

      1. Navigate to: WordPress Admin Dashboard
      2. Navigate to: Plugins > Installed Plugins
      3. Locate the Hello Clever Gateway for WooCommerce’ in the plugin list.
      4. Click on the 'Enable Express Checkout'

      My image alternative text

      1. Click on 'Save Changes'

      The 'Hello Clever Express Checkout' feature should be reflected on all of your product pages.

       

      Refund Process

      How to initiate WooCommerce refund on Hello Clever's dashboard?

      Completing the below steps will ensure the refund arrive back to customer within minutes.

      1. Head over to your WooCommerce order details and click on the 'Refund' button.

      My image alternative text

      1. Key in the refund amount and click on 'Refund manually' button. The refund process will have to be done manually as the order payment went straight to merchant's bank account. Hello Clever does not hold any transaction from customers.

      My image alternative text

      1. Head over to your Hello Clever's dashboard and click on the transaction's details.

      My image alternative text

      1. Once you are in the 'Payment Detail' page, scroll down to the bottom and click on the 'Refund payment' button.

      My image alternative text

      1. A notification pop-up message will appear to confirm the refund process. Click on 'Refund' button.

      My image alternative text

      1. You will see a confirmation message, press the 'OK' button and head back to the 'Payment Detail' page.

      My image alternative text

      1. At the bottom of 'Payment Detail' page, a generated unique payID will appear. Please use this payID to refund the transaction to your customer.

      My image alternative text

      1. Head over to your bank account and select 'payID' as the payment method, copy and paste the unique payID you received on previous step. Once transferred, you will see the 'Refund Pending' status, this may take 5 - 10 minutes to update.

      My image alternative text

      1. After all the previous steps completed, you should be able to see the 'Refund' state changed to 'Refund Completed'

      My image alternative text

      1. The transaction overview on the dashboard should change to 'Refunded' if all the steps completed.

      My image alternative text

       

      FAQ

      Frequently Asked Questions about Hello Clever WooCommerce Integration

      Why is Hello Clever not showing on product pages?

      A: To display the Hello Clever installment detail on the product pages, the active WordPress theme must implement the below action hook: woocommerce_single_product_summary

      Note: The 'Payment Info on Individual Product Pages' setting must also be enabled, and the product must be eligible. For advanced configuration, see our hooks documentation

      Why is Hello Clever not showing on category and search result pages?

      A: To display the Hello Clever installment detail on the category and search result pages, the active WordPress theme must implement the below action hook: woocommerce_after_shop_loop_item_title

      Note: The "Payment Info on Category Pages" setting must also be enabled, and the product/s must be eligible. For advanced configuration, see our hooks documentation

      Why is Hello Clever not showing on the cart page?

      A: To display the Hello Clever installment detail on the cart page, the active WordPress theme must implement the below action hook: woocommerce_cart_totals_after_order_total

      Note: The "Payment Info on Cart Page" setting must also be enabled, and all the cart items must be eligible. For advanced configuration, see our hooks documentation