Customer accounts that match your design

Login, order history with tracking, saved addresses and a wishlist. Shoppers sign in with Shopify’s secure customer accounts; you design every screen in Framer.

Start building freeRead the docs

What you can build with customer accounts

Login, order history with tracking, addresses and wishlist.

01

Sign in with Shopify

Shoppers log in with Shopify’s customer accounts, including Shop sign-in. You design the buttons and pages; Shopify handles passwords and security.

  • Shopify customer accounts
  • Sign in and register
  • No passwords stored by us
02

Orders with tracking

An account page with the shopper’s profile, order history and tracking status, read straight from their Shopify account.

  • Order history
  • Tracking status
  • Saved addresses
03

A wishlist that follows them

Hearts on product cards and a saved-for-later page. The wishlist is saved to the customer’s Shopify account, so it follows them across devices.

  • Wishlist button
  • Wishlist list and badge
  • Synced across devices

The 7 components

Open the FrameStoreKit plugin, drag one onto the canvas and style it in the right panel. Shopify data flows in.

All components
  • Login ButtonProShopifyLoginButtonStarts Shopify Customer Account sign-in for shoppers.
  • Register ButtonProShopifyRegisterButtonStarts Shopify Customer Account registration for new shoppers.
  • Account ViewProShopifyAccountViewDisplays the signed-in customer profile and account details.
  • Order HistoryProShopifyOrderHistoryLists recent orders with totals, dates and fulfillment status.
  • Wishlist ButtonProShopifyWishlistButtonSaves or removes the current product in the customer wishlist.
  • Wishlist BadgeProShopifyWishlistBadgeShows the live count of products saved to the customer wishlist.
  • Logout ButtonProShopifyLogoutButtonSigns the customer out and clears the local session.

Set up in 4 steps

The onboarding wizard walks you through it. The docs cover every Shopify setting with screenshots.

Customer accounts guide
  1. 1Turn on customer accountsIn the plugin’s Manage tab, add your Customer Account Client ID.
  2. 2Add your site addressEnter the published site URL so sign-in returns to the right page.
  3. 3Create an /account pageDrop Account View or Order History on it, styled your way.
  4. 4Add login and wishlist buttonsPlace them in your nav and on product cards, then publish.

Good to know

Shopify handles sign-inShoppers log in with Shopify’s customer accounts. No passwords stored by FrameStoreKit.
Works on the published siteSign-in needs your live site address registered in Shopify. The canvas shows a preview state.
Orders come from ShopifyOrder history and tracking read straight from the customer’s Shopify account.

Customer accounts questions

Still unsure? Email us and a Framer + Shopify person will reply, usually the same day.

In Shopify. FrameStoreKit has no customer database; the browser talks to Shopify directly.

Related features

Cart & checkoutCart drawer, discount codes, Shopify checkout and Shop Pay.UpsellsAll sales tools in one place, plus the rewards bar. Bundles coming soon.Markets & currencyLocal prices from Shopify Markets.

Say yes to the next Shopify project

Start free with 15 products. Upgrade when the client signs.

Start building free