Kod widżetu generatora obrazów AI na Twoją stronę

Widżet generatora obrazów zamienia krótki opis tekstowy w obraz, bezpośrednio na Twojej stronie. Odwiedzający wpisują, co chcą zobaczyć, wybrany przez Ciebie model to tworzy, a wynik pojawia się w widżecie z linkiem do pobrania. Nie musisz budować interfejsu ani obsługiwać plików na swoim serwerze.

Jak działa widżet obrazów

1. Odwiedzający wpisuje opis, na przykład „latarnia morska o zachodzie słońca, akwarela”.
2. Widżet wysyła prompt do api14, posługując się identyfikatorem widżetu. Twój klucz API i ustawienia pozostają na serwerze.
3. Model obrazów generuje obraz, a widżet wyświetla go z linkiem Pobierz.

Każde żądanie jest pobierane z Twojego salda w USD według zwykłej ceny modelu, a ustawione przez Ciebie limity (opisane niżej) decydują, ile widżet może wydać.

Kod widżetu

Utwórz widżet w sekcji Widżety, wybierz typ Obraz i zapisz. Edytor pokaże wtedy kod:

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

Wklej go tam, gdzie ma pojawić się generator. Użyj data-target="#gallery", aby wyświetlić widżet w istniejącym elemencie, albo data-height="520px", aby dać wynikowi więcej miejsca (widżety obrazów mają domyślnie 420px). Wybierz umiejscowienie Pływający przycisk, jeśli wolisz otwierać generator przyciskiem w rogu.

Ustawienia warte chwili uwagi

• Model: selektor pokazuje modele obrazów z katalogu wraz z cenami. Modele, które tylko edytują lub powiększają istniejący obraz, nie przydadzą się tutaj, bo widżet zaczyna od promptu tekstowego.
• Klucz API: wybierz klucz, na którym działa widżet, albo opcję Utwórz nowy klucz API na końcu listy. Dzienny limit wydatków, limit żądań i dozwolone modele tego klucza obowiązują widżet.
• Teksty: ustaw tytuł, tekst w polu wpisywania (dobry przykładowy prompt pomaga odwiedzającym zacząć) i etykietę przycisku.
• Wygląd: kolor akcentu, motyw (automatyczny, jasny lub ciemny) i zaokrąglenie rogów, aby widżet pasował do Twojego projektu.

Gdzie sprawdza się widżet obrazów

• Blogi i społeczności kreatywne: odwiedzający ilustrują własne pomysły.
• Agencje i studia: szybkie narzędzie do koncepcji na stronie docelowej.
• Edukacja: uczniowie zamieniają opis w obraz do dyskusji.

Zanim opublikujesz

Wpisz swoje domeny w sekcji Ustawienia, Strony widżetów; widżet odpowiada tylko na żądania z tych stron. Ustaw dzienny limit wydatków, wypróbuj kilka promptów w podglądzie edytora i sprawdź wynik zarówno na telefonie, jak i na komputerze.

Widżet obrazów możesz zaprojektować bez konta na stronie widżetów. Dokumentacja widżetów szczegółowo opisuje każdą opcję.