Уиджет за отзиви с ИИ конструктори

Работи с тези инструменти

Lovable, Bolt, v0, Replit, Base44 и асистенти като ChatGPT, Claude, Claude Code, Cursor, Windsurf, GitHub Copilot.

Стъпки

1. Копирайте ИИ промпта от Digitap Pro. Отворете уиджета, натиснете „Добави в сайта“ → „Копирай промпт за ИИ“. Промптът вече съдържа вашия код и казва на ИИ къде да го сложи.
2. Поставете в инструмента. Поставете го в чата на инструмента (за асистент за код: в проекта). Оставете го да приложи промяната, после публикувайте или деплойнете.
3. Добавете публикувания адрес в белия списък. Добавете публикувания адрес в „Бял списък с домейни“ (например yourproject.lovable.app, yourproject.vercel.app или ваш домейн). Преглед на друг адрес може да остане празен.

Шаблон на промпта

Ако нямате отворено приложението, копирайте този шаблон и заменете реда заместител с истинския код от Digitap Pro.

Добави моя уиджет за отзиви от Digitap Pro към този уебсайт.

Използвай този код точно както е. Не променяй ID на уиджета, ключа или нито един data- атрибут:

ПОСТАВИ КОДА СИ ОТ DIGITAP PRO ТУК

Къде отива:
- Ако кодът има <div data-widget-id="...">, сложи този елемент точно там, където трябва да се виждат отзивите, и зареди <script> тага веднъж на страница, точно преди </body>.
- Ако кодът е само <script> таг (Значка или Flash), добави го веднъж за целия сайт, точно преди </body>.

Ако сайтът е направен с React, Next.js, Vue, Svelte, Astro или друга рамка, не слагай <script> тага вътре в компонент. Добави го веднъж в index.html или в основния layout (Next.js: next/script със strategy="afterInteractive", като запазиш всеки data- атрибут). В JSX style на <div> трябва да е обект.

Когато приключиш, кажи ми кои файлове си променил.

Технически бележки за React, Next.js и Vue

• Рамките не изпълняват <script>, поставен вътре в компонент, затова скриптът отива веднъж в index.html или в основния layout.
• Next.js: ползвайте next/script със strategy="afterInteractive", като запазите всеки data- атрибут.
• Сложете <div data-widget-id> в компонента, където трябва да се виждат отзивите.
• В JSX style трябва да е обект.

<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>

Отстраняване на проблеми

• Домейнът на сайта липсва от „Бял списък с домейни“ в Digitap Pro. Ако добавите example.com, покрива се и www.example.com.
• Планът на платформата не позволява скриптове (WordPress.com, Squarespace, Webflow: вижте бележките в съответното ръководство).
• Гледате редактора или преглед, а не публикувания сайт. Проверете в частен прозорец.
• Плъгин за кеш или оптимизация показва стара версия на страницата. Изчистете го и презаредете.
• Сайтът изпраща Content-Security-Policy, което блокира https://app.digitap.pro.