# Root

- Getting Started: Start using Smootify
  - Quick Start: Start using Smootify
    - [Why Smootify?](/docs/getting-started/quick-start): Introduction to Smootify
    - [Create your Shopify store](/docs/getting-started/quick-start/shopify-store): How to create a new store
    - [Create your Webflow project](/docs/getting-started/quick-start/webflow-project): How to design a new project
    - [Connect your project](/docs/getting-started/quick-start/connect-webflow-project): Connect Webflow and Shopify using Smootify
    - [Create CMS Collections](/docs/getting-started/quick-start/create-cms-collections): How to structure your CMS
    - [Import and Sync](/docs/getting-started/quick-start/import-and-sync): Keep Webflow and Shopify in perfect sync
  - Publish: Start using Smootify
    - [Shopify Redirect Theme](/docs/getting-started/publish/shopify-theme): Install the Redirect Theme on Shopify
    - [Domains configuration](/docs/getting-started/publish/domains): Configure correctly your domains
    - [Headless App](/docs/getting-started/publish/headless-app): Generate a Live Storefront token
    - [Project hand off](/docs/getting-started/publish/project-hand-off): Transferring store ownership to your Client
    - [Checklist](/docs/getting-started/publish/checklist): Launching Your Webflow Shopify Store with Smootify
  - Templates: Kickstart your project
    - [Smootify Starter Project](/docs/getting-started/templates/smootify-starter-project): The best option to start a Smootify project from scratch.
    - [Bovist](/docs/getting-started/templates/bovist): Template for furniture shops
    - [Evo](/docs/getting-started/templates/evo): Template for food stores
    - [Reciklo](/docs/getting-started/templates/reciklo): Your digital showcase for sustainable living
    - [Relume Starter Project](/docs/getting-started/templates/relume-starter-project): Relume Starter Project
    - [Noise](/docs/getting-started/templates/noise): A sleek, modern clothing template
    - [Naturelle](/docs/getting-started/templates/naturelle): Your next beauty brand store
    - [Craftify](/docs/getting-started/templates/craftify): Empower your customers to design their ideal products in real-time
    - [Volt](/docs/getting-started/templates/volt): Your go-to template for accessories, smartphones, tech gadgets, and more.
  - Component Libraries: Start using Smootify
    - [Smootify Library](/components)
    - [Relume Library](/docs/getting-started/libraries/relume): Starting from the Smootify Library created with Relume.
  - [FAQs](/docs/getting-started/faqs): Frequently Asked questions about Smootify, Webflow and Shopify
