Getting Started

How it works:

SEO Variants is a combined listings app that helps you improve your SEO (Search Engine Optimization) rankings by enabling you to maximize your product variants. It works by add a stylish picker to your storefront that links together multiple individual Shopify products. When you use products instead of the default Shopify Variants - each variant has the ability to have it’s own url and rank in search engines. Driving you more traffic and more sales.

## **Step 1: Install SEO Variants**

First you need to enable the app. Go to Online Store -> Customize -> on the left menu select “App Embeds” - there you will see SEO Variants and you can toggle it on. By default SEO Variants will add the picker to any product page that is in a product group. If you just installed you have no product groups so you won’t see the picker.

The app embed tries to automatically insert the picker into your page but if you want to choose the exact location - go to the Products -> Default product section then in your Product Information sections area select add block where you want the picker. Click on the Apps tab and add SEO Variants. Now the picker will show up wherever you put that block.

If you are on a 1.0 theme you may only be able to enable the app embed. You can choose the specific location where the picker shows in your template by adding the following code where you want the picker to display:

<div id="seo-variants" data-block-loaded="true">
  <div id="variant-picker-content" style="display: none;"></div>
</div>

Step 2: Convert a Shopify Variants Product

Unlike other combined listing products, SEO Variants helps you change from using Shopify Variants to using SEO Variants with our helpful convert feature. On the menu select the convert option. Then choose a Shopify product that has shopify variants from the list. You can then select which options you want to keep as Shopify variants and which ones you want to convert to SEO Variants (one Shopify product per variant).

Click convert to kick off the process. We will automatically change your variants into unique products in Shopify and carry over all the relevant product information as draft products. The tool then automatically creates a product group for you.

Once completed all you need to do is set the draft products we created to active and you should see your newly configured product group with SEO Variants picker in one easy step.

Once your happy and have reviewed your new products just redirect the old Shopify product to one of the new variants and your SEO value will transfer from your old setup to the new setup.

You can skip this step if you already have all your product variants as individual Shopify products. In that case just create the product group and link your products as variants.

Step 3: Set Your Picker Styles

You can make SEO Variants match your website perfectly using our picker styles section. Customize one of our 4 options including Buttons, Dropdowns, Image Swatches, and Color swatches to look exactly how you would like. Once set hit save and you will see your new picker in action on your site.

For those who want to dive into the CSS - you can find the CSS this page generates in your Settings section and customize it there.

Step 4: Leave us feedback

If you enjoy this free app please let us know in the reviews section of our app store page. We are always happy to hear of new feature ideas and actively add new capabilities to the product! Reach out at help@seovariants.com.