Skip to main content

Prompt Library

Prompts that have already worked on real Subbly stores. Copy, paste, swap in your details, and skip the trial and error on your own build.

Andrija Krstic
Updated by Andrija Krstic
This library collects copy-paste prompts that have already worked on real Subbly stores, organized by what you're trying to build, along with notes on what each one produces and tips for getting a clean result. Use it as a starting point and adapt the bracketed placeholders to your own store. AI tooling is inherently non-deterministic, so running the same prompt twice, even on the same store, can produce different results, so we can't guarantee any prompt here will work exactly as described every time.

Setting up subscription plans & bundles

Prompt:

Let's create a product detail page for each subscription product. Take inspiration from [a competitor site you like]. Create one-time bundles and also give options for subscription frequencies: every month, every 2 months and 3 months.

What it builds: 3 product pages built, each with a one-time bundle option and monthly / every-2-months / every-3-months subscription choices.

Swap in a competitor or inspiration site you actually like; it's used as a style reference.

Prompt:

Create a new subscription onboarding flow on an inner page at /subscribe, use Metafields to collect preferences along with the plan to the checkout. Connect the new URL to the CTAs.

What it builds: A 4-step quiz that walks customers to checkout with their preferences and plan attached.

Change /subscribe to whatever page address you'd like. 'Metafields' is a real Subbly feature name, so keep it in the prompt as-is.

Prompt:

Create a plan selection step when clicking the subscribe button on the page.

What it builds: A plan-selection modal appears on click, with add-to-cart wired up.

Works best once your plans already exist as products.

Prompt:

Create a 7-step '[Product] Finder' quiz at /[quiz-name]. Use [a reference quiz you like] as inspiration for the flow, not the exact design. Each step should ask one question (e.g. preference, habits, taste), and the final step should recommend a specific product based on the answers.

What it builds: A multi-step quiz, on-brand styled, that walks visitors through a series of preference questions with animated transitions and a progress indicator, ending in a personalized product recommendation.

A variation on the subscription onboarding quiz, framed as a fun 'find your match' experience rather than a checkout step, good for products with a lot of variety (roasts, flavors, scents, etc.).

Prompt:

For each existing one-time product, create a corresponding Subscribe & Save version. Base it on the matching one-time product, apply a [X]% discount compared to the one-time price, and include these delivery frequencies: [list your frequency options].

What it builds: A matching subscription version was created for every existing product, each with the discount applied and all requested delivery frequencies attached, published and ready to sell.

Useful when you already have a full one-time product catalog and want to add subscribe-and-save across all of it in one pass, instead of product by product.

Building a ‘create your own box’ experience

Prompt:

When the 'Build your custom box' button is clicked, open a build your box experience. Use configurable bundles.

What it builds: Build-your-box page created with a tier selector, wired to the existing button.

Make sure a 'build your own box' button already exists on the page before running this.

Prompt:

On the build-a-box section, let people choose the same item more than once, up to the max item count: add a quantity selector for each option. Then create a configurable bundle from the items and wire it into the build-a-box widget, matching the existing design.

What it builds: Each item got its own +/- quantity stepper; a new configurable bundle was created with a max-item rule and wired into the build-a-box UI, with the total cap enforced live as customers add items.

Works when you already have a build-a-box section; this adds a quantity picker and hooks up the underlying bundle product.

Collecting customer emails

Prompt:

Create a popover that collects emails, using [attached reference images] as inspiration but adapted to our own design and imagery. Include a small side tab that appears when the popover is closed, so visitors can reopen it. Show the popover automatically about 10 seconds after page load.

What it builds: A branded popup with themed imagery and an offer, appearing 10s after load; closing it leaves a small reopenable tab; shows a success message on signup and won't reappear for people who already subscribed or dismissed it.

Attach a couple of reference images: this prompt styles from examples, not from scratch. Swap the sample discount/wording for your own offer.

Prompt:

On the hero section, gate the primary button behind an email field: customers must enter their email before they can click through. Once submitted, send the email to Subbly Leads via API.

What it builds: An email field sits above the button; the button stays disabled until a valid email is entered. On submit, the email is captured and the visitor is taken to checkout.

Update the button text to match your page. Naming your email tool by name (e.g. 'Subbly Leads') works better than saying 'connect it to my email list.'

