
Olivier
@oliviercroguy • 5,884 subscribers
Ecommerce Funnel builder & CRO for Wellness/Health DTC brands. Building agentic systems for ecommerce.
Shorts
Videos

My AI made Shopify pages are getting better and better everyday Here’s an example of a Shopify section I built with the reference page and the result on my store 👇 Guide: To make good AI landing pages, you need to use the same method as making good AI UGC or AI product images you have to take something that's already good as a reference for Claude/gemini to analyze and adapt for your product/brand for now you can't adapt full landing pages to your product because the Claude context gets bloated fast and you get poor output. Listicles are the only kind of page you can "one shot" with Claude. But Product pages are another story Analyze an existing page and adapting it to your product section by section is the way to go. The results are 10x better. here's an example (on the video): 1- I found this good product section from im8's product page. I screen-recorded the section on both desktop and mobile, going through the animations to capture the dynamism that a screenshot wouldn’t show. Then I asked Claude Web or Gemini to analyze the recording and produce a very detailed report. Full prompt is on my TG channel, it's quite long. 2- then ask Claude (inside your Shopify brand project folder): "I have a detailed UI/UX specification document for a product page section I want to adapt to my product. Recreate this exactly on Shopify as a section template and adapt it to [name of the product] using the brand guidelines" (paste the result prompt from step 1 ). 3- you will have your section ready after 3-4 minutes. you'll probably have to change a few things. spacing, small visual bugs, price not appearing correctly. it will take you 5 minutes maximum. 4- then you can ask Claude to make 4 different variations of the section using different designs and pick the best one using this prompt: "Create 4 design variations of this section. Keep the content and layout structure identical across all, only vary the visual treatment (color usage, typography hierarchy, spacing, component styling). I will choose the one I like the most." after that you have a pretty good section, and you can do the process again for all sections of the page. The less complex the section, the faster the process will be. note: I know the AI result is not perfect, but it's pretty impressive imo and it will only get better.
Olivier84,679 görüntüleme • 4 ay önce
Daha fazla içerik yok.