> ## Documentation Index
> Fetch the complete documentation index at: https://docs.uselooop.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Start building Shopify store in Webflow in under 5 minutes

<iframe width="500" height="315" src="https://assets-global.website-files.com/65aa1e4ac43693c14ea73c02/65adeb206f2c57641a8cf0db_Screen Recording 2024-01-21 at 80423 PM (online-video-cuttercom)-transcode.mp4" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen style={{ borderRadius: 16 }} />

## Setting up

Let's start by connecting your Shopify store with Webflow.

<CardGroup cols={2}>
  <Card title="Connect with Webflow" icon="link" href="/essentials/webflow-connect">
    Install the Looop Webflow App in your project or workplace.
  </Card>

  <Card title="Connect with Shopify" icon="shopify" href="/essentials/shopify-setup">
    Connect with your Shopify store by providing API credentials.
  </Card>

  <Card title="Configure Webflow CMS" icon="database" href="/essentials/webflow-cms">
    Make changes to Webflow CMS to prepare for Shopify data import.
  </Card>
</CardGroup>

## Importing Shopify Data

Once you have integrated both Webflow and Shopify, you can start importing your Shopify data from Looop Dashbaord

<CardGroup cols={2}>
  <Card title="Import Products & Variants" icon="box" href="/dashboard/sync-products">
    Import your Shopify products and variants into Webflow CMS
  </Card>

  <Card title="Import Collections" icon="boxes-stacked" href="/dashboard/sync-collections">
    Import your Shopify collections into Webflow CMS
  </Card>

  <Card title="Import Policies" icon="file" href="/dashboard/sync-policies">
    Import your Shopify policies into Webflow CMS
  </Card>

  <Card title="Start Building" icon="paintbrush" href="/webflow/introduction">
    Develop your store in Webflow
  </Card>
</CardGroup>