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

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

GemPages Team
Updated:
12 minutes read
shopify ai block generator

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

Shopify AI Block Generator is a new feature in the Shopify Summer 25 Edition

AI block generation features are available in five Shopify pricing plansFree 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 online store 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 to open shopify editor

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.  

select proper section to create new block with ai

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.  

2 methods to start with prompts for shopify ai block generator

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

enter prompts into shopify ai input

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. 

select sidekick icon

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 prompt in sidekick and get link to 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

wait for shopify magic to process requirements

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 edit new block

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

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.

two-column hero banner

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.

create process block 

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 why choose us

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.

create info card

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'). 

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.

featured collection with advanced filters

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.

FAQs

Does Shopify allow AI?
Yes. Shopify supports AI-powered features, including Shopify Sidekick, the new release in Shopify Summer Edition 25, and more. It also enables AI-driven functions from third-party apps.
How to create a block on Shopify?
Currently, you can create a block on Shopify by utilizing Shopify AI Block Generator, manually coding, customizing pre-built blocks, or using third-party landing page builders like GemPages.
Is it free to try Shopify AI Block Generator?
Yes, the Shopify AI Block Generator is available on most Shopify plans (except for Starter). There is no extra cost for this feature&semi users only need to be on an active Shopify subscription.
Topics: 

Start selling

Create your Shopify Store with $1/mo in first 3 months

Create Shopify store

Start using GemPages

Explore our brands