- Products & Collections: Items you sell & grouping
  - Products: Showcase
    - [Overview](/docs/ecommerce/products): Shopify Products: An Overview
    - [CMS Structure](/docs/ecommerce/products/cms): Products CMS structure
    - [Custom Element](/docs/ecommerce/products/custom-element): The bridge between Shopify and Webflow
    - [Listing](/docs/ecommerce/products/listing): How to design your listings in Webflow
    - [Template Page](/docs/ecommerce/products/template): How to design your product template page in Webflow
    - [Elements and Attributes](/docs/ecommerce/products/elements): Elements and Attribute for displaying product informations
    - [Add to Cart](/docs/ecommerce/products/add-to-cart): Create the perfect purchase flow
    - [Conditional Visibility](/docs/ecommerce/products/conditional-visibility): Hide/show your Webflow elements dynamically
    - [Metafields](/docs/ecommerce/products/metafields): Extending Your Store's Data
    - [Gift Cards](/docs/ecommerce/products/gift-cards): Sell gift card products on your store
    - [Bundles](/docs/ecommerce/products/bundles): Shopify Bundles
  - Collections
    - [Overview](/docs/ecommerce/collections): Shopify Collections: Organizing Your Products
    - [CMS Structure](/docs/ecommerce/collections/cms): Collections CMS structure
    - [Template Page](/docs/ecommerce/collections/template): How to design your collection template page in Webflow
  - Variants
    - [Overview](/docs/ecommerce/variants): Shopify Product Variants: Offering Product Options
    - [Custom Element](/docs/ecommerce/variants/custom-element): The bridge between Shopify and Webflow
    - [Listing](/docs/ecommerce/variants/listing): How to design your listings in Webflow
    - [Elements and Attributes](/docs/ecommerce/variants/elements): Elements and Attribute for displaying product informations
    - [Metafields](/docs/ecommerce/variants/metafields): Extending Your Store's Data
  - Vendors
    - [Overview](/docs/ecommerce/vendors): Shopify Vendors: Managing Product Suppliers
    - [CMS Structure](/docs/ecommerce/vendors/cms): Vendors CMS structure
    - [Template Page](/docs/ecommerce/vendors/template): How to design your vendors template page in Webflow
  - Add-ons
    - [Wishlist](/docs/ecommerce/add-ons): Allow shoppers to easily keep track of products they love
    - [Magic Box](/docs/ecommerce/add-ons/magic-box): Dynamic Mix and Match bundles
    - [Magic Add-Ons](/docs/ecommerce/add-ons/magic-add-ons): Dynamically create product bundles with add-ons
    - [Product File Upload](/docs/ecommerce/add-ons/product-file-upload): Upload product files effortlessly with our Product file upload add-on.
    - [Name your Price](/docs/ecommerce/add-ons/name-your-price): Allow your clients to choose the amount to pay
    - [Last Viewed](/docs/ecommerce/add-ons/last-viewed): Allow shoppers to easily keep track of products they viewed recently
    - [Dynamic Properties](/docs/ecommerce/add-ons/dynamic-properties): Dynamically show property inputs
    - [Product Configurator](/docs/ecommerce/add-ons/product-configurator): Create Formula-priced Products
  - [FAQs](/docs/ecommerce/faqs): FAQs related to Products and Collections design
- Cart: Your Customer's Shopping Hub
  - [Overview](/docs/cart): Your Customer's Shopping Hub
  - [Cart Page](/docs/cart/cart-page): The Shopify cart page lets customers review, adjust, and buy their selected items.
  - [Mini Cart](/docs/cart/mini-cart): A quick and seamless way to view and manage products.
  - [Additional Data](/docs/cart/additional-data): Additional custom data related to the order.

  - **Add-ons**
  - [Cart Upsells](/docs/cart/cart-upsells): Upsell products based on cart content
  - [Urgent Cart Countdown](/docs/cart/urgent-cart-countdown): Add a countdown inside your store’s cart
  - [Free Shipping Progress](/docs/cart/free-shipping-progress): Add a dynamic progress bar inside your cart
  - [Draft Orders](/docs/cart/draft-orders): Allow customers to ask for a quote
  - [FAQs](/docs/cart/faqs): FAQs about cart functionalities
- Search & Filters: Help customers find products
  - [Predictive Search](/docs/search-filters): Shows suggested results as you type
  - [Search & Discovery](/docs/search-filters/search-and-discovery): Create a seamless product discovery experience.
  - [Search Page](/docs/search-filters/search-page): Your first document
  - [FAQs](/docs/search-filters/faqs): FAQs about search functionalities
- Customer Accounts: Let your customers log in
  - [Overview](/docs/accounts): Allow customers to log in to view order history

  - **Customer Accounts**
  - [How to enable](/docs/accounts/how-to-enable): Create a public token on the Headless sales channel
  - [Components & Attributes](/docs/accounts/components-attributes): Components & attributes to create your account pages
  - [Conditional Visibility](/docs/accounts/conditional-visibility): Show/hide elements only for logged-in users.
  - [Metafields](/docs/accounts/metafields): Extending your Customer Account's Data
  - [Order Listing](/docs/accounts/order-listing): This is the list of orders placed up by the current logged in customer.
  - [Order Page](/docs/accounts/order-page): Design the order page
  - [Subscription Listing](/docs/accounts/subscription-listing): List of subscriptions purchased by the customer
  - [Subscription Page](/docs/accounts/subscription-page): Design the subscription page

  - **Legacy Customer Accounts**
  - [Components & Attributes](/docs/accounts/legacy-components-attributes): Components & attributes to create your account pages
  - [Conditional Visibility](/docs/accounts/legacy-conditional-visibility): Show/hide elements only for logged-in users.
  - [Order Listing](/docs/accounts/legacy-order-listing): This is the list of orders placed up by the current logged in customer.
  - [Order Page](/docs/accounts/legacy-order-page): Design the orders elements

  - **Add-ons**
  - [Newsletter Subscription](/docs/accounts/newsletter-subscription): Connect Webflow native forms to Shopify customer lists and engage your users.
  - [Customer Metafields Editor](/docs/accounts/customer-editor): Allow your customer to edit it's own metafields
  - [FAQs](/docs/accounts/faqs): FAQs regarding accounts functionalities
