Skip to main content

Product

Use Product to place a product selector or product detail block on a page using products created in the Atomicat product editor.

How It Works In Atomicat​

The drawer loads products for the current owner and selected project, then stores the selected product on the element. Product options show product names and can identify bundles. If a selected product is missing, the drawer shows a product-not-found message. When a product is selected, the drawer links to the product editor and exposes a Show Full Product display option. The rendered component uses the selected product data and can show images, gallery, rating, title, description, prices, tiers, variants, subscription options, trust badges, and CTA data depending on product setup.

When To Use It​

  • Add a product selector to checkout or sales pages.
  • Show a full product card with image, rating, description, price, tiers, variants, and trust badges.
  • Connect a page section to a project product instead of duplicating product information manually.
  • Use product bundles when the product editor defines them.

Configure The Element​

  • Create or confirm the product in the product editor first.
  • Select the product from the dropdown in the element drawer.
  • Open Edit in Product Editor when the source data needs changes.
  • Enable Show Full Product when visitors should see product details, not only selection behavior.
  • Review product tiers, variants, subscription settings, and CTA URL in the product setup.

Testing Notes​

  • Preview with the selected product and verify image, price, and tier display.
  • Test selection, variant, subscription, and CTA behavior on the published URL.
  • Confirm deleted or unavailable products do not remain selected on live pages.

Limitations And Tips​

  • Product data depends on the selected project and user ownership, so missing products may indicate workspace mismatch.
  • Changing product data in the product editor can affect every page using that product.
  • Do not manually override product details when the central product record should control the published offer.

FAQ​

Why is my product missing?

It may have been deleted, belong to another project, or not be available to the current workspace owner.

What does Show Full Product do?

It switches from selector-only behavior to a fuller product display with details such as image, rating, description, price, and purchase options.

Can bundles appear in the dropdown?

Yes. The product option label marks products whose type is bundle.