Kode widget generator gambar AI untuk situs web Anda
Biarkan pengunjung mendeskripsikan gambar dan melihatnya dibuat di halaman Anda. Panduan ini membahas kode widget gambar, opsi penempatan, dan pengaturan yang penting.
Diterbitkan:
Widget generator gambar mengubah deskripsi teks singkat menjadi gambar, langsung di halaman Anda. Pengunjung mengetik apa yang ingin mereka lihat, model pilihan Anda membuatnya, dan hasilnya muncul di widget dengan tautan unduh. Anda tidak perlu membangun front end atau mengelola file di server.
Cara kerja widget gambar
- Pengunjung mengetik deskripsi, misalnya "mercusuar cat air saat matahari terbenam".
- Widget mengirim prompt ke api14 melalui id widget Anda. API key dan pengaturan Anda tetap di server.
- Model gambar membuat gambarnya, dan widget menampilkannya dengan tautan Unduh.
Setiap permintaan dibebankan ke saldo USD Anda sesuai harga normal model, dan kontrol yang Anda atur (dijelaskan di bawah) menentukan berapa banyak yang boleh dibelanjakan widget.
Kode widget
Buat widget di Widget, pilih Gambar sebagai jenisnya, lalu simpan. Editor kemudian menampilkan kodenya:
<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>
Tempel kode di tempat generator harus muncul. Gunakan data-target="#gallery" untuk menampilkannya di elemen yang sudah ada, atau data-height="520px" untuk memberi ruang lebih bagi hasilnya (widget gambar secara bawaan setinggi 420px). Pilih penempatan Tombol mengambang jika Anda lebih suka membuka generator dari tombol di sudut.
Pengaturan yang layak diperhatikan
- Model: pemilih menampilkan model gambar di katalog beserta harganya. Model yang hanya mengedit atau memperbesar resolusi gambar yang sudah ada tidak berguna di sini, karena widget dimulai dari prompt teks.
- API key: pilih key yang menjalankan widget, atau pilih Buat API key baru di akhir daftar. Batas pengeluaran harian, batas laju permintaan, dan model yang diizinkan pada key tersebut berlaku untuk widget.
- Teks: atur judul, teks petunjuk input (contoh prompt yang baik membantu pengunjung memulai), dan label tombol.
- Tampilan: warna aksen, tema (ikuti pengunjung, terang, atau gelap), dan kelengkungan sudut agar widget serasi dengan desain Anda.
Di mana widget gambar cocok dipakai
- Blog dan komunitas kreatif: pengunjung mengilustrasikan ide mereka sendiri.
- Agensi dan studio: alat konsep cepat di landing page.
- Pendidikan: siswa mengubah deskripsi menjadi visual untuk didiskusikan.
Sebelum dipublikasikan
Daftarkan domain Anda di Pengaturan, Situs widget; widget hanya menjawab permintaan dari situs tersebut. Atur batas pengeluaran harian, coba beberapa prompt di pratinjau editor, dan periksa hasilnya di ponsel maupun desktop.
Anda bisa merancang widget gambar tanpa akun di halaman widget. Dokumentasi widget membahas setiap opsi secara rinci.