How to install Customify

How to install Customify

In this tutorial, we will show you how to install Customify.

If you need help installing Customify, please tell us, and we can install it for you for free. If you want to install it yourself, we will show you the step by step until it works.

  • Get customify from shopify app, click here

    Get Customify From Shopify Apps

    You will get a 14 day trial for free. If you like it, you can continue to use it. But if you don’t like it, you are free to remove it. To remove this app correctly, you can read this article:
    Remove Customify

  • After that step, you can check your store admin. Then go to the menu and click on “Apps.” You will see Customify listed in the list of “Installed Apps.”

    Next, click on “Customify app” and it will bring you to the customify menu :
    On the Customify menu, you will see some tabs like the dashboard, custom product, and others. On the dashboard tab, you will see the step by step on how to use Customify. If you click the installation menu, you can see there are three steps on how to install Customify. On the top of the page, you will see the important box message that informs you to backup your current theme.

    1. After you backup your current theme, follow the next step:Install customify Liquid File: In this stage, you have to click on the install button. You will see the yellow button. If you don’t click the install button, customify will not work.After you click “install,”  the customify app will install files in your store. Two basic files should be there:– Customify Item snippet ( /snippet/customify-item.liquid )- Customify source snippet ( /snippet/customify-source.liquid )To see if customify is working correctly or not, you can create one product as a tester.  Read this steps to know how to create a product.

      If customify works correctly, after you create a product you will see customize button on your product like the image shown below:

       

       

      But if you don’t see the customize button, it means you have to continue to next step.

      You could proceed to this step if the first step didn’t work. If the first step works correctly, you can skip this step.

      2. For second step we need to input some code right before closing head tag ( </head> ) :

      {% include ‘customify-source’ %}

      To input, the code, open your themes.liquid and click on Online Store then select Themes. On the right side you will see actions menu, then click on it to select edit code :

      After that you will see your structure of files theme code, then select theme.liquid file:

      Next input this code

      {% include 'customify-source' %}

      before closing tag </head> :


       

      Make sure you click Save. You have now completed the second step! Next, you can check your product to see if the customize button appears. If it still doesn’t appear, please contact us immediately.

      Next, you will continue to the last step. This final step is optional for you. You have the choice of using it or not.

      We have two last steps. This step will explain how to customize the Add To Cart and Customize button. If you don’t want to customize these buttons just skip this step.

    2. A. Add view custom product link
      Open your template then choose cart.liquid template file:Find this code on cart.liquid:
      <a href="{{ item.url }}" > {{ item.product.title }} </a>
      <a href="{{ item.product.url }}"> {{ item.title }} </a>
      <a href="{{ item.url }}"> {{ item.title }} </a>

      After you found one of those codes you should put this code :

      {% include 'customify-item' %}

      Now click save.


      B. Add customify cart image

      In this step, you can modify “Add To Cart” Customify and put in an image. For this action, Find the liquid code which represents item image. It could be one of any following codes:

      - <img src="{{ item | img_url: 'medium' }}" alt="{{ item.title | escape }}" />

      - <img src="{{ item | img_url: 'compact' }}" alt="{{ item.title | escape }}" />
      - <img src="{{ item | img_url: 'small' }}" alt="{{ item.title | escape }}" />
      - <img src="{{ item.product.featured_image.src | product_img_url: 'medium' }}" alt="{{ item.title | escape }}" />

      Delete that codes and paste this code:

      {% if item.properties.customify_id %} <img src="{{ shop.url }}/apps/customify?show_custom=1&id={{ item.properties.customify_id }}" style='width: 240px; max-width: 100%' alt="{{ item.title | escape }}" /> {% else %} <img src="{{ item | img_url: 'medium' }}" alt="{{ item.title | escape }}" /> {% endif %}

      Once you have completed the above steps, Customify will be properly installed.

      If you have a question, please contact us!