How to Set Up Wishlists

Toki has our own out of the box Wishlist functionality that is quite simple to set up. In fact all you will need to do is create the Design components in our Designer and place them onsite where you'd like.
Written by Nora
Updated 3 days ago

Toki has our own out of the box Wishlist functionality that is quite simple to set up. In fact all you will need to do is create the Design components in our Designer and place them onsite where you'd like.

You'll need to add:

1) A wishlist button on your product pages

By designing it in Toki:

Then adding it in Shopify:

2) A wishlist component to your collection pages

By designing it in Toki:

Then adding it in Shopify:

3) An area in your customer account page for your users to manage their wishlist

By designing it in Toki:

Then adding it in Shopify:

Final Step 
You will then add this code to your Product.liquid and your product-card.liquid. 
<div
      class="toki-shopify-integration-block-wishlist-button-root"
      data-variant_id="{{ product.first_available_variant.id }}"product.id }}"
      data-settings='{"designId":"YOUR_DESIGN_ID", "moduleType":"wishlist_button"}'
    ></div>
You will need to add the design ID. Here is how to find the design ID.
Did this answer your question?