--- title: AI Generated Theme Blocks description: How to use AI theme blocks. --- [Skip to content](https://help.boostertheme.com/knowledge/ai-generated-theme-blocks#main-content) ![logo_white_booster-Sep-13-2022-06-54-02-62-PM.png\]](https://help.boostertheme.com/hs-fs/hubfs/logo_white_booster-Sep-13-2022-06-54-02-62-PM.png?height=36&name=logo_white_booster-Sep-13-2022-06-54-02-62-PM.png) - [Home - Help Center](https://help.boostertheme.com/knowledge) Open main navigation Close main navigation - [Home - Help Center](https://help.boostertheme.com/knowledge) - [Go to boostertheme.com](https://boostertheme.com/) [Go to boostertheme.com](https://boostertheme.com/?hsLang=en) Hello. How can we help you? - There are no suggestions because the search field is empty. 1. [Home - Help Center](https://help.boostertheme.com/knowledge?hsLang=en) 2. [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en) 3. [Sections](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#sections) # AI Generated Theme Blocks ## How to use AI theme blocks. ![Ai generated block image](https://help.boostertheme.com/hs-fs/hubfs/Ai%20generated%20block%20image.png?width=688&height=413&name=Ai%20generated%20block%20image.png) The **AI Blocks** section in the Booster Theme lets you generate theme blocks using Shopify Magic. You can describe the block you want—like a banner, grid, or testimonial—and AI will build the Liquid, HTML, and settings for you, right inside the theme editor. #### In this article: 1. [What is the AI Blocks section](https://help.boostertheme.com/knowledge/ai-generated-theme-blocks#lets-get-started) 2. [How to use AI to generate a block](https://help.boostertheme.com/knowledge/ai-generated-theme-blocks#how-to-generate-an-ai-block) 3. [Tips for writing effective prompts](https://help.boostertheme.com/knowledge/ai-generated-theme-blocks#tips-for-writing-effective-prompts) 4. [Where to find and edit generated blocks](https://help.boostertheme.com/knowledge/ai-generated-theme-blocks#editing-and-managing-generated-blocks) 5. [Developer notes](https://help.boostertheme.com/knowledge/ai-generated-theme-blocks#developer-notes) #### **Let's get started!** #### What is the AI Blocks section The **AI Blocks** section is available in your theme customizer. Inside this section, you can add an **AI Block**, click **Generate**, and enter a prompt describing the layout or content you want. AI will instantly create a block based on your input. This tool is useful if you want to build custom blocks without manually coding them. You can preview the generated block before adding it to your theme. #### How to generate an AI Block To create a new block using AI: - Go to **Online Store > Themes > Customize** - Navigate to the **AI Blocks** section - Click **Add block > Generate** - Type your prompt (example: “Two-column layout with image on left, heading and text on right, and a button below”) - Wait for the preview to load - If you're satisfied, click **Keep** to save the block The block will be added to the section and saved as part of your theme. #### Tips for writing effective prompts When writing your prompt, be clear and specific. Include how you want the layout structured, what elements should be inside, and any design preferences. For example, instead of saying “banner,” say “a full-width banner with background image, bold heading, subheading, and a button in the center.” If you want responsive behavior, mention how it should look on desktop vs. mobile. You can also include styling preferences like background colors, alignment, or padding. The more specific your prompt, the more accurate the result will be. #### Editing and managing generated blocks Once a block is generated and saved, it becomes part of your theme files. You can view or edit it by going to **Edit Code** and opening the `/blocks` folder. Each AI-generated block is saved as a `.liquid` file, just like manually created blocks. You can edit the content, layout, or styling as needed. If you want to remove the block, just delete the file. If you want to make changes, you can either regenerate using a new prompt or adjust the code directly. #### Developer notes AI Blocks are built using Shopify’s theme block architecture. They are compatible with sections that support `@theme` blocks and follow the standard schema format. This makes them reusable and easy to customize. If you're working on a custom section, make sure it supports blocks in its schema. You can also override the generated block layout or settings through Liquid and CSS. For more technical guidance, refer to the Shopify documentation linked below. #### References - [Shopify Docs – AI Generated Theme Blocks](https://shopify.dev/docs/storefronts/themes/architecture/blocks/ai-generated-theme-blocks) - End of article - - [Get started](https://help.boostertheme.com/knowledge/get-started?hsLang=en#main-content) - [Installation Process](https://help.boostertheme.com/knowledge/get-started?hsLang=en#installation-process) - [Learning the basics](https://help.boostertheme.com/knowledge/get-started?hsLang=en#learning-the-basics) - [In-depth Tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#main-content) - [Sections](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#sections) - [Theme settings](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#theme-settings) - [Product Page](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#product-page) - [More tutorials](https://help.boostertheme.com/knowledge/in-depth-tutorials?hsLang=en#more-tutorials) - [More support](https://help.boostertheme.com/knowledge/more-support?hsLang=en#main-content) - [Partners app Ressource center](https://help.boostertheme.com/knowledge/more-support?hsLang=en#partners-app-ressource-center) - [Managing your subscription & theme](https://help.boostertheme.com/knowledge/more-support?hsLang=en#managing-your-subscription-theme) - [Change logs & Policies](https://help.boostertheme.com/knowledge/more-support?hsLang=en#change-logs-policies) - [Announcements and others](https://help.boostertheme.com/knowledge/more-support?hsLang=en#announcements-and-others) [![Chill listening crop-3](https://help.boostertheme.com/hs-fs/hubfs/Booster-black-logo.png?width=178&height=51&name=Booster-black-logo.png "Chill listening crop-3")](https://boostertheme.com/?hsLang=en) Copyright © 2026, Booster Theme - PreviewX Inc.