Kup stronę 60% Taniej
BLACK MONTH
BLACK MONTH
Do końca 2 DNI : 2 GODZIN : 2 MINUT : 2 SEKUND
Nie udało Ci się znaleźć rozwiązania problemu? Skontaktuj się z nami poprzez chat online lub zapytaj na naszej grupie na Facebooku.
Masz pomysł na nową funkcjonalność? Koniecznie podziel się nim z innymi.
Możesz też się zapoznać z naszym kursem tworzenia dobrych stron.
Do ogarnięcia w jeden wieczór.
Kategorie.
Nie udało Ci się znaleźć rozwiązania problemu? Skontaktuj się z nami poprzez chat online lub zapytaj na naszej grupie na Facebooku.
Masz pomysł na nową funkcjonalność? Koniecznie podziel się nim z innymi.
Możesz też się zapoznać z naszym kursem tworzenia dobrych stron.
Do ogarnięcia w jeden wieczór.
Widgety AI
Widget AI to wyjątkowo wszechstronne narzędzie, które pozwala w prosty sposób dodać do strony wiele funkcji — bez potrzeby znajomości kodu ani szukania zewnętrznych integracji. Możesz z jego pomocą stworzyć zarówno proste elementy, takie jak kalkulator promocji na Black Friday czy licznik odliczania do wydarzenia, jak i bardziej zaawansowane rozwiązania, np. ekran ładowania czy wyszukiwarkę.
Spis treści:
Jak edytować już istniejący widget
Przykładowe prompty z gotowymi funkcjami:
1. Dodaj element widget AI:
2. Uzupełnij prompt
Możesz wykorzystać gotowe podpowiedzi, stanowią one też przykład jak powinien wyglądać prompt.
3. Naciśnij "Wygeneruj".
**Możesz też wybrać gotowy z zakładki kompozycji.
4. Gotowe, widget został dodany, przetestuj jego działanie w podglądzie strony lub najlepiej na opublikowanej stronie. W panelu ustawień widget można poprawić za pomocą dalszych promptów, jest też możliwość zajrzenia do kodu html widgetu:
Przykładowe prompty z gotowymi funkcjami
Licznik promocji
Widget stworzony z myślą o akcji promocyjnej BLACK WEEK. Prezentuje duży, wyraźny licznik (dni, godziny, minuty, sekundy) w kontrastujących kolorach, które przykują uwagę odwiedzającego stronę. Po upływie promocji automatycznie wyświetla komunikat informujący o zakończeniu promocji. To prosty sposób, by zwiększyć zaangażowanie odwiedzających i podnieść skuteczność Twojej kampanii — wypróbuj go już teraz!
Prompt do skopiowania:
# CEL:
Stworzenie banera z licznikiem czasu, informującego o końcu promocji "Black Week". Widget musi być czytelny, kontrastowy i nowoczesny.
#SPECYFIKACJA WIDGETU:
1. Główny kontener:
* Tło: Użyj koloru `--neutral1`.
* Kształt: Prostokąt z zaokrąglonymi rogami (12px).
* Układ wewnętrzny: Wszystkie elementy wyśrodkowane w poziomie. Zapewnij padding wewnętrzny (24px góra/dół, 32px boki).
2. Układ elementów (od góry do dołu):
* Element 1: Etykieta promocji
* Typ elementu: Mały tekst.
* Treść: "BLACK WEEK".
* Styl tekstu: Wszystkie litery wielkie (ALL CAPS), pogrubienie.
* Kolor tekstu: `--brand`.
* Element 2: Tytuł
* Typ elementu: Nagłówek.
* Treść: "Promocja kończy się za"
* Styl tekstu: Standardowy.
* Kolor tekstu: `--neutral2`.
* Element 3: Licznik czasu
* **Data docelowa:** Ustaw licznik tak, aby odliczał czas do końca dnia **30 listopada** bieżącego roku.
* Układ: Horyzontalny, składający się z 4 bloków liczbowych, 3 separatorów i 4 etykiet pod liczbami.
* Bloki liczbowe (Dni, Godziny, Minuty, Sekundy):
* Typ elementu: Duży tekst.
* Styl tekstu: Bardzo duży, pogrubienie.
* Kolor tekstu: `--brand`.
* Separatory (pomiędzy liczbami):
* Treść: ":" (dwukropek)
* Styl tekstu: Taki sam rozmiar i grubość jak bloki liczbowe.
* Kolor tekstu: `--brand`.
* Etykiety pod licznikiem:
* Typ elementu: Mały tekst.
* Treść: "DNI", "GODZ", "MIN", "SEK" (wyrównane pod odpowiednimi liczbami).
* Styl tekstu: Wszystkie litery wielkie (ALL CAPS).
* Kolor tekstu: `--neutral2`.
* Element 4: Tekst pomocniczy
* Typ elementu: Paragraf.
* Treść: "Nie przegap ostatniej szansy"
* Styl tekstu: Standardowy.
* Kolor tekstu: `--neutral2`.
Kalkulator oszczędności
Estetyczny i atrakcyjny kalkulator oszczędności dedykowany dla promocji BLACK WEEK w kolorach przykuwających uwagę odwiedzającego, który po wpisaniu wartości z zamówienia może łatwo sprawdzić ile uda mu się zaoszczędzić korzystając z promocji.
Prompt do skopiowania:
# CEL:
Stworzenie interaktywnego banera z kalkulatorem oszczędności "Black Week". Użytkownik ma mieć możliwość wpisania wartości swojego koszyka, a widget musi automatycznie i na żywo obliczyć oraz wyświetlić kwotę oszczędności i finalną cenę po rabacie.
# LOGIKA KALKULATORA:
* **Stawka rabatu:** Ustaw stałą stawkę rabatu na **30%**.
* **Interaktywność:** Wszystkie pola wyjściowe (Oszczędności, Wartość w podsumowaniu, Kwota do zapłaty) muszą aktualizować się automatycznie, gdy użytkownik wpisuje wartość w polu "Wartość koszyka".
* **Formuły:**
* `Kwota oszczędności = Wartość koszyka * 0.30`
* `Kwota do zapłaty = Wartość koszyka * 0.70`
* **Wartość domyślna:** Ustaw domyślną "Wartość koszyka" na **199**, aby widget od razu pokazywał przykładowe obliczenia.
* **Formatowanie:** Wszystkie kwoty (wejściowe i wyjściowe) powinny być wyświetlane jako waluta (np. "45,00 zł").
#SPECYFIKACJA WIDGETU:
1. Główny kontener:
* Tło: Użyj koloru `--neutral1`.
* Kształt: Prostokąt z zaokrąglonymi rogami (12px).
* Układ wewnętrzny: Zapewnij padding wewnętrzny (np. 24px góra/dół, 32px boki).
2. Układ elementów (od góry do dołu):
* Element 1: Etykieta promocji
* Typ elementu: Mały tekst.
* Treść: "BLACK WEEK".
* Styl tekstu: Wszystkie litery wielkie (ALL CAPS), pogrubienie, wyrównanie do środka.
* Kolor tekstu: `--brand`.
* Element 2: Tytuł
* Typ elementu: Nagłówek.
* Treść: "Kalkulator oszczędności".
* Styl tekstu: Standardowy, wyrównanie do środka.
* Kolor tekstu: `--neutral2`.
* Element 3: Pole do wprowadzania danych
* Etykieta (nad polem):
* Treść: "Wartość koszyka (zł)"
* Styl: Mały tekst, wyrównanie do lewej.
* Kolor: `--neutral2`.
* Pole (Input):
* Typ: Pole numeryczne.
* Wartość: Powiązana z `Wartość koszyka` z logiki.
* Styl: Ciemne tło (nieco jaśniejsze niż `--neutral1`), zaokrąglone rogi, wewnętrzny padding.
* Kolor tekstu: `--neutral2`.
* Element 4: Blok wyników (Oszczędności)
* Kontener: Prostokąt z wyraźną ramką (border) w kolorze `--brand` i zaokrąglonymi rogami (12px).
* Układ wewnętrzny: Wyśrodkowany, duży padding (np. 20px).
* Element 4a (Etykieta):
* Treść: "Twoje oszczędności"
* Styl: Standardowy, wyrównanie do środka.
* Kolor: `--neutral2`.
* Element 4b (Wynik):
* Treść: Powiązana z `Kwota oszczędności` z logiki.
* Styl: Bardzo duży tekst, pogrubiony, wyrównanie do środka.
* Kolor: `--brand`.
* Element 4c (Sub-etykieta):
* Treść: "Rabat: 30%"
* Styl: Mały tekst, wyrównanie do środka.
* Kolor: `--neutral2`.
* Element 5: Blok podsumowania
* Układ: Dwie linie, każda podzielona (etykieta wyrównana do lewej, wartość do prawej).
* Linia 1:
* Etykieta (lewa): "Wartość koszyka:" (Kolor: `--neutral2`)
* Wartość (prawa): Powiązana z `Wartość koszyka` z logiki. (Kolor: `--neutral2`)
* Linia 2:
* Etykieta (lewa): "Zapłacisz:" (Kolor: `--neutral2`)
* Wartość (prawa): Powiązana z `Kwota do zapłaty` z logiki. (Kolor: `--brand`, Styl: pogrubiony).
* Element 6: Stopka
* Układ: Ikona i tekst w jednej linii, wyśrodkowane.
* Treść: "💰 Rabat 30% na wszystko podczas Black Week"
* Styl tekstu: Mały tekst.
* Kolor tekstu: `--neutral2`.
Kreator stron www WebWave umożliwia tworzenie stron www z pełną swobodą. Strony internetowe możesz tworzyć zaczynając od czystej karty lub wykorzystując szablony www. Strona www bez kodowania? To łatwe - zacznij już teraz.
contact@webwavecms.com
+48 731 395 898
Porozmawiaj z nami na czacie
Od godziny 08:00 do 22:00
Ta strona została stworzona w kreatorze WebWave.
Znajdziesz nas na:
Pomoc.
Firma.