Add a reviews widget with AI site builders

Works with these tools

Lovable, Bolt, v0, Replit, Base44, and assistants such as ChatGPT, Claude, Claude Code, Cursor, Windsurf, GitHub Copilot.

Steps

1. Copy the AI prompt from Digitap Pro. Open the widget, click "Add to website" → "Copy prompt for AI". The prompt already contains your own code and tells the AI where to put it.
2. Paste into the tool. Paste it into the tool's chat (for a coding assistant, in the project). Let it apply the change, then publish or deploy.
3. Whitelist the published address. Add the published address to Domain Whitelist (for example yourproject.lovable.app, yourproject.vercel.app or your own domain). A preview on another address can stay empty.

Prompt template

If you do not have the app open, copy this template, then replace the placeholder line with your real code from Digitap Pro.

Add my Digitap Pro reviews widget to this website.

Use this code exactly as it is. Do not change the widget ID, the key or any data- attribute:

PASTE YOUR CODE FROM DIGITAP PRO HERE

Where it goes:
- If the code has a <div data-widget-id="...">, put that element exactly where the reviews should appear and load the <script> tag once per page, just before </body>.
- If the code is only a <script> tag (Badge or Flash), add it once for the whole site, just before </body>.

If the site is built with React, Next.js, Vue, Svelte, Astro or another framework, do not put the <script> tag inside a component. Add it once to index.html or the root layout (Next.js: next/script with strategy="afterInteractive", keeping every data- attribute). In JSX the style of the <div> must be an object.

When you are done, tell me which files you changed.

Technical notes for React, Next.js and Vue

• Frameworks do not run a <script> placed inside a component, so the script goes once into index.html or the root layout.
• Next.js: use next/script with strategy="afterInteractive", keeping every data- attribute.
• Put the <div data-widget-id> into the component where the reviews should show.
• In JSX the style must be an object.

<div data-widget-id="YOUR-WIDGET-ID" style="display:block;width:100%;min-height:150px;clear:both;"></div>
<script src="https://app.digitap.pro/widget-embed.js" async data-supabase-anon-key="YOUR-KEY"></script>

Troubleshooting

• The site's domain is missing from the Domain Whitelist in Digitap Pro. Adding example.com also covers www.example.com.
• Your platform plan does not allow scripts (WordPress.com, Squarespace, Webflow: see the plan notes on each guide).
• You are looking at the editor or a preview, not the published site. Check in a private window.
• A cache or optimisation plugin serves an old copy of the page. Clear it and reload.
• The site sends a Content-Security-Policy that blocks https://app.digitap.pro.