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 key 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 Javascript snippet for sideloading the Naiz Fit SizeForm widget from the browser dashboard.
  • The HTML snippet for inserting the widget into your HTML template or as a tag in Google Tag Manager if your system does not have a plugin provided by Naiz Fit.

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

  1. Access the admin section for your shop in Shopify.
  2. In the side menu at the bottom of the screen, click on Settings.
  3. Click on Checkout

  1. Scroll down to "Aditional Scripts" and insert the text from your Naiz Fit welcome email.

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.