Código do widget gerador de imagens com IA para o seu site

Um widget gerador de imagens transforma uma descrição curta em uma imagem, direto na sua página. Os visitantes digitam o que querem ver, o modelo que você escolheu cria a imagem e o resultado aparece no widget com um link para baixar. Você não precisa construir uma interface nem lidar com arquivos no seu servidor.

Como o widget de imagem funciona

1. O visitante digita uma descrição, por exemplo "um farol em aquarela ao pôr do sol".
2. O widget envia o prompt para a api14 usando o id do seu widget. Sua chave de API e suas configurações ficam no servidor.
3. O modelo de imagem gera a imagem e o widget a exibe com um link Baixar.

Cada solicitação é cobrada do seu saldo em USD pelo preço normal do modelo, e os controles que você define (descritos abaixo) determinam quanto o widget pode gastar.

O código do widget

Crie o widget em Widgets, escolha Imagem como tipo e salve. O editor então mostra o código:

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

Cole onde o gerador deve aparecer. Use data-target="#gallery" para exibi-lo dentro de um elemento existente, ou data-height="520px" para dar mais espaço ao resultado (widgets de imagem usam 420px por padrão). Escolha a posição Botão flutuante se preferir abrir o gerador por um botão no canto.

Configurações que merecem um minuto

• Modelo: o seletor lista os modelos de imagem do catálogo com seus preços. Modelos que só editam ou ampliam uma imagem existente não servem aqui, porque o widget parte de um prompt de texto.
• Chave de API: selecione a chave com que o widget funciona, ou escolha Criar nova chave de API no fim da lista. O limite de gasto diário, o limite de solicitações e os modelos permitidos dessa chave valem para o widget.
• Textos: defina o título, o texto do campo (um bom prompt de exemplo ajuda os visitantes a começar) e o texto do botão.
• Aparência: cor de destaque, tema (automático, claro ou escuro) e arredondamento dos cantos, para o widget combinar com o seu design.

Onde um widget de imagem faz sentido

• Blogs e comunidades criativas: os visitantes ilustram as próprias ideias.
• Agências e estúdios: uma ferramenta rápida de conceitos em uma landing page.
• Educação: alunos transformam uma descrição em um visual para discutir.

Antes de publicar

Liste seus domínios em Configurações, Sites do widget; o widget só responde a solicitações vindas desses sites. Defina um limite de gasto diário, teste alguns prompts na pré-visualização do editor e confira o resultado no celular e no computador.

Você pode criar um widget de imagem sem conta na página de widgets. A documentação de widgets cobre cada opção em detalhes.