- Metaobjects: Display custom data
  - [Overview](/docs/metaobjects): Structured Custom Data
  - [Listing](/docs/metaobjects/listing): How to design your listings in Webflow
  - [Single Metaobject](/docs/metaobjects/single-item): Load a specific metaobject directly from Shopify

  - **Add-ons**
  - [Metaobject Creator](/docs/metaobjects/creator): Seamlessly Create Shopify Metaobjects from a Webflow Form
- Internationalization: Selling globally
  - [Overview](/docs/internationalization): Expanding your business beyond local markets is a key growth strategy.

  - **Multilanguage**
  - [Shopify Localization](/docs/internationalization/shopify): Expand your reach, boost traffic, and enhance SEO
  - [Webflow Localization](/docs/internationalization/webflow): Design, build, and customize localized sites directly in Webflow

  - **Markets**
  - [Shopify Markets](/docs/internationalization/markets): Markets is the unified home for business expansion on Shopify.
  - [Markets Switcher](/docs/internationalization/markets-switcher): Let your customers select the market they want to view.

  - **Store Locations**
  - [Store Locator](/docs/internationalization/store-locator): Use Mapbox maps to display store locations.
  - [Store Availability](/docs/internationalization/store-availability): Displaying where a specific product is available.
  - [Preferred Store](/docs/internationalization/store-switcher): Preselect a physical store from the available locations.

  - **EU Compliance**
  - [EU Right of Withdrawal Compliance](/docs/internationalization/eu-withdrawal-compliance): How to comply with EU Directive 2023/2673
- Integrations: Shopify apps integration
  - [Overview](/docs/apps): How to integrate Shopify apps with Webflow.
  - [App Embeds](/docs/apps/blocks): Enabling App Embeds from the Shopify Customizer

  - **Back in Stock**
  - [Klaviyo](/docs/apps/klaviyo-back-in-stock): How to integrate Klaviyo Back in Stock Shopify App

  - **Reviews**
  - [Klaviyo](/docs/apps/klaviyo-reviews): How to integrate Klaviyo Reviews Shopify App
  - [Loox](/docs/apps/loox-reviews): How to integrate Loox Reviews Shopify App
  - [Judge.me](/docs/apps/judge-me-reviews): How to integrate Judge.me Reviews Shopify App
  - [FAQs](/docs/apps/faqs): FAQs regarding Apps & Integrations
- Analytics: Analyze your store performance
  - [Analytics](/docs/analytics): How to analyze your store performance.
  - [Cookie Consent](/docs/analytics/cookie-consent): How to set custom cookie consent banner
  - [Integrations](/docs/analytics/integrations): Automatically track events with most popular analytics tools
- Custom Code: Powerful extensibility options
  - JS: Start using Smootify
    - [Settings](/docs/custom-code/js): Modify Smootify behaviour by using a configuration script
    - [APIs](/docs/custom-code/js/api): Leverage our public APIs
    - [JS Events](/docs/custom-code/js/events): Listen to any action made on Smootify elements
  - CSS: Start using Smootify
    - [Skeleton](/docs/custom-code/css)
    - [Snippets](/docs/custom-code/css/snippets): Usefull CSS Snippets