Shopify Installation

Follow these steps to install the eContractor plugin on your Shopify site.

Create Your Shop Page

1. From your Shopify dashboard, go to Online Store -> Pages.
2. Select Add Page in the top right corner.
3. Name the page anything you'd like using the Title textarea. Common choices include:

• Shop
• Shop Filters
• Buy Filters
• Order Air Filters

Add the Plugin to the Page

1. Before clicking into the Content textarea, find and select the code button to change the textarea to HTML.

What does the code button look like?

2. Paste the following code into the Content textarea:

<script src="https://d1vc0si56f5gt.cloudfront.net/ff-plugin.umd.min.js"></script>

<ff-plugin />

3. Change the pages Visibility from Hidden -> Visible.
4. Save your changes.

Add the Page to your Site Navigation

1. From your Shopify dashboard, select Content -> Menus.
2. Select the menu you wish to add the page too. Typically, this is Main Menu.
3. Select Add Menu Item.
4. For the Label field, our recommendation is to use the same name you gave your page. Shop, Shop Filters etc.
5. For the Link field, select Pages -> Your New Filter Page.
6. Save your changes.

Final Step: Deploy Your Changes

Once everything is in place, you will see an alert titled Your Almost There! upon previewing your newly created page.

What does the alert look like?

Make sure to publish or update the page so that its live and publicly accessible.

WARNING

⚠️ Please ensure the page is Live before selecting the Let Us Know button, as our team will need to be able to access the page.

Once deployed, go ahead and click on the Let Us Know button. Our team will then get your store live as soon as possible!

TIP

🚀 Once installed and deployed, you’re ready to start driving traffic to your shop page and begin selling!