api14
Skaffa API-nyckel

Vi använder cookies. Cookies och webbläsarlagring håller dig inloggad och kommer ihåg dina preferenser. Med ditt tillstånd mäter vi också hur webbplatsen används. Du kan när som helst. Läs vår cookiepolicy.

Bildwidget

Widgetkod för AI-bildgenerator till din webbplats

Låt besökare beskriva en bild och se den skapas direkt på din sida. Guiden går igenom bildwidgetens kod, placeringsalternativen och inställningarna som spelar roll.

Publicerad:

En bildgeneratorwidget gör om en kort textbeskrivning till en bild, direkt på din sida. Besökarna skriver vad de vill se, modellen du valt skapar bilden och resultatet visas i widgeten med en nedladdningslänk. Du behöver inte bygga något gränssnitt eller hantera filer på din server.

Så fungerar bildwidgeten

  1. En besökare skriver en beskrivning, till exempel ”en fyr i akvarell i solnedgången”.
  2. Widgeten skickar beskrivningen till api14 via widgetens id. Din API-nyckel och dina inställningar stannar på servern.
  3. Bildmodellen skapar bilden och widgeten visar den med en Ladda ner-länk.

Varje förfrågan dras från ditt USD-saldo till modellens ordinarie pris, och gränserna du ställer in (beskrivs nedan) avgör hur mycket widgeten kan spendera.

Widgetkoden

Skapa widgeten under Widgets, välj Bild som typ och spara. Redigeraren visar sedan koden:

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

Klistra in den där generatorn ska visas. Använd data-target="#gallery" för att visa den i ett befintligt element, eller data-height="520px" för att ge resultatet mer utrymme (bildwidgetar har 420px som standard). Välj placeringen Flytande knapp om du hellre vill öppna generatorn från en knapp i hörnet.

Inställningar värda en minut

  • Modell: väljaren listar katalogens bildmodeller med priser. Modeller som bara redigerar eller skalar upp en befintlig bild passar inte här, eftersom widgeten utgår från en textbeskrivning.
  • API-nyckel: välj nyckeln som widgeten ska köras under, eller välj Skapa ny API-nyckel sist i listan. Nyckelns dagliga utgiftsgräns, förfrågningstakt och tillåtna modeller gäller för widgeten.
  • Texter: ange rubrik, platshållartext (ett bra exempel hjälper besökarna att komma igång) och knapptext.
  • Utseende: accentfärg, tema (efter besökaren, ljust eller mörkt) och hörnradie så att widgeten passar din design.

Där en bildwidget passar

  • Bloggar och kreativa communities: besökare illustrerar sina egna idéer.
  • Byråer och studior: ett snabbt konceptverktyg på en landningssida.
  • Utbildning: elever gör om en beskrivning till en bild att diskutera.

Innan du publicerar

Lista dina domäner under Inställningar, Widget-webbplatser; widgeten svarar bara på förfrågningar från de webbplatserna. Ange en daglig utgiftsgräns, prova några beskrivningar i redigerarens förhandsvisning och kontrollera resultatet både i mobilen och på datorn.

Du kan utforma en bildwidget utan konto på widgetsidan. Widgetdokumentationen beskriver alla alternativ i detalj.

Relaterade guider