Installation in Shopify

To instal Naiz Fit SizeForm in Shopify, you need to insert the HTML snippet from your welcome email into your theme template in Shopify and configure the webhook directly in Shopify settings.

You should have received three two pieces of information in your welcome email to the Naiz Fit Family:

  • The Partner Hash for your online shop. This hash authenticates your online shop with the Naiz Fit SizeForm platform. You’ll need it when installing the various plugins.
  • The HTML snippet for inserting the widget into your HTML template.
  • The necessary code to be inserted in the Custom Pixel

Inserting the HTML snippet

  1. Access the admin section for your shop in Shopify.
  2. Select the Online Store menu from the side menu bar and click Themes.
  3. In the Current theme section, click Actions and select Edit code.

  • Choose the template called theme.liquid

  1. Insert the text from your Naiz Fit welcome email into the template just before the line with the tag \< /body >

Note

There are two code snippets attached to the welcome email. The one you should use in this case contains the < script > tag in the first line.

Configuring the webhook

Shopify has a specific functionality for sending webhooks to third party systems. Follow these steps to configure the webhook for sending order information to Naiz Fit SizeForm:

  1. In the side menu at the bottom of the screen, click on Settings.
  2. Click on Notifications

  • Scroll down to Create webhook.

Select the following values in the dialog box:

  • Event: Order payment
  • Format: JSON
  • URL: https://backend.production.naiz.fit/api/partners/hook/DOMAIN/HASH, changing DOMAIN to the complete domain of your website (www.example.com) and HASH to the Partner Hash for your online shop.
  • Webhook version of the API: Choose the most recent version of the API.

Configure secondary statistics events capture installing Custom Pixel

  1. Go to "Settings"

  1. Go to "Customer Events"

  1. Click on "Add custom pixel"

  1. Insert the name of the pixel (for example Naizfit)
  2. Click on "Add pixel"

  1. Paste the code provided by Naizfit into the "Code" text area, replacing the {{PARTNER_HASH}} field with the received partner_hash and the {{DOMAIN}} field with the domain of your website.

  1. Click on "Save" button

  1. Click on "Connect" button

Done

After completing these actions, all the actions necessary for enabling Naiz Fit SizeForm on a Shopify site are complete.

Don’t forget to tell Naiz Fit when you’ve completed these configuration steps so that our experts can confirm that the two systems are properly integrated.