Prompt:

Create an email collection popover that appears when a customer visits the website after 7s, give them a 25% off incentive and let them know what they can expect to get emailed over time, plus that they can unsubscribe any time. Use marketing best practices.

What it builds: A timed popup with an incentive and a plain-English unsubscribe notice, written in friendly marketing copy.

Adjust the discount to your actual offer.

Prompt:

Create an exit intent popover, asking users to join our mailing list with an incentive. Use Subbly Leads.

What it builds: A popup that triggers when someone's about to leave the page, on both desktop and mobile.

Naming 'Subbly Leads' specifically (instead of 'my email list') gets a cleaner result.

Connecting email list to Mailchimp/Klaviyo

Prompt:

Create a form for email collection, show it on page load after 7 seconds. Include a label and the email input field with the submit button. Once submitted, pass the emails to [your email tool] List ID: [your list ID].

What it builds: A popup with validation that sends new emails straight to your email tool's list.

Replace the list ID placeholder with your own before using this.

Adding a newsletter page

Prompt:

Step 1: “Let's add a Monthly Newsletter page to the site, add a link to the main nav, use Contentful for the newsletter articles.” Step 2: “Go ahead and use the CMS API to create the data we need for our newsletter, then finish setting it up and connecting it fully.” If that hits a permission error, authorize the CMS management token, then: Step 3: “Try

What it builds: A /newsletters page with article pages and a nav link, fully connected to Contentful.

Step 2 can hit an authorization error the first time. That's expected, not a failure. Just authorize access and re-run step 3.

Adding a members-only area

Prompt:

In the main nav, add a login icon button next to the subscribe button that links to the customer portal. Grab the store's customer portal link from Subbly API.

What it builds: A login/account icon added to the nav (with a matching entry in the mobile menu) linking to a full customer portal, including a login page, and once signed in, an account area where customers can view and manage their subscription.

If the agent is struggling to get the correct link for you, here's how you can get it yourself.

Prompt:

If a customer is logged into the members area and has an active subscription to [a specific product], show a banner in the shop letting them know their discount is applied, and show the discounted prices on eligible products.

What it builds: A discount banner appears at the top of the shop for qualifying members, and prices update to show the member discount automatically.

Name the specific product/plan the discount should key off of; it keeps the eligibility check precise instead of matching any active subscription.

Customizing checkout & upsells

Prompt:

Create the necessary subscription products and wire them up to the CTAs on the pricing section so that it takes the customer to checkout to purchase.

What it builds: A subscription product was created with multiple plan options (e.g. monthly / quarterly / every-6-months), and every pricing card's button was connected to its matching plan so clicking it opens checkout pre-loaded with that exact plan.

Short-form prompt: works well once your pricing section already shows the plans/prices you want.

Prompt:

Create subscription products for the plans on the homepage and connect the CTAs so clicking a button adds the plan to cart and goes straight to checkout. Also style the cart widget in our brand colors (background, buttons) with no gradient.

What it builds: Plans created and buttons wired to jump straight to checkout (skipping the cart summary step); the cart widget was restyled with the brand's own color palette instead of the default theme.

Call out specific styling constraints explicitly (like 'no gradient'); it gets followed exactly instead of guessed at.

Prompt:

When the gift subscription toggle is on, open a gift modal to capture the recipient's details (email, name, message, number of deliveries). Pass this captured info through and store it in the relevant fields at checkout.

What it builds: A branded gift modal collects recipient email (required), name, message, and delivery count; on submit, the plan is added to cart with the gift details attached and checkout opens pre-loaded.

Useful for subscription products that are commonly bought as gifts: keeps the gift details attached to the order without extra steps for the buyer.

Fixing a bug on my site

Prompt:

[Something] isn't showing up at checkout, can you debug it?

What it builds: Root cause found and fixed: fields collected earlier in the flow weren't linked to the product, so checkout had nowhere to display them. Fixed the link and verified the full flow end-to-end, no code changes needed.

