Skip to main content
Cookbook WooCommerce Botiga

Build a Conversion-Focused Botiga Shop Page with AI

Describe your store and the AI assembles a full-width shop page from WooCommerce blocks, styled by Botiga and saved as a draft.

Difficulty Beginner
Time ~10 min

Prerequisites

The Botiga theme 2.4.8 or newer with WooCommerce, and a connected site. Turn on both switches under Botiga > Settings > AI MCP: Enable Abilities, and Enable Edit Abilities. Reads work with only the first one on; writes need both. You also need a few published products and two published product categories so the product and category sections have something to show.

The prompt
My site runs the Botiga theme with WooCommerce. Build me a shop page for [your store or offer] and save it as a draft. Do not publish it.

Include a hero band with the headline [your headline], a short supporting line, and a "Shop now" button in [#hex color] linking to my shop page; a row of featured products from [category or "best sellers"]; a three-column benefits strip for [free shipping, easy returns, secure checkout, or your own three]; a featured-category section linking to [category one] and [category two]; and a closing call-to-action band.

Build it from core block editor and WooCommerce blocks written into the page content, and pull real products and categories from my store rather than placeholders. Let text, headings, links, and product blocks inherit Botiga's own styling, and only apply the color I gave you to the Shop now button.

Botiga keeps two per-page switches in post meta: set _botiga_page_builder_mode to 1 for the full-width canvas, and _botiga_hide_page_title to 1 to drop the page title. Set both on the draft.

If a link target I named does not exist, use an in-page anchor instead and tell me which one you swapped. When you are done, give me the draft link and the editor link, read both page-meta values back to confirm they persisted, and list every section you built so I can spot-check before I publish.
Already connected?

Skip pasting the full prompt. Drop this into your AI on a site that already has WPVibe:

Run the “Build a Conversion-Focused Botiga Shop Page with AI” recipe from the WPVibe cookbook on my connected site.

A shop page has one job, which is sending people to products and getting them to buy. Botiga ships the layout tools for it, but assembling a hero, a product row, a benefits strip, and category tiles by hand takes an afternoon. The two settings that make the page feel like a storefront, full width and no page title, sit in a per-page options panel most people never open.

The AI writes the page from block editor and WooCommerce blocks, the same markup the editor itself produces, so the result opens in the normal editor afterwards. It queries your store for real products and categories instead of dropping in placeholders, leaves text and product styling to Botiga, and applies your button color on top. It sets Botiga’s page-builder mode, hides the title, and saves the whole thing as a draft, so nothing reaches your storefront until you publish it.

Fill in the brackets and paste the prompt. Open the draft in the normal editor, preview it on desktop and phone, and change anything you want. Publish it and set it as your Shop page yourself, since the AI deliberately stops at the draft. If you name a category that does not exist yet, the AI tells you what it substituted rather than leaving you a dead link to find later.

Outcome

A draft, full-width shop page with a hero, live product rows, a benefits strip, and category links, styled to fit your Botiga store and ready for you to review and publish.