Quick Start

This quick start covers the most common retailer integration path: Assistant Manager, Size Button, and Tracking Pixel.

Add the Assistant Manager

Add the Assistant Manager script to all pages where StrutFit will be used, alternatively we recommend you add it to <head> and have it load on all pages:


<script
  src="https://store-assistant-assistantmanager.strut.fit"
  async
  data-organization-id="{{OrganizationId}}"
></script>

Replace {{OrganizationId}} with your organization id which you can find in the StrutFit dashboard or get from your StrutFit account manager.

Learn more: Assistant Manager Guide

Add StrutFit components

Size Button

Add the size button script on product pages:


<script src="https://store-assistant-sizebutton.strut.fit" async></script>

Render the size button where you want it displayed:


<strutfit-size-button product-code="{{ProductIdentifier}}"></strutfit-size-button>

Replace {{ProductIdentifier}} with the unique product identifier used in StrutFit.

The size button will only appear if a product with the given product identifier is integrated on the StrutFit dashboard with a valid size chart.

Learn more: Size Button Guide

Size Chart Button

Add the size chart button script on product pages:


<script src="https://store-assistant-sizechartbutton.strut.fit" async></script>

Render the size chart button where you want it displayed:


<strutfit-size-chart-button product-code="{{ProductIdentifier}}"></strutfit-size-chart-button>

Replace {{ProductIdentifier}} with the unique product identifier used in StrutFit.

The size chart button will only appear if a product with the given product identifier is integrated on the StrutFit dashboard with a valid size chart.

Learn more: Size Chart Button Guide

Fit Tip

Add the fit tip script on product pages:


<script src="https://store-assistant-fittip.strut.fit" async></script>

Render the fit tip where you want it displayed:


<strutfit-fit-tip product-code="{{ProductIdentifier}}"></strutfit-fit-tip>

Replace {{ProductIdentifier}} with the unique product identifier used in StrutFit.

The fit tip will only appear if a product with the given product identifier is integrated on the StrutFit dashboard with a valid size chart and fit tip text.

Learn more: Fit Tip Guide

Try-on Button

Add the try-on button script on product pages:


<script src="https://store-assistant-tryonbutton.strut.fit" async></script>

Render the try-on button where you want it displayed:


<strutfit-tryon-button product-code="{{ProductIdentifier}}"></strutfit-tryon-button>

Replace {{ProductIdentifier}} with the unique product identifier used in StrutFit.

The try-on button will only appear if a product with the given product identifier is integrated on the StrutFit dashboard with a valid try-on image.

Learn more: Try-on Button Guide

Chat Bot Bubble

Add the chat bot bubble script on pages where it should appear:


<script src="https://store-assistant-chatbotbubble.strut.fit" async></script>

Place the component on pages where you want the chat bot bubble to appear:


<strutfit-chat-bot-bubble></strutfit-chat-bot-bubble>

No matter where the component is placed on the page it will always appear in the bottom-right corner of the page.

Learn more: Chat Bot Bubble Guide

Add the Tracking Pixel and Product Integration

To install the StrutFit Shopify app, all you need to do is get an install link from your StrutFit account manager and paste it into your browser while logged in to your Shopify store. You will then see a screen like the one shown below where you may log into the StrutFit dashboard.

You do not have to login to the StrutFit dashboard to complete the installation, once you reach this screen the install is complete.

StrutFit Shopify app after install link

Validate the full flow

Visit a product page and confirm the size button appears (remember you also must have the product integrated in StrutFit with a valid size chart for this).
Click the size button and confirm the assistant opens.
Complete a test order and confirm the tracking pixel sends the appropriate values.