Just describing the symptom (what's missing/broken and where) is usually enough; you don't need to diagnose the cause yourself.

Prompt:

When the site loads, a different font briefly appears before the correct font kicks in, why the discrepancy, and can you fix it?

What it builds: Diagnosed as a 'flash of fallback font' (browser showing a system font while the custom fonts download). Fixed by preloading the font files so the correct fonts are ready before the page first paints.

Describing what you're seeing and when (e.g. 'on load, then it corrects itself') is usually enough detail for a fix like this.

Rebuilding my site to match another site I like

Prompt:

Rebuild my homepage. Scrape my current site at [your URL] for the existing layout, assets, and copy. Preserve [what to keep, e.g. logo, color palette, tagline] but improve the overall design quality. For layout/structure inspiration, look at [a site whose structure you like]: [describe what you like about it, e.g. full-width alternating sections, generous

What it builds: A rebuilt homepage that keeps the brand's identity (logo, palette, tone) intact while adopting a cleaner structure and layout inspired by the reference site.

Being explicit about what NOT to change (logo, palette, tagline) is what keeps the brand recognizable; without it, redesigns tend to drift too far from the original.

Prompt:

Build a pixel-perfect replica of [reference site URL]. Fetch and render it at both desktop and mobile widths, and extract the computed styling for every section (fonts, colors, spacing, borders, shadows, breakpoints). Download and re-host every image/icon, keeping original filenames. Then build each section in the same order, matching structure and spacing at

What it builds: A much more literal, style-accurate replica than a looser 'take inspiration from' prompt, useful when the goal is matching a reference site closely rather than a fresh take on it.

This is the detailed/advanced version of the site-rebuild prompt, expect clarifying questions back before it starts, since it's asking for a precise match rather than a general redesign.

Building a landing page

Prompt:

Build a single-page landing page for [your brand], a [one-line description]. Use this exact section order: hero, urgency strip, what's inside, pricing, FAQ with footer. In the hero, use a full-viewport background image with the logo top-left and a centered, emotionally-driven headline reading something like '[headline]', with a subhead of '[subhead]'. Below that, one

What it builds: A five-section landing page built to spec, in the exact order requested, with the hero headline/CTA wired to jump straight to the pricing section.

Specifying the exact section order and what the hero CTA should say/link to removes almost all follow-up revisions.

Prompt:

Create a landing page for [your business] (use the attached logo). Infer the color palette from the logo: call out the hex codes if you have them, and which colors should dominate. Use [a specific font] for headlines and [a different font] for body text (link the exact Google Fonts pages).

What it builds: A landing page built entirely around the uploaded logo's color palette and the exact fonts specified, rather than a generic default theme.

Naming exact hex codes and linking the specific Google Fonts pages (not just 'a serif font') is what gets an on-brand result on the first try.

Prompt:

Build a pricing page with a comparison table using [your plan details, e.g. from attached images]. Use [your logo] in the header. Branding: [primary color] and [highlight color].

What it builds: A pricing page with plan cards (price, badge like 'Most popular'), a full feature comparison table below, and branding applied throughout (colors, logo, fonts).

Attaching reference images with the actual plan details (rather than typing them out) got clean, accurate pricing cards on the first pass.

Improving my SEO

Prompt:

Fix the SEO on my site and get it ready to launch.

What it builds: Added a dynamic page title and meta description, Open Graph and Twitter card tags, keyword/author metadata, a robots file allowing indexing, a sitemap, and structured data (JSON-LD) for the site.

If your site isn't hosted on the default preview domain, double check the canonical URL gets updated to your real domain before launch.

Prompt:

Optimize the site for SEO: set unique page titles and meta descriptions for each page based on their content, add relevant keywords to meta tags, make sure all images have descriptive alt tags, add Open Graph tags for social sharing, and enable automatic sitemap and robots.txt generation.

What it builds: Added global + per-page metadata (titles, descriptions, keywords, Open Graph, robots directives), descriptive alt text across product/quiz images, and an auto-generated sitemap.

A more explicit, checklist-style version of the SEO prompt, useful if you want to make sure nothing gets skipped, vs. the shorter 'fix my SEO' version.

Making my site mobile-friendly

Prompt:

Make sure the site is mobile responsive, including all sections and everything.

What it builds: Touch targets enlarged across the header, menu, and cart icons; swipe support added to hero slides; sticky CTAs made always-visible instead of hover-only; carousels and cards resized to scale properly on small screens.

Works best as a pass after the desktop version is finished: ask for it section by section if the whole-site version misses something.

How did we do?

Webpage Anatomy

Contact