WooCommerce Feature

woocommerce feature

WooCommerce

This feature will allow you to integrate natively your WooCommerce store in your application. It is different from the feature WooCommerce Link which is just a link to your store.

First of all, you have to connect to your WordPress admin panel. Then go to the WooCommerce tab > Settings.
Once in the settings, click on the “API” tab. Now enable the “REST API” just like the following picture, and save.

WooCommerce api tab

Now go to General Settings of WordPress > Permalinks
In the Common Settings part, you can choose whichever you want, except for “Plain” or it will not work.

WooCommerce common setting

Then let’s go back to WooCommerce > Settings > API. We will now create the API keys. To do this click on “Keys/Apps”. Once in the panel, click on “Add key”. Now enter a description of your API key (this is just for you to see), choose your user, and put the permissions on “Read/Write”. Once you’re done click on “Generate API Key”

WooCommerce key details

You will then arrive on this following page:

WooCommerce key details2

Warning: you have to copy/paste the Consumer Key and the Consumer Secret somewhere now, because they won’t be available anymore when you leave this page. Otherwise, you would have to revoke the key and create another one.

Now let’s go to your Siberian, we’re just a few steps from launching your WooCommerce store in your app. Add the feature WooCommerce by clicking on WooCommerce icon. This appears:

WooCommerce setting

Enter the following data:

  • WooCommerce URL: the URL of your WordPress Website (if your shop is here: yourdomain.com/shop/, you have to type this: yourdomain.com)
  • Header: you have to upload an image header
  • Consumer Key and Consumer Secret: these are the codes you have created earlier and, obviously, copied/pasted as we have told you!
  • You can also add links to your Facebook Page, Twitter account or Instagram account if you want.
  • Items per page: this will set the number of items displayed in your page by default. When you scroll down, the other items will be automatically displayed.

You can also set the payment through Paypal and Stripe if you want, in order for your users to pay directly from the app. Read these articles to know how to create API keys for Paypal and Stripe:
– Paypal
– Stripe

If you don’t set the API keys for Paypal and Stripe, the users will be redirected to your WooCommerce store through a link and will pay on the website.

Now let’s see the result inthe app:

Home screen of the WooCommerce feature:

 

WooCommerce app view

Products Page:

WooCommerce app view2

You’re now ready to sell from your App !

Done!

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Keeping ahead of COVID-19 STAY HOME

To our dear costumers, The COVID-19 coronavirus outbreak is top-of-mind right now, and we wanted to share a further update about how we’re taking action at our branches to limit the spread of the virus. We will be completely closing our branches but we’re still able to support our costumers through our emails account by our support team. We know this is a disruptive and tough time and our goal is to continue to serve our costumers across the world in the most responsible manner possible. For that about the payments due from March-15th-2020 will be postponed to those who are unable to pay via an online platform (Paypal or Stripe), bank transfer, Western Union or cash payment without any interest fee until the customer get a way to make a payment for their services that uses through Twilight Tech Inc., including projects that are pending or that will be Termination due to violation of the Terms and Conditions of Twilight Tech Inc., because we care of the continuity of your business and keeping your data safely in our servers. We are monitoring developments closely and are following the guidance of public health authorities. Twilight Tech Inc.