In this article we will be going through an example of what variations are in WooCommerce and how you would use them in SyncSpider.
1.1 What are Variations
Variations are attributes that differentiate products from one another ( in this case Parent Variation would be a T-Shirt and the child variations would be the color of the T-Shirt and size)
1.2 What are Variable Products in WooCommerce
Variable products in WooCommerce let you offer a set of variations on a product, with control over prices, stock, image and more for each variation. They can be used for a product like a shirt, where you can offer a large, medium and small and in different colors.
If you wish to learn more about Product Variations in WooCommerce, please do check their article here.
2) How to add Variation Products in WooCommerce
2.1 Creating and editing Variations in WooCommerce
Before creating a new product with attributes or using an existing one, we have to create Variations and edit them accordingly so that we can use them in SyncSpider.
In WooCommerce, Variations are under "Attributes" in the "Product" section.
Here you can name the variation and choose the slug for it ( A slug is the part of a URL that identifies a particular page on a website in an easy-to-read form.)
After you have named your variations click on "Add Attribute" and then you can configure it by clicking on "Configure terms".
E.g Creating size Variations and sizes.
Here you can add new size's and configure them to your needs.
2.2 Adding a new Product to WooCommerce
First we need to add a new product, log in to your WordPress Dashboard and go to "Products" then "Add new".
Name your Product and set the description that you require.
2.3 Adding Attributes and Variations to the product in WooCommerce
Under "Product data" you will choose "Variable product".
Before going to "Variation" settings, we will need to add Attributes to the Product and save them. Then we will be able to use variations for that particular Product.
Go to "Attributes"
And click on "Custom Product Attribute". Then choose the variations you want to edit and save. ( In this case we will be using Size)
Here you will select all the "Value's" that you will be using for that Variations ( You can either choose all or choose a couple of them that you need).
After you have configured your Variation or Variations click on "Save Attributes".
Now we move on to "Variation" section.
Here you can choose to "Add Variation" or "Create variations from all Attributes"
Choose accordingly to your needs and edit them as you require.
IMPORTANT NOTE: For Variations to show up in your store, you will have to add "Price" for each Product Variation and add stock of it so that WooCommerce and SyncSpider recognize them.
3.How to use Variations in SyncSpider
3.1 Creating the integration
To create an integration check our help article here.
E.G. WooCommerce to WooCommerce
Next steps are after you have created the integration :
Choose "Product" as an entity for both source and destination integration.
3.2 Source configuration
We will set product (UID) as SKU as it is the most simple way to configure the task for our example needs.
We will skip filtering as we do not need it for this specific use-case. If you wish to check our filtering article here to add and understand how they work.
3.4 Target configuration
We will again choose "SKU" as Product (UID) as it is the most simple way to connect our use-case.
Set the fields to your preference.
Map all the "Required Fields" that are in the specific task and map all the fields that you need for this specific task.
There are two ways to add Variations in WooCommerce and you choose between their Mapping:
pa_"variation" (in our case color as the other variable beside size)
We would recommend using pa_"variation" as you can configure it thoroughly.
3.5.1 Mapping of Product Attributes
To map "Product Attributes" simply connect "Name" with "Name" .
And "Options" with "Options".
For "Visible" and "Variations" fields use a field "Constant Value" and set it to "true" so that those variations will be visible in Shop and in SyncSpider.
3.5.2 Mapping of pa_"variation"
To map pa_"variation" connect "Values" with "Values". ( You will find them under pa_color)
You can either map "source" and "destination" attributes manually or click on "Automap".
After that simply connect "Visible on frontend" with "Visible on frontend".
And "Used for variation" with "Used for Variation".
It should look something like this after you have completed it:
With this we will end our help article.
We hope that this covers everything. If you have any further questions or need additional clarification please reach out to us via [email protected] or our Chat Widget!