Components

Selling

The cart and the checkout are already built — Soundee Setup draws them. What is left is the buy button, and the slower business of collecting an address.

Buying

Add To Cart

Commerce

On a detail page, the buy button for that track. It opens the licence picker, and adds whichever licence the visitor chose.

Bind CMS JSON. Leave the licence unset so the visitor picks — setting one skips the picker and commits them to a licence they never saw.

Cart Button

Commerce

Opens the cart, with the live item count. It belongs in your nav.

There is nothing to place for the cart panel or the checkout themselves. Both come from Soundee Setup, which is one more reason it belongs on every page.

Bulk deals

If you offer deals in Soundee — buy two get one free, or a fixed price for three — the cart works them out on its own and tells the visitor how close they are. You do not configure that here; it follows what you set up in Soundee.

The cart panel open over a beats page: two tracks, each on an Unlimited licence at $199, and a gold Bulk deal progress callout pointing to the Build your bundle panel, which says to add one more track to activate Buy 2 Get 1 Free above a 2 of 3 progress bar and a $398 subtotal. — The panel, the subtotal and the line counting down to the deal all come from **Soundee Setup**. The only part you placed is the button that put the first track in.

Coupons

Coupons are made in Soundee, with whatever conditions you give them there. A coupon in the cart shows just above the total: the code, what it gives, and what it takes off this cart. One whose conditions the cart does not meet says so, rather than quietly taking nothing off.

Coupon links

Add ?snd_coupon= and the code to any link to your site — yoursite.com/beats?snd_coupon=SUMMER20 — and the coupon is on the visitor’s cart when they arrive. The cart opens to show it. It works before anything is in the cart; the discount comes off as soon as something is.

A code that does not exist for your store, has expired or has run out opens the cart with a line saying so. It is the same link your Soundee store already understands, so a campaign can point at either.

Abandoned carts

When Soundee’s abandoned-cart email sends a visitor back to your Framer site, the cart they left comes back with them.

Collecting emails

Email Opt In

Commerce

A section for a footer or between two shelves. A heading, a line of text and a field — “get 10% off your first order”, “hear new beats first”.

Once an address is in, the form replaces itself with a thank-you you also word. Say what happens next there, so nobody is left wondering whether it worked.

The mailing list will not take an address without a name, so Name does not decide whether one is asked for — only where. A phone number is genuinely optional.

The same offer, on the way out

Soundee Setup can make the offer again at a different moment: when the pointer leaves for the address bar. It is off until you turn it on, in Setup’s Exit Intent group, and it carries its own heading, text and button rather than borrowing the section’s.

Someone who closes it is left alone for a week before it asks again, which Ask Againsets. Subscribing silences it for good.

Addresses from both land in the same place, tagged so you can tell which moment won them.