How to use Qraga with WooCommerce

Installing the Plugin

Get the Qraga WooCommerce plugin from https://github.com/qragahq/qraga-woocommerce/releases. Please select the most recent version, qraga-woocommerce-xxx.zip .

Install Qraga plugin as regular Wordpress plugin.

Setting Up the Plugin

After the plugin is activated, you can access the Qraga management panel via the WordPress main menu.

At Qraga Settings, you need to enter the site ID , API key , and widget ID from the Qraga dashboard. If you don't have a widget and API key created, please go to the Qraga dashboard and create one.

Configuring Permalink

WooCommerce product permalinks can be viewed on each product or can be configured in Common Settings -> Permalink structure. This is important because in the site settings of Qraga, you need to match the permalink structure here to create correct product URLs for product recommendations.

Here you can see path is /?product=classic-crew-neck-t-shirt.

The Qraga plugin stores the slug information of WooCommerce products. This allows us to set the "Product Path" in our site settings according to our needs.

At Qraga dashboard site settings, we match with permalink and using {slug} for dynamic product slug value

Syncing Products

The Qraga plugin automatically syncs all product changes. However, initially, we need to sync all products at once. You can click "Start Bulk Sync," and this will sync all your products to Qraga if the settings are correct.

Installing Widget on Product Pages

WooCommerce/WordPress basically has two types of themes: classical and block. Qraga supports both.

Classic Themes

To configure the Qraga widget to your theme, go to Appearance -> Customize -> WooCommerce -> (Single) Product Page , where you can see the Qraga Widget position selection. Values can be After Product Summary , Inside Product Summary , or After Product Images . Try to find the best spot that fits your theme.

Block Themes

Installing the Qraga widget to block the theme is straightforward. From Appearance -> Editor -> Templates -> WooCommerce -> (Single) Product , select the exact location where you want to add the widget and press the "+" button. There you can find the "Qraga Widget". If it is not listed, please search from the search input.

You can change widget width and also can drag and drop any location. Don't forget to save. You can see widget in action if you go preview of a product.

To configure your widget's look and feel, please go to Qraga dashboard widgets section.