Código do widget de imagem para lojas online: mockups e ideias visuais para clientes

Muitas vezes o cliente tem dificuldade para imaginar o resultado: uma estampa personalizada, a cor de um ambiente, uma ideia de presente. Um widget de imagem com IA permite que ele descreva o que quer e veja um visual gerado em segundos, sem sair da sua loja. Como o widget é white label, ele parece parte da sua loja, e não uma ferramenta de terceiros.

Ideias que funcionam em uma loja

• Estampas e produtos personalizados: "um desenho minimalista de montanhas em traço único para uma caneca" dá ao cliente um ponto de partida para conversar com você.
• Decoração e interiores: os visitantes esboçam um clima ("um quarto escandinavo tranquilo em verde-sálvia") antes de navegar pelos produtos que combinam.
• Inspiração para presentes: um visual rápido ajuda a decidir o que encomendar.

Deixe claro na página que as imagens são conceitos gerados por IA, e não fotos de um produto que você envia. Isso mantém as expectativas honestas e evita devoluções.

Adicione a uma página de produto ou landing page

Crie um widget do tipo Imagem em Widgets, salve e copie o código:

<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>

A maioria das plataformas de loja aceita um bloco de HTML personalizado. Cole a tag ali, ou exiba o widget em um elemento específico com data-target. O widget vive no próprio Shadow DOM, então o CSS do seu tema e o widget nunca interferem um no outro.

Deixe com a cara da sua loja

O widget de imagem não tem logo nem linha "powered by". Defina o título e o botão no tom da sua loja, escolha a cor de destaque da sua marca e um tema que combine com as suas páginas. Use o texto do campo para mostrar um bom prompt de exemplo: os clientes copiam o que veem.

Mantenha os gastos previsíveis

Uma loja pode ter dias de muito movimento, então defina limites antes de uma campanha:

• Rode o widget com uma chave de API exclusiva. No editor, a última opção da lista de chaves é Criar nova chave de API. Dê a essa chave um limite de gasto diário e restrinja-a ao modelo de imagem escolhido.
• Adicione também um limite de gasto diário no próprio widget.
• Em Configurações, Controles de widgets, defina quantas solicitações um visitante pode enviar por dia.

Uso mostra as solicitações do widget por site e por widget, então você vê se a ferramenta se paga.

Permita apenas o domínio da sua loja

Liste o domínio da loja em Configurações, Sites do widget. Um domínio também cobre seus subdomínios, então example.com inclui www.example.com.

Experimente o editor na página de widgets para ver como um widget de imagem ficaria na sua loja.