Jak napisać prompt do strony internetowej w Kreatorze Stron i Aplikacji AI?

Prompt to opis, na podstawie którego Kreator zbuduje Twoją stronę. Im lepiej go napiszesz, tym bliżej Twojego pomysłu będzie pierwsza wersja i tym mniej poprawek zostanie do zrobienia. Poniżej znajdziesz, z czego składa się dobry prompt, gotowy szablon do wypełnienia i trzy przykłady.

SPIS TREŚCI

Jak wygląda cała praca w Kreatorze Stron i Aplikacji AI, od pierwszego opisu do publikacji strony, pokazujemy krok po kroku w artykule Jak zacząć korzystać z Kreatora Stron i Aplikacji AI? Od pomysłu do działającej strony.

Z czego składa się dobry prompt?

Dobry prompt nie musi być długi. Wystarczy, że odpowie na cztery pytania:

  • Kim jesteś i czym się zajmujesz? Podaj nazwę firmy, branżę, miasto i to, co oferujesz.
  • Dla kogo jest strona? Napisz, kto ma na nią trafić i co ma zrobić: zadzwonić, zarezerwować termin, napisać wiadomość.
  • Jak ma wyglądać? Opisz styl kilkoma słowami i podaj kolory, np. „jasna, minimalistyczna, z granatowymi akcentami”.
  • Jakie sekcje ma mieć? Najlepiej wypisz je w kolejności, w jakiej mają się pojawić na stronie.

Do tego warto dodać dwie rzeczy: język strony oraz konkretne dane, które już masz, np. adres, godziny otwarcia czy cennik.

Jeśli ich nie podasz, Kreator wstawi w ich miejsce przykładowe treści, które trzeba będzie później podmienić.

Jak pisać, żeby Kreator dobrze Cię zrozumiał?

  • Zamiast ogólników podawaj konkrety. „Nowoczesna strona” każdy rozumie inaczej. „Białe tło, granatowe przyciski, duże zdjęcia realizacji” daje Kreatorowi jasną wskazówkę.
  • W pierwszym prompcie opisz całość. Skup się na charakterze strony i jej sekcjach. Szczegóły, np. treść konkretnego przycisku, łatwiej dopracować w kolejnych poleceniach.
  • Poprawiaj po jednej rzeczy. Jedno polecenie to jedna zmiana. Wskaż też, gdzie ma się pojawić: „W sekcji Kontakt dodaj mapę dojazdu”.
  • Rozwijaj stronę, zamiast zaczynać od nowa. Każde polecenie zużywa kredyty AI, więc lepiej poprawić gotową wersję niż generować całą stronę jeszcze raz. Więcej o tym przeczytasz w artykule Jak oszczędzać kredyty AI.
  • Dołącz własne materiały. Opis możesz uzupełnić plikami, np. logo czy zdjęciami produktów, a Kreator wykorzysta je na stronie.

Szablon do skopiowania

Skopiuj szablon, uzupełnij pola w nawiasach kwadratowych i wklej go do czatu w Kreatorze. Linie, które Cię nie dotyczą, po prostu usuń.

Zbuduj stronę internetową dla [nazwa firmy] z [miasto]. Zajmujemy się [czym się zajmujesz, co oferujesz].

Strona ma być po [język] i skierowana do [kto jest Twoim klientem]. Najważniejsze, żeby odwiedzający [co ma zrobić: zadzwonić, zarezerwować, napisać].

Styl: [2-3 słowa opisujące charakter strony]. Kolory: [kolory]. [Dodatkowe wskazówki, np. dużo zdjęć, prosty układ].

Sekcje:
1. [Nagłówek z hasłem i przyciskiem „…”] 2. [Sekcja] 3. [Sekcja] 4. Kontakt: [adres, telefon, godziny otwarcia, formularz]

Dane do wykorzystania: [cennik, godziny, adres i inne informacje, które już masz].

Przykłady wypełnionych szablonów

Ten sam szablon sprawdzi się przy bardzo różnych stronach. Zobacz, jak może wyglądać dla trzech typów działalności.

Lokalna usługa: salon fryzjerski

Zbuduj stronę internetową dla salonu fryzjerskiego „Lustro” z Lublina. Oferujemy strzyżenie damskie i męskie, koloryzację i upięcia okolicznościowe.

Strona ma być po polsku i skierowana do mieszkańców Lublina i okolic. Najważniejsze, żeby odwiedzający znali cennik i zakres usług oraz mogli umówić wizytę telefonicznie.

Styl: elegancki, jasny, spokojny. Kolory: biel, beż i złote akcenty. Dużo zdjęć fryzur w postaci galerii naszych prac.

Sekcje:
1. Nagłówek z hasłem i przyciskiem „Zadzwoń i umów wizytę”
2. Usługi z cennikiem
3. Nasz zespół
4. Galeria fryzur
5. Kontakt: adres, telefon, godziny otwarcia i mapa dojazdu

Dane do wykorzystania: ul. Przykładowa 12, Lublin, tel. 500 000 000, otwarte pon.-pt. 9-19, sob. 9-14.

Portfolio: ilustratorka

Zbuduj stronę portfolio dla Marty Nowak, ilustratorki książek dla dzieci.

Strona ma być po polsku i po angielsku, skierowana do wydawnictw i agencji reklamowych. Najważniejsze, żeby odwiedzający mogli obejrzeć prace i wysłać zapytanie o współpracę.

Styl: kolorowy, lekki, z dużą ilością wolnej przestrzeni. Kolory: pastelowe, z jednym mocnym akcentem w kolorze koralowym. Prace mają być na pierwszym planie.

Sekcje:
1. Nagłówek z imieniem, krótkim opisem i przyciskiem „Zobacz prace”
2. Portfolio z podziałem na kategorie: książki, plakaty, projekty dla marek
3. O mnie
4. Klienci i wydawnictwa, z którymi współpracowałam
5. Kontakt: formularz i e-mail

Gastronomia: bistro

Zbuduj stronę internetową dla bistro „Trzy Talerze” z Gdyni. Serwujemy domowe obiady, codziennie inne danie dnia, oraz śniadania w weekendy.

Strona ma być po polsku i skierowana do osób pracujących w okolicy i mieszkańców. Najważniejsze, żeby odwiedzający sprawdzili menu i zarezerwowali stolik.

Styl: przytulny, domowy, swobodny. Kolory: ciepła zieleń, kremowy i drewno. Duże zdjęcia potraw.

Sekcje:
1. Nagłówek z hasłem i przyciskiem „Zarezerwuj stolik”
2. Menu z podziałem na śniadania, obiady i desery
3. Danie dnia
4. O nas
5. Kontakt: adres, telefon, godziny otwarcia i formularz rezerwacji

Dane do wykorzystania: ul. Przykładowa 5, Gdynia, otwarte pon.-pt. 11-18, sob.-niedz. 9-16.

Nazwy firm, osoby i dane w przykładach są zmyślone. W swoim prompcie wpisz prawdziwe informacje o swojej działalności.

Przykłady poleceń do poprawek

Gdy masz już pierwszą wersję strony, czas na poprawki. Każdy pracuje nad stroną inaczej, ale rodzaje zmian się powtarzają.

Oto przykłady poleceń, które możesz dopasować do swojej strony:

  • Wygląd: „Zmień kolor wszystkich przycisków na granatowy”.
  • Układ: „W sekcji Usługi zamień listę na kafelki ze zdjęciem i ceną”.
  • Treść: „W sekcji O nas skróć tekst do trzech zdań”.
  • Nowa sekcja: „Pod sekcją Menu dodaj sekcję z pięcioma najczęstszymi pytaniami o rezerwacje”.
  • Kolejność: „Przenieś sekcję Opinie klientów nad sekcję Kontakt”.
  • Usunięcie: „Usuń sekcję Klienci i wydawnictwa”.
  • Wersja na telefon: „Na telefonie menu zasłania nagłówek. Popraw to tak, żeby nagłówek był widoczny w całości”.

Każde z tych poleceń dotyczy jednej zmiany i wskazuje, gdzie ma się ona pojawić. Więcej o poprawianiu strony, także ręcznie, przeczytasz w artykule Jak wprowadzać poprawki w projekcie.

Czytaj więcej
<!--// -->baner