Kod widżetu obrazów dla sklepów internetowych: makiety i pomysły wizualne dla klientów
Widżet obrazów AI pomaga klientom zobaczyć pomysł na produkt przed zakupem. Oto jak sklepy używają kodu widżetu obrazów i jak utrzymać go w zgodzie z marką i budżetem.
Opublikowano:
Klientom często trudno wyobrazić sobie efekt: nadruk na zamówienie, kolor pokoju, pomysł na prezent. Widżet obrazów AI pozwala im to opisać i w kilka sekund zobaczyć wygenerowaną wizualizację, bez opuszczania sklepu. Ponieważ widżet jest white label, wygląda jak część Twojego sklepu, a nie narzędzie firmy zewnętrznej.
Pomysły, które sprawdzają się w sklepie
- Nadruki i gadżety na zamówienie: „minimalistyczny rysunek gór jedną linią na kubek” daje klientowi punkt wyjścia do rozmowy z Tobą.
- Wnętrza i dekoracje: odwiedzający szkicują nastrój („spokojna skandynawska sypialnia w kolorze szałwii”), zanim przejrzą pasujące produkty.
- Inspiracje prezentowe: szybka wizualizacja pomaga zdecydować, co zamówić.
Napisz wyraźnie na stronie, że obrazy to koncepcje wygenerowane przez AI, a nie zdjęcia produktu, który wysyłasz. Dzięki temu oczekiwania są uczciwe i unikasz zwrotów.
Dodaj go do strony produktu lub strony docelowej
Utwórz widżet typu Obraz w sekcji Widżety, zapisz go i skopiuj kod:
<script src="https://api14.com/widget.js" data-widget="YOUR_WIDGET_ID" async></script>
Większość kreatorów sklepów obsługuje własny blok HTML. Wklej tam tag albo wyświetl widżet w konkretnym elemencie za pomocą data-target. Widżet działa we własnym Shadow DOM, więc CSS Twojego motywu i widżet nigdy sobie nie przeszkadzają.
Dopasuj go do wyglądu sklepu
Widżet obrazów nie ma logo ani dopisku „powered by”. Ustaw tytuł i przycisk w stylu komunikacji Twojego sklepu, wybierz kolor akcentu marki i motyw pasujący do stron. W polu wpisywania pokaż dobry przykładowy prompt: klienci powtarzają to, co widzą.
Utrzymaj przewidywalne wydatki
Sklep miewa pracowite dni, więc ustaw limity przed kampanią:
- Uruchom widżet na osobnym kluczu API. W edytorze ostatnią opcją na liście kluczy jest Utwórz nowy klucz API. Nadaj temu kluczowi dzienny limit wydatków i ogranicz go do wybranego modelu obrazów.
- Dodaj dzienny limit wydatków również dla samego widżetu.
- W sekcji Ustawienia, Ustawienia widżetów określ, ile żądań jeden odwiedzający może wysłać dziennie.
Sekcja Użycie pokazuje żądania widżetu według strony i według widżetu, więc widzisz, czy narzędzie na siebie zarabia.
Zezwól tylko na domenę swojego sklepu
Wpisz domenę sklepu w sekcji Ustawienia, Strony widżetów. Domena obejmuje też swoje subdomeny, więc example.com obejmuje www.example.com.
Wypróbuj kreator na stronie widżetów i zobacz, jak widżet obrazów wyglądałby w Twoim sklepie.