How can we help?

How can I add the Create Your Own Tool to my Shopify store

Providing customers with the opportunity to customize their own gear is invaluable, and you’ll surely see a positive impact on your sales if you provide them with this opportunity. Fortunately, it’s incredibly easy to add SPOD’s Create Your Own Tool customization tool to your Shopify store.

To activate this create-your-own tool for your Shopify store, you’ll want to visit the SPOD app’s settings. After you’ve added the tool, you’ll need to determine your earnings for these personalized products. To simply see the tool, you’ll want to visit your store and click “Pages” to see the Create Your Own Tool (you can also rely on the “preview” button).

There are a few other points you should keep in mind as you’re looking to add this essential resource to your Shopify store:

  • You’ll need to manually add the Create Your Own Tool page to your store’s navigation
  • Do *NOT* change the Javascript of the page
  • We’re not responsible for the restyling of your page. Rather, these changes will needed to be completed by you.
  • Do *NOT* unpublish the Create Your Own product  

 

02-CYO-Settings-FAQ.png

 

Upcoming Improvements

Our Create Your Own Tool is only the start of our personalization capabilities. We have a number of plans to improve and optimize the entire process, which will play an important role in boosting your overall sales.

Currently, merchants only have the ability to use SPOD’s customizable designs. In the future, we’ll allow you to add your own customizable designs, and we’ll also provide customers with the opportunity to customize all of your store’s products.

Defining Your Earnings for the Create Your Own Tool

You might not think twice about assigning a specific price tag to a customized product, but the value of this merchandise could make or break a sale. The best route is defining a percentage-based earning that revolves around the base-price of a product.

After setting your commission in the settings, the calculated end-price will be paid by the customer. We'll invoice our standard rate of product + shipping costs. There is no extra fee related to this option.

 

02_cyo_settings_faq.png

How do I add customizable products to my product list?

Currently, your customers have the ability to create products from scratch. However, you may want to provide them with templates that are accessible via your product list.

To access these templates, you’ll need to:

  • adjust the page template we added to your theme
  • assign the page template to the applicable product 

Adjust the template

First, go to the ‘themes’ section in your online store.

On the "actions" dropdown, select the item "Edit Code." On the left side of the screen, you will see the “templates" section. Scroll down and look for the “product.[number].liquid” template. The corresponding number refers to the page number where that Create Your Own tool lives.

You will subsequently see code that looks as follows:

<script type="text/javascript">

    {% if product.selected_variant %}

        window.location = "/pages/create-your-own?sku={{ product.selected_variant.sku }}";

    {% else %}

        window.location = "/pages/create-your-own?";

    {% endif %}

</script>

 

Delete this code and paste the following onto the page:

 <script type="text/javascript">

    {% if product.selected_variant %}

        window.location = "/pages/create-your-own?sku={{ product.selected_variant.sku }}";

    {% else %}

        window.location = "/pages/create-your-own?sku={% for variant in product.variants limit:1%}{{variant.sku}}{% endfor%}";

    {% endif %}

</script>

 

Save the changes and proceed to the next step of the process.

So far, the changes do not change anything in your shop. This means everything will look and work as before

Assign the page template to the applicable product 

Now you need to go to the products section and select the product you want to see as a template.

On the product detail page, scroll down and find the area "theme templates." Open the dropdown and select “product.[number].” After you save these changes, the product will work as a template.

It is important that you do NOT use the product with the name "Your Customized Product.” This is the product that collects all items your customers have added to their basket via the create your own tool.

How does deep linking work with the Create Your Own Tool

SPOD’s new deep linking feature allows merchants to add parameters to the Create Your Own Tool.

Previously, when a customer clicked your shop’s CYO link, they’d be taken directly to the tool. Now, merchants can specify what the customer will specifically see when they enter the tool. Besides the CYO function, merchants can also specify any design topics, design IDs, or products.

There are three specific functionalities of the new deep linking feature:

Deep link Design Topics

Deep link Specific Design ID

Specific_Design_ID.png

Deep link Specific Product

Specific_Products.png

Will created items show up in my product admin?

Yes… sort of. When a customer is finished creating a product, it will be added to their cart. At this time, the SPOD App needs to create a Shopify product, (allowing the Shopify checkout to handle pricing and such). The SPOD App will create one variant for each product created and added to the basket via the Create Your Own Tool.

Once the limit of 100 product variants is used up, we'll create another one. This product might also be visible in the list pages of your store, but it will always deep-link to the Create Your Own Tool page.

You should never unpublish the product if you've activated the CYO setting.

Remember to delete or unpublish this product once you've deactivated the Create Your Own Tool.

Screenshot_2019-03-19_at_3.43.13_PM.png

 

Why is the product image in the cart so small? 

You may notice that the images are a bit pixelated. This is to avoid any security risks; we don’t want outsiders to steal the images, especially if they contain personal information. In the future, we’ll be optimizing our security, at which time we’ll provide customers/merchants with a high-resolution image. This will allow you, the merchant, to keep better track of which products are consistently being added to the basket.

Can I change my shop’s theme if I’ve activated the Create Your Own Tool?

If you decide to change your shop’s theme, this could end up messing with the Create Your Own Tool. If you do wish to change your theme, we’d recommend following these steps:

  • Change the template
  • Deactivate the Created Your Own Tool
  • Delete all CYO products
  • Re-activate the Create Your Own Tool

In the future, we’ll eliminate this hassle, allowing you to seamlessly change your CYO-activated shop’s theme.