Skip to content
Have your “Inputs” preparedConfirm your page’s angleConfirm your page’s offer (see High-AOV Offers module for guidance)Have your Product Research Document readyGenerate the Carousel MapIf you have not built the Carousel Map Alchemist yet, follow the SOP below for the prompts to build it: The Carousel Map Alchemist should generate an output like the screenshot below.
Copy it or export it to Google Docs
Then, based on it’s recommendations, pair each slide section with the appropriate , and go onto the next step for generating the copywriting and image for each slide sectionYou should lay out your Figma something like this:
→ Image Template with Image type name on top - and In order that AI ranks them
→ Put AI’s description text below each image
Generate the Carousel copywritingGenerate the Page MapFor this to work, you will need to have completed a – if you don’t have one, you can easily generate one from your Deep Research Machine by following this SOP: The Page Map Alchemist should generate an output like the screenshot below.
Copy it or export it to Google Docs
Add Replo sections to a new project — following your new page mapGenerate the copy for each section – using the Page Copywriting toolStep 1: Upload the Product Research DocumentStep 2: Copy and paste your page Angle in one or two lines.Step 3: Upload a screenshot of the exact template for the section you are building.Step 4: Paste the current description text for that section.Copy and paste the copywriting to each template sectionCritically analyze the copywriting and try to improve itGenerate / upload the images for each sectionChoose the appropriate order form template that complements your offerSetup the order form functionalityExport at 3-4x resolution to ensure images are not blurryImportant tips on generating images:
To get the most professional results for your listicle, use Gemini, as its natively integrated image model is specifically optimized for following complex design instructions.
For the best outcome, follow these three rules:
Always Upload a High-Definition Reference: You must provide a high-quality, clear image of your product. Without a visual baseline, the AI cannot accurately replicate your product's specific branding, textures, or mechanics.
Define Your Shot Type & Context: Be explicit about whether you need a Close-up Shot (to show detail/durability) or a Lifestyle Shot (to show the product in use, like in a car interior), etc... Giving the AI a descriptive example of the setting helps it place your product naturally.
Specify Your Layout Ratio: Ensure your images fit the listicle template by telling the AI the exact dimensions or aspect ratio you need. For this listicle template, use a 2:3 landscape ratio for hero section and step images.
Generate One Image at a Time: Do not attempt to generate a "Dual Image" (side-by-side split) in a single prompt. For maximum control, generate each side of the comparison separately, then manually combine them into a split-screen graphic afterward. This prevents the AI from blending the two concepts and ensures both "Before" and "After" shots remain crisp and accurate to your brand.Add a sticky CTA and set link to be a “URL hashmark” so it scrolls to the order formUpdate the branding and fonts for all sections(Optional) Hide Shopify header/footer (very important)Right click on the page to Edit Page Settings
Click on “Shopify Theme”
We recommend choosing to Hide Announcement Bar if you don’t want that visibleYou can choose to either Hide Header/Footer or just to Show Footer OnlySEO informationRight click on the page to Edit Page Settings
Click on the “General” tab
Simplify the URL slugAdd a relevant page title (this will be visible in browser tab)Add a SEO descriptionSet a featured image (use the same as the one in the hero section)You can enable or disable “Show page in SEO” — this is optionalQAing the pageQA: order form functionalityCheck if the hero section (if added) is above the fold hero sectionUse these dimensions on your browser to verify:
360px width
650px height Check copywriting for typosCheck how page looks on your own mobile deviceTest every CTA button and ensure it redirects to the correct product page.Confirm all links on the page work and open the intended destination.Verify the discount code works correctly and is properly configured in Shopify.Complete a full test order to confirm checkout flow, pricing, shipping, and confirmation emails function properly.Ensure headlines clearly communicate all key selling points when read on their own.Confirm each headline aligns with and accurately represents the section beneath it.Make sure captions directly support and explain the image they are paired with.Ensure images reinforce the sales message and are not decorative without purpose.Review all body copy for clarity, persuasion, grammar, and flow.Verify the offer details are accurate, compelling, and consistent with Shopify settings.Check that FAQs are clear, objection-handling focused, and properly formatted.Confirm the correct author name is displayed in the hero section.Verify the published date is accurate and formatted correctly.Check spelling, punctuation, spacing, and formatting consistency across the page.Ensure mobile responsiveness is clean with proper spacing, font sizing, and button visibility.Check desktop responsiveness for layout consistency and visual hierarchy.Publish the page in Replo and re-check all functionality on the live version – on your mobile.Review the live page on your own mobile device.Review the live page on your own desktop device.Have at least one additional team member complete a full QA review before traffic is sent.Do a test orderPublish the page and run your traffic
Optional: Do a V2 refinement of all of the copy and image assets after 7 days of running ads
Q. Should you use a custom domain?You can if you want, but it’s extra work for little ROI.There’s not much harm at all keeping the listicle on your root domain. Only a very small amount of shoppers will ever look at the URL properly.Q. How can you guarantee compliance?Depending on the market you are in, your product, and your advertising strategy, you may need to add a terms & conditions section to the page.
We’ve added an advertising disclaimer at the bottom of the page in the FAQ section — but we highly advise you to study the laws and regulations of your industry as you may need to provide further context and disclaimers in order to fully comply.
Building a product page
Optional bonus steps
Frequently asked questions
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.