How to update your store's design with AI
This is the Steve’s Emporium homepage as it stands, but Steve wants it refreshed for the new season, new brand colors, as well as the products and text adjusted on the page. So let’s use our AI agent to make this change for us.
Before you start
If you haven’t already connected an AI agent to your StoreConnect store, then see the help video on how to do this first.
Verify the store and environment
My agent is already connected to the store via MCP, but being connected isn’t the same as being safe to act. So the first thing to do is verify which store and which environment it’s connected to. Once this is confirmed, then I can ask for a change.
Set the overall style brief
For the first prompt, I’ll describe what I want the overall style to be like, as well as anything to avoid. This initial brief then gets saved to the store rather than just the conversation, so that anytime later, this outline can be referred to again automatically by the agent, and so keeps all future change requests consistent with the overall look.
The agent will then make the required changes to the store’s global CSS and fonts.
Change the page layout
Next, we’ll then ask for the layout change.
A StoreConnect page is made up of layered content blocks, and it’s with these the agent makes the adjustment. No Liquid and no template editing is required.
Preview the result
Once the change has been built, it’ll then render and show us a preview link, and here’s the result. Same products, same copy, same store with new colors, new type, and a genuinely different shape to the page.
Review the staged content change
And every one of these edits are staged into a single content change, so it can be viewed as one complete before and after. But none of this is live yet.
Once we confirm we’re happy with this, the agent will push this into StoreConnect as a content change with a status of review.
Approve and publish
To publish this now, a user with authority to approve then opens the record, reviews the individual changes, and if happy, sets the content change status to published.
And that’s how fast and easy it is to update your store’s design using an AI agent.
