This code is for a SHOPIFY BUY BUTTON, this example is for Jaime Forsythe's YIELD 2026;
Create a basic Button with the SHOPIFY BUY BUTTON app:
1) Shopify Admin > Sales Channels > Buy Button
2) Click: CREATE A BUY BUTTON
3) Select: Product Buy Button
4) Select product
5) Customize >
Layout Style: Classic
Action When People Click: Open Product Details
Button Style > Settings > Button corners: 0px; Button width: 80px;
> Colors > Background color: #13447c; Button text: #ffffff;
> Typography > Button text: whatever; Size: 16px;
Layout > Settings > Image Size: small; Alignment: left; show button; Button text: YOUR CHOICE
Ignore colors, typography, size;
Shopping Cart > Ignore;
Detailed popup > Button text: YOUR CHOICE (same as above); ignore the remaining settings)
Advanced Settings > Checkout Behaviour: Open popup window.
6) Click NEXT from main Customize window
7) COPY CODE
8) Paste into a <code> block in a Squarespace page.
9) REVISE CODE AS PER HIGHLIGHTS BELOW. See notes inline.
KEEP ALL PRODUCT AND STORE IDs FROM THE CODE YOU JUST GENERATED - these are unique to each product.
You will add ONE js reference to futuraStack (font selection).
Then replace all the options / products / styles code.
Do this in a text editor and then test in your Squarespace Code Block.