Product and price elements
Atomicat exposes two commerce-oriented blocks in the builder palette:
| Element | Role |
|---|---|
| Product | Full product presentation with purchase actions tied to your Products catalog. |
| Price | Price-focused layout for offers, tiers, or supporting pricing tables. |
Configuration workflow
- Create or import products in the Products area of the app (names, prices, variants, subscriptions when used).
- Drop Product or Price onto the page inside a responsive container.
- In the drawer, select the product or pricing context the block should render.
- Style typography, spacing, and buttons to match your funnel.
- Publish and test a real checkout path in a staging site when available.
Merchandising tips
- Match copy on the page with the SKU the user will actually purchase.
- Show trust cues (guarantee, refund window) adjacent to the product block.
- Keep mobile thumb reach in mind for primary purchase buttons.
Frequently asked questions
Product block versus external checkout link?
Use Product when you run checkout inside Atomicat’s product system. Use a Button with an external URL only when the cart lives entirely off platform.
Can I show multiple products?
Add multiple Product blocks or use templates that bundle several cards; confirm page speed when images are large.