WriteText.ai Templates –
Style your content with CSS classes

Use WriteText.ai template CSS classes to place, style, and reorder every section in your ecommerce theme.

View styling guide docs

Why section‑level styling matters

Every ecommerce store is unique—and your ecommerce layouts reflect your brand as much as your content does. WriteText.ai templates turn each content section, from your headline to your FAQs, into its own CSS class allowing front-end developers to quickly customize your product pages and place each template content section exactly where you want it. This applies across Shopify product templates, WooCommerce product templates, and Magento product templates.

That means with WriteText.ai, you have complete control over where each content section appears on your product or category pages while reusing consistent templates.

Note: Templates are created and managed in the WriteText.ai backend. Default industry templates are available for fashion, beauty and wellness, electronics and gadgets, home and living, books and media, jewelry, and sporting goods and outdoor. You may clone these templates or create from scratch, and customize them by setting up the layout format, adjusting the heading format, and adding special instructions to enrich the generated content.

When you generate content with WriteText.ai without choosing a template (whether for a product or a category), the content will appear as one continuous section of text, divided into one or more paragraphs depending on the length. This “default layout” ensures that the content displays properly in most standard ecommerce themes, with no additional setup required.

In addition to CSS classes, each section also has an associated block ID. This is especially useful if you’re working with a page builder (like Elementor in WooCommerce or the “Custom Liquid” block in Shopify) and want to map or target specific sections directly for styling or placement. That way, your Shopify product templates, WooCommerce product templates, and Magento product templates stay consistent.

However, if you want to style your page in a similar manner as our demo store, you’ll need to use the WriteText.ai template CSS classes (maybe with the help of a front-end developer).

Each enabled section in your template is tagged with a dedicated class (such as .wtai-benefits-section or .wtai-faqs-section), etc. By applying your own styles to these classes in your theme’s stylesheet, you can control exactly where each section appears and how it looks—creating a more dynamic, branded layout that matches your storefront’s design.

Flexible layout with CSS classes

Place sections anywhere: Float specs beside the product image on desktop, then collapse them into an accordion on mobile.
Highlight what matters: Move benefits above the fold or stick your call‑to‑action at the bottom of the gallery.
Keep it clean: Use accordion for your FAQs, make ‘boxes’ with tabs for features, advantages, and benefits, insert closeup images to break up the text – the possibilities are endless.

Even custom image sections and custom prompt sections drop seamlessly into grids, columns, or flex layouts.

Template customization – ready‑made or fully bespoke

WriteText.ai provides a variety of industry-optimized starter category and product description templates right out of the box. These include options for Fashion, Electronics & Gadgets, Health & Beauty, Home & Furniture, Sporting Goods & Outdoor, and Books, Media & Entertainment—each offering a best-practice page structure.

Each template is prefixed with “S-” or “L-”, indicating whether it’s designed for short product text or long product text. Templates have a corresponding long or short counterpart, as a complete product page often requires both sections.

If none of these templates fit your needs, you can either clone any of the templates and then add or remove sections as necessary, or create a new template from scratch and configure the sections you need. Read more about how to set up templates for your platform, whether that’s Shopify product templates, WooCommerce product templates, or Magento product templates.

Every content section you enable outputs its own CSS class, giving you a turnkey foundation that adapts to your catalog in minutes. These classes make product description templates scalable across different platforms.

Section	Why it matters	CSS class name	Block IDs Product short description/ Product long description/ Category
Title (H1)	Grabs attention and tells shoppers what to expect	`.wtai-title-section`	`wtai_excerpt_titlewtai_product_description_titlewtai_category_description_title`
Subtitle / tagline	Reinforces your key promise with a bold line	`.wtai-subtitle-section`	`wtai_excerpt_subtitlewtai_product_description_subtitlewtai_category_description_subtitle`
Introduction	Sets context and tone for your visitors	`.wtai-introduction-section`	`wtai_excerpt_introduction` `wtai_product_description_introduction` `wtai_category_description_introduction`
Features	Highlights core functionality	`.wtai-features-section`	`wtai_excerpt_featureswtai_product_description_featureswtai_category_description_features`
Advantages	Explains why those features matter	`.wtai-advantages-section`	`wtai_excerpt_advantages` `wtai_product_description_advantageswtai_category_description_advantages`
Benefits	Shows real‑world value (“what’s in it for me?”)	`.wtai-benefits-section`	`wtai_excerpt_benefitswtai_product_description_benefitswtai_category_description_benefits`
Use cases	Demonstrates practical scenarios	`.wtai-use_cases-section`	`wtai_excerpt_use_cases` `wtai_product_description_use_caseswtai_category_description_use_cases`
Technical specifications	Presents data in a clean, scannable format	`.wtai-technical_specifications-section`	`wtai_excerpt_technical_specificationswtai_product_description_technical_specifications` (none for category)
FAQs	Answers common questions and builds trust	`.wtai-faqs-section`	`wtai_excerpt_faqswtai_product_description_faqswtai_category_description_faqs`
Call‑to‑action / Conclusion	Guides shoppers to the next step	`.wtai-conclusion-section`	`wtai_excerpt_conclusionwtai_product_description_conclusionwtai_category_description_conclusion`
Image block*	Positions images and generates visual descriptions	`.wtai-image_1-section` **	`wtai_excerpt_image_1wtai_product_description_image_1wtai_category_description_image_1`
Custom prompts *	Inserts bespoke content anywhere you choose	`.wtai-custom_1-section` **	`wtai_excerpt_custom_1wtai_product_description_custom_1wtai_category_description_custom_1`

* You can insert up to 11 image sections, and up to 10 custom prompt sections in one template.
** Image blocks are used to include images from your gallery within the template. Each image block is assigned a unique identifier. For example, the first image block added will have the identifier "..._1-section", while the next will be labeled "..._2-section", and so on. This naming convention also applies to custom prompts added to the template—each follows a sequential identifier format to maintain consistency and organization.

The unique class name for each image block and custom prompt is displayed when you hover over the corresponding section in the template preview in the backend.

Time‑Saving Content Creation

Manual creation (per page)*

With WriteText.ai Templates**

Assuming the product text has been written (which also takes time) and is ready to be copied—and assuming the template has been set up and is ready to use—it takes 10–20 minutes to set up and format a product page similar to our demo store. Category pages are typically less complicated, so they may take only 5–7 minutes to set up.

It takes 30–60 seconds to generate the text, depending on its length and the features used—for instance, real-time online research and image analysis adds to the total completion time. Additionally, it takes 15–30 seconds to push the completed text to the live store.

Time‑Saving Content Creation

Manual creation (per page) *

Assuming the product text has been written (which also takes time) and is ready to be copied—and assuming the template has been set up and is ready to use—it takes 10–20 minutes to set up and format a product page similar to our demo store. Category pages are typically less complicated, so they may take only 5–7 minutes to set up.

With WriteText.ai Templates **

It takes 30–60 seconds to generate the text, depending on its length and the features used—for instance, real-time online research and image analysis adds to the total completion time. Additionally, it takes 15–30 seconds to push the completed text to the live store.

* The time spent for keyword analysis is not included in the time.
** WriteText.ai can do the keyword analysis automatically in the background without any supervision, for instance start keyword bulk analysis for 50, 100 or more products in the evening then then use bulk or single text generation to create the text in the morning when you get to work. Alternatively, you can run full automation to start the whole process in one flow.

Real impact

✅ Launch 100+ products or categories in a few hours automatically without any supervision.
✅ Save 15+ hours for every 100 pages.
✅ Save both time and money

Unlimited flexibility, real results

Why customize

Adopting a class-based content layout isn’t just about aesthetics — it offers unlimited flexibility and yields real results for your business. Here are some key benefits of customizing your WriteText.ai template with CSS classes:

Faster launches: Spin up new collections in minutes by reusing your CSS classes.

Fewer support tickets: Non‑technical team members can tweak layouts without developer help.

Consistent branding: Keep fonts, colors, and spacing uniform across every page with reusable product description templates.

Improved conversion rates: Highlight key messages and CTAs exactly where shoppers expect them.

Better mobile experiences: Tailor which sections show (or collapse) on mobile versus desktop.

Reduced developer backlog: Empower marketing and design teams to make changes without touching core code.

Scalable design: Apply the same class‑based approach across hundreds of SKUs or multiple storefronts.

Effortless A/B testing: Swap or reorder blocks in your stylesheet to test layouts without redeploying templates.

What can be customized

Your stylesheet becomes the only place you need to tweak in order to transform the layout. Adjust font sizes, colors, and spacing for the .wtai-benefits-section to perfectly match your theme’s look and feel. Hide the .wtai-use_cases-section on smaller screens for a cleaner mobile experience. Or add eye-catching animations to the .wtai-faqs-section as visitors scroll. Whether you prefer multi-column grids, accordion-style toggles, or full‑width banners, WriteText.ai’s block classes make it easy to bring your design vision to life — no extra code, no compromise.

Visual Inspiration

All the text you see on the product page in the video below was created automatically with WriteText.ai—no manual writing involved.

Need help customizing your storefront?

Get expert assistance with styling, template setup, and theme tweaks through WriteText.ai Enterprise—a separately billed service that’s not just for big shops but for anyone who wants hands-on customization and support.

Explore Enterprise