Skip to Content

Getting Started

This guide walks you through setting up Feature It from scratch. From installation to seeing your ingredients live on your storefront, you should be up and running in under 10 minutes.

Step 1 — Create your first ingredient

Navigate to the Ingredients page using the sidebar.

Click Create Ingredient and fill in the details:

  • Admin Title (required) — This is for your reference only and won’t be shown to customers. Use something descriptive like “Shea Butter” or “Vitamin C”.
  • Display Title — The name shown to customers on your storefront.
  • Subtitle — A short tagline or category for the ingredient.
  • Description — A longer explanation of what the ingredient is or does.
  • Image — Upload an image to represent the ingredient. This will be displayed alongside the ingredient on your product pages.

Click Save when you’re done. You can always come back to edit these details later.

Repeat this step for each ingredient you want to use. Don’t worry about getting everything perfect — any edits you make later will automatically update across all products using that ingredient.

Create an ingredient
Create an ingredient

Step 2 — Assign ingredients to a product

Navigate to the Products page using the sidebar. You’ll see a list of all your Shopify products.

Find the product you want to add ingredients to and click Add Ingredients. A modal will open showing your full ingredient library. Select one or more ingredients and click Save Changes.

The ingredients will appear as tags on the product row. You can repeat this for as many products as you like.

Assign ingredients to a product
Click ‘Add Ingredients’ on the desired product
Assign ingredients to a product
Select the ingredients you want to assign and click ‘Save Changes’
Assign ingredients to a product
The ingredients will appear as tags on the product row and will be displayed on your storefront

Ingredients can also be assigned from the admin product page itself.

Step 3 — Add the theme block to your product template

This is the step that makes ingredients visible to your customers. Feature It works through a Shopify theme app block, which you need to add to your product page template once.

  1. From the dashboard click on the Open theme editor button
Open theme editor
Click the ‘Open theme editor’ button
  1. You may see a message saying ‘No ingredients found for this product’
No ingredients found for this product

If so you can change the product previewed by clicking on the Product dropdown in the top left corner and selecting a different product. Select a product that you have ingredients assigned to.

Change product
Change the product previewed by clicking on the ‘Product’ dropdown in the top left corner and selecting a different product
  1. Once you have selected a product that has ingredients assigned to it, you will see the ingredients displayed in the position you placed the block. In the left sidebar are the settings for the block. Here you can change the layout and appearance of the block. More on this in the Customizing the block guide.
Ingredients displayed
The ingredients will be displayed in the position you placed the block

Step 4 — Check your storefront

Visit one of your products on the storefront. You should see the ingredients displayed in the position you placed the block.

If ingredients aren’t showing up, check the Troubleshooting page.

That’s it! From here you can continue building out your ingredient library, assign ingredients to more products, and customise the appearance of the block in the theme editor.

Last updated on
Feature ItManaging Your Ingredient Library