PassiveWP logo
Help CenterSettings / Design

AI Theme Generation: Create Branded Product Styles Quickly and Safely

Step-by-step help for settings / design, including where to click, what to change, and how to confirm it worked.

Settings / Design7 guided stepsCtrl/Cmd + K search
Ctrl/Cmd + K

AI Theme Generation: Create Branded Product Styles Quickly and Safely

Settings / Design

How this article is organized
Go hereUse the route chips to see the exact menu path before you click.
Do thisFollow the action callout to make the change without extra guesswork.
ConfirmUse the verification cue to make sure the fix actually worked.

AI-assisted design themes can speed up styling, but still need quick human QA before going live.

When to Use This Guide

Use this before publishing new monetized content, changing integrations, or troubleshooting connection issues.


Before You Start

  • You are logged into WordPress with an Administrator account.
  • You can access PassiveWP -> Settings.
  • You have any required keys or partner credentials ready.

Exact Menu Path

WordPress Admin -> PassiveWP -> Settings -> Design

Step-by-Step Walkthrough

Step 1: Go to PassiveWP -> Settings -> Design, then open the AI Theme section.

Go here WordPress AdminPassiveWPSettingsDesign

Do this In WordPress AdminPassiveWPSettingsDesign, open "Create Theme With AI", set theme details, click "Generate Theme", review output, then click Save Changes.

Confirm Theme generation should complete and a styled preview should appear without red error notices.

Step 2: Enter a unique theme name, choose style direction and color mode, and select your AI model.

Go here WordPress AdminPassiveWPSettingsDesign

Do this In WordPress AdminPassiveWPSettingsDesign, fill theme name/style/color mode, add optional brand notes or logo/URL values, then run generation and review the preview before saving.

Confirm Theme generation should complete and a styled preview should appear without red error notices.

Step 3: Add optional brand notes, website URL, logo URL, or brand colors to guide the output.

Go here WordPress AdminPassiveWPSettingsDesign

Do this In WordPress AdminPassiveWPSettingsDesign, fill theme name/style/color mode, add optional brand notes or logo/URL values, then run generation and review the preview before saving.

Confirm After saving, reload the Design tab and confirm your theme settings are still selected.

Step 4: Click Generate AI Theme and wait until all block styles finish generating.

Go here WordPress AdminPassiveWPSettingsDesign

Do this In WordPress AdminPassiveWPSettingsDesign, open "Create Theme With AI", set theme details, click "Generate Theme", review output, then click Save Changes.

Confirm Theme generation should complete and a styled preview should appear without red error notices.

Step 5: Preview the generated theme with real product blocks and check readability, contrast, and button clarity.

Go here WordPress AdminPassiveWPSettingsDesign

Do this In WordPress AdminPassiveWPSettingsDesign, open preview with real product blocks, check button contrast and text legibility on desktop/mobile, then adjust and save.

Confirm CTA buttons, price text, and badges should be readable on both desktop and mobile preview.

Step 6: Make manual edits where needed, save settings, and apply the theme to one test page first.

Go here WordPress AdminPassiveWPSettingsDesign

Do this In WordPress AdminPassiveWPSettingsDesign, change one style setting at a time, save, and preview product blocks on desktop and mobile.

Confirm After saving, reload the Design tab and confirm your theme settings are still selected.

Step 7: Validate desktop and mobile rendering, then roll out to high-traffic pages and track CTR changes.

Go here WordPress AdminPassiveWPSettingsDesign

Do this In WordPress AdminPassiveWPSettingsDesign, change one style setting at a time, save, and preview product blocks on desktop and mobile.

Confirm CTA buttons, price text, and badges should be readable on both desktop and mobile preview.

Quick Troubleshooting Checks

  • Re-open the same settings tab and confirm values are still present.
  • Run the built-in test for that integration (Amazon/OpenAI/MaxMind).
  • If a key is defined in wp-config, update it there instead of the UI field.

Common Mistakes to Avoid

  • Leaving defaults in place without checking if they match your niche.
  • Ignoring failed connection tests before publishing monetized content.
  • Using invalid or expired credentials and expecting background jobs to recover.

Success Checklist

  • Connection test returns success.
  • Defaults match your target country and monetization style.
  • A test post renders correctly on desktop and mobile.

Pro Tips for Affiliate Marketers

  • Re-test credentials after rotating keys.
  • Keep credentials in one secure document so your team stays synced.
  • Review settings monthly, especially before seasonal campaigns.

If You Get Stuck

Open the matching troubleshooting article in this help center and repeat one step at a time instead of changing multiple settings at once.

Was this article helpful?

Ready to build better affiliate pages and get more from your traffic?

Build cleaner money pages, keep product data fresh, and know what to improve next without stacking more tools on top of WordPress.

PassiveWP dashboard overview