Roastify Docs

Use the Store editor to update pages, branding, built-in content, and AI Sections

Open Stores, select your Store, and choose Editor. The editor combines page controls with a live preview so you can review changes before saving them.

Choose a Page

Use the page selector to edit the supported Store pages:

Home

Edit the landing-page content and sections.

Catalog

Configure the catalog heading and product layout.

About

Add your brand story and supporting image.

Contact

Update contact information, business hours, and page content.

Product pages can also support custom sections when a product page is selected in the editor.

Edit Existing Content

Choose the page you want to update from the page selector.

Select a built-in section from the editor navigation. Available fields depend on the page and section.

Update the text, images, visibility, layout, or style controls shown for that section.

Review the live preview at desktop and mobile sizes, then save the Store changes.

Product Grid Columns

By default, product cards stack one per row on phones. If most of your visitors shop on mobile, you can show two products per row instead:

Home page Products section: open the section, choose Display, and set Columns on Phones to 2 per row. You can also pin Columns on Desktop to 2, 3, or 4 instead of letting it follow the product count.
Catalog page: open Product Grid, choose Layout, and set Columns on Phones. The Compact layout always shows two per row on phones, and the List layout has no columns.

Switch the live preview to the mobile size to check how your cards look two-up before saving.

Add a Custom Section with Your Own AI

Choose Add a section > Design with AI, describe the section you want, and select Copy AI prompt. Paste that prompt into ChatGPT, Claude, or another AI that can return HTML and CSS. Then paste the AI response into the Store editor and review the live preview.

Roastify prepares the prompt and renders the result. It does not choose or contact an AI provider for you.

Read the full AI Sections guide →

Manage Store Products

Products are assigned from My Products, not from an inventory screen in the Store editor:

Open My Products.
Open the saved design's actions.
Select Manage Integrations.
Add or remove the design from the Roastify Store.

Products are made for fulfillment when customers order them. Check current coffee and variant availability before accepting orders, especially for seasonal releases.

Other Store Controls

Use Billing to complete or manage Stripe Connect.
Use Settings to control Store visibility, domain, customer email notifications, and shipping charges.
Use the main Orders page in the Merchant App to view Store orders.

Customize Your Roastify Store