> ## 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

> Wishlist element allow you to add a wishlist to your Webflow site, where users can add products to a wishlist and view them later.

<Frame>
  <img src="https://mintcdn.com/thinddev/5vCSKuNRwWtbt3SO/images/wishlist.png?fit=max&auto=format&n=5vCSKuNRwWtbt3SO&q=85&s=976c5f7976cd7ec6bba009b9269dfbdc" width="846" height="462" data-path="images/wishlist.png" />
</Frame>

Wishlist element has two sub-elements:

<CardGroup cols={2}>
  <Card title="Wishlist Button" icon="heart" href="/webflow/wishlist/wishlist-button">
    This button allows users to add/remove products to a wishlist and also serves as indicator if parent product is already in the wishlist.
  </Card>

  <Card title="Wishlist List" icon="list" href="/webflow/wishlist/wishlist-list">
    Wishlist list allows users to view products added to the wishlist and remove them from the wishlist.
  </Card>
</CardGroup>