WiserReview
Support Docs

Create AI Review Widgets in WiserReview Using AI

The AI Review Widget lets you create custom review widget designs in WiserReview using an AI assistant through MCP.

You can describe the widget you want, and the AI assistant can help you create, update, redesign, fetch code, and generate a live URL for your review widget.

Before You Start

Make sure you have:

Access to your WiserReview account

Access to the AI Review Widget feature

Access to Claude with custom connector support

The MCP connection details from WiserReview:

  • MCP Server URL
  • Client ID
  • Client Secret

Note: In this guide, Claude is used only as an example AI tool.

You can use any AI assistant or platform that supports MCP/custom connectors, such as Claude, ChatGPT, Gemini, or another MCP-compatible AI tool.

The setup steps may look slightly different depending on the AI tool you use, but the process is generally the same:

  1. Open the AI tool’s Connectors or MCP settings
  2. Add WiserReview as a custom connector
  3. Paste the connection details from WiserReview
  4. Start a chat and describe the review widget you want

Step 1: Open the AI Review Widget in WiserReview

1. Log in to your WiserReview account.

2. Go to the AI Review Widget section.

Open the AI Review Widget in WiserReview

3. Click Add widget.

Open the AI Review Widget in WiserReview

4. In the setup popup, copy:

WiserReview AI Review Widget setup popup showing MCP Server URL, Client ID, and Client Secret with copy buttons

  • MCP Server URL
  • Client ID
  • Client Secret

Keep the Client Secret private and secure.

Step 2: Add WiserReview as a Custom Connector in Claude

For individual Claude users:

1. Open Claude.

2. Go to Customize.

Add WiserReview as a Custom Connector in Claude

3. Select Connectors.

4. Click the + button.

Add WiserReview as a Custom Connector in Claude

5. Select Add custom connector.

6. Enter a connector name, such as WiserReview AI Review Widget.

Add WiserReview as a Custom Connector in Claude

7. Paste the MCP Server URL from WiserReview.

8. Open Advanced settings.

9. Add the Client ID and Client Secret.

10. Click Add.

11. Complete the connection process if prompted.

Step 3: Create Your First AI Review Widget

Once connected

Start a new chat in Claude.

Use a prompt like:

Create a clean review widget for my homepage. I want a 3-column layout with customer name, star rating, review text, and date. Use a white background, rounded cards, and purple accents.

Claude can then use the WiserReview connector to help create the widget.

Step 4: Embed the Widget on Your Website

Embed the Widget on Your Website

Once the widget is saved:

1. Ask Claude for the widget embed code or live URL.

2. Copy the code.

3. Open your website page editor.

4. Add a custom HTML block or embed section.

5. Paste the widget code.

6. Save and publish the page.

7. Preview the website to confirm the review widget appears correctly.