Shopify AI Block Generator: Everything You Need To Know To Transform The Best Results

What if you could design custom sections for a Shopify store with only a few descriptive words?
With the Shopify AI Block Generator, this is no longer a futuristic concept but a powerful reality. Introduced in Shopify’s Summer 25 Edition, this AI-driven feature empowers Shopify merchants to generate fully functional content blocks with minimal effort while promising high conversions.
But how exactly does it work, and how can you make the most of it?
This blog will explain how the AI Block Generator works, its current limitations, what you need to get started, a step-by-step guide, and helpful prompt examples to inspire your own store design.
Right now, let’s dive in and start building smarter with Shopify AI!
What is a Shopify AI Block Generator?
Shopify AI block generator is a notable new theme feature within Shopify's Summer 25 Edition, which is powered by Shopify Magic to simplify store customization. Instead of writing liquid code, HTML, or CSS, merchants can now generate custom, unique blocks using text prompts. This means everyone, even without technical skills, can quickly design and implement sections.
Moreover, AI blocks are highly compatible with Shopify’s latest versions and themes, minimizing potential conflicts and ensuring a smooth, stable user experience. Consequently, Shopify sellers can save significant time and effort compared to building and updating layout variants manually.
Shopify AI Block Generator is a new feature in the Shopify Summer 25 Edition
AI block generation features are available in five Shopify pricing plans: Free trials, Basic, Growth, Advanced, and Plus. Thus, if you’re in the Starter plan, you can not access this feature. Besides that, you need to be mindful of other eligibility and availability for the best performance:
-
Make sure your account language is set to English.
-
Your theme must support custom blocks.
-
You can only add blocks to sections that allow them.
Note: AI-generated code is not always correct. Users need to check and test to ensure that the blocks generated by the Shopify AI Block Generator meet their specific requirements. |
Learn more: Everything You Need to Know About Shopify Sidekick
3 Steps To Use the AI Block Generator on Shopify
As the Shopify AI Block Generator is still new to many users, getting started immediately might feel overwhelming. That’s why you should follow this 3-step guide below to create blocks easily.
Step 1: Navigate to Theme Editor
In your Shopify Admin, click Online Store and select Themes to open the Themes tab.
Select Themes under the Online Store tab
After that, select one of the Horizon Theme Series/ your current theme and click Customize.
Select Customize in your current theme to open your Shopify editor
Step 2: Input a prompt and customize
In the left bar, click Add Section and select a target section.
Click Add Section to choose a proper one that you want to create a new block with AI
Then, within that section, select Add Block and click Generate/ select a random block.
Users have 2 methods to start with prompts for Shopify AI Block Generator
1. Generate (in case you’re in the Shopify Horizon themes)
In the first box (Shopify AI input) in the left-hand bar, you can describe your block design by typing your natural text and then pressing “Enter” or clicking the “Generate” icon to process.
Open the first box (Shopify AI input) to enter a proper prompt for block creation
2. Random blocks (in case you’re in the Store Online 2.0 like Dawn)
You need to click the icon “Open Sidekick” to open a new AI-powered conversation.
Caption: Select the Sidekick icon to open a new conversation powered by Shopify AI
Then, enter a design prompt in this conversion and wait for a link to Shopify AI Block input.
Enter your prompt in Sidekick conversations and get a link to AI block input
Similarly, recheck the prompt and press “Enter” or click the “Generate” icon to process.
After that, Shopify Magic processes inputs, which can often take 30 seconds to a few minutes.
Users need to wait for Shopify Magic to process their requirements
Note: While the Shopify AI Block Generator is a feature of Horizon themes, users can still access it on Online Store 2.0 themes using Sidesick. However, this requires a few extra steps. If you want to test AI block generation without switching to a Horizon theme, this option is excellent. |
Step 3: Edit and save your new blocks
When your AI-powered block is created, enter more prompts to edit AI blocks if necessary.
Enter more prompts to continue editing your new block created by Shopify AI
Once you’re satisfied with your block, click the Save button in the top-right corner to finish.
3 Tricks to Get the Most from Shopify’s AI Block Generator
While the Shopify AI Block Generator seems effortless and intuitive, mastering the art of prompt engineering can enhance your results. Here are 3 expert tips to get the most out of this feature:
1. Keep prompts specific and descriptive
Vague prompts often lead to generic results. That’s why your prompts need to be highly specific and descriptive to create a desirable block that aligns perfectly with the vision.
For example: Instead of "Create a hero banner," try "Generate a full-width hero banner with a large background image, an overlaying headline 'Summer Sale,' a subheadline 'Up to 50% Off,' and a 'Shop Now' button centered on the image, linking to the 'Sale' collections on the website”.
2. Ensure the 4 elements in every prompt
You should focus on the 4 key aspects, including content (list exactly what you need), layout (describe how the elements should be arranged), customization settings (mention what could be editable later), and mobile behavior (explain how the layout adapts on smaller screens). This will help Shopify AI Block Generator understand clearly and provide a more precise result.
For example: "Create a hero section with a large heading, a short paragraph, a call-to-action button, and a product image. The layout should have the text on the left and the image on the right. Make sure I can customize the heading text, paragraph, button label, button link, and image later. On mobile, stack the elements vertically with the image appearing above the text."
3. Combine with other AI tools
If you’re unsure which content to include for your block or how to structure it, you can consider brainstorming with other AI-powered solutions, like Chat GPT, Gemini, or Canva Magic Design. These platforms can significantly spark creative ideas, generate sample copy, and suggest layout concepts that you can refine into high-quality prompts for the Shopify AI Block Generator.
Pro tip: You should start with AI-generated landing page briefs or content outlines. After that, you can plug those ideas into Shopify’s generator with clear formats to speed up your workflow.
10 Prompt Examples to Build Custom Shopify Blocks with AI
#1. A testimonials carousel with 5-star icons
Create a testimonials carousel. Each slide should display a customer's quote, their name, and a 5-star rating icon. Include navigation arrows and pagination dots at the bottom. The carousel should autoplay and have options to set the autoplay speed and number of testimonials shown.
#2. Two-Column hero banner
Create a two-column hero banner. The left column features a large, eye-catching image, and the right column contains a prominent headline, a concise subheadline, and a CTA button. Allow customization of image, text, button text, and button link. Ensure images adapt well on mobile.
Use a prompt to create a two-column hero banner for your Shopify store
#3. A countdown timer for a sale section
Design a countdown timer block for a flash sale section. The timer should display days, hours, minutes, and seconds, clearly indicating the time remaining until a specified date. Include a message above the timer like 'Sale Ends In:' and allow the customization of the date and time.
#4. A Process Block for Specific Products/Services
Create a process section with three steps. Each step should include a numerical indicator (1, 2, 3), a bold title for the step, and a short description explaining the process. Use a horizontal layout for desktop and stack vertically on mobile. Easy to customize step titles and descriptions.
Shopify AI Block Generator helps create a process section block in seconds
#5. An FAQ section with an accordion layout
Build an FAQ section with an accordion layout. Each FAQ item should have a clickable question that expands to reveal the answer. Start with at least three example FAQ items. Ensure the section allows adding or removing FAQ items if needed and modifying questions and answers.
Learn more: How to Create An Effective Shopify FAQ Page (+ Pre-made Templates)
#6. A ‘Why Choose Us’ Section with Custom Icons
Develop a 'Why Choose Us' section with four distinct benefit cards. Each card should feature a custom icon (allow icon selection or upload), a bold benefit title, and a brief supporting description. Arrange these cards in a two-by-two grid on the desktop and stack vertically on mobile.
Create a “Why Choose Us” block with 4 distinctive cards inside
#7. A newsletter signup block with Incentive Text
Create a newsletter signup block. It includes an enticing headline like 'Join Our Community & Get 10% Off Your First Order,' a short body text, an email input field, and a 'Subscribe' button. Position the input field and button horizontally. Allow customization of the text and button color.
#8. A vertical Info Card to highlight features
Create a vertical info card block. This card features a small circular image at the top, followed by a bold title, and a descriptive paragraph about a product feature. Include an optional 'Learn More' button at the bottom. Allow customization of the image, title, description, and button link.
Use Shopify AI to create an info card block to highlight product features
#9. A Product Comparison Table
Design a product comparison table. This table allows you to compare two products side-by-side across at least five customizable features. Include a column for features and separate columns for each product to list whether they have that feature (e.g., checkmark/cross icon or 'Yes'/'No').
#10. A Featured Collection Grid with Filters
Generate a featured collection grid that displays products from a selected collection. The grid should show three products per row on desktop and one on mobile. Include basic filtering options (e.g., by price range, availability). Each product thumbnail should display the product image, title, and price with easy-to-read content. Enable the selection of the featured collection.
Generate a featured collection with advanced filters
GemPages AI in Action: How To Enhance Your Shopify Blocks
In addition to the Shopify AI Block Generator, Shopify sellers can use powerful third-party apps like GemPages to enhance their AI-driven block generation with more advanced functionalities.
GemPages is the #1 landing page builder on Shopify. It offers a drag-and-drop editor to simplify the design and customization of your Shopify storefront. With 200+ CRO templates, it gives sellers a rich source of inspiration to create compelling and conversion-driven pages. One standout feature is the AI-powered Image-to-Layout, which transforms reference images or links into editable page layouts, perfect for optimizing blocks with visual precision and creative flair.
Moreover, GemPages empowers you to optimize performance through GemX, its built-in A/B testing tool. This feature enables you to test different versions of blocks to identify what drives the most conversions, helping you design smarter, data-backed experiences for your audience.
Learn more: Mastering GemPages' AI Feature: Image-to-Layout
Conclusion
The Shopify AI Block Generator, alongside advancements in AI-powered page builders, marks a pivotal moment for Shopify store owners. You don’t need to worry about using complex codes to create custom, tailored blocks or sections that can perfectly match your brand tone and goal. Alternatively, you only use text prompts precisely and wait for the magic of AI to produce results.
Do you want to explore more about eCommerce, Shopify, and the future of AI in web design? Visit the GemPages blogs for expert tips and tutorials on building all smarter, faster, and better.