W tym wpisie blogowym zobaczysz, jak całkowicie za darmo zainstalować podstronę sprzedażową z okazji zbliżających się Walentynek. Podzielę się również projektem graficznym oraz pokażę, jak wygenerować taką grafikę w AI, a następnie stworzyć z niej wideo.
Dostępny jest również landing page stworzony rok temu pod starszy typ szablonów. Różni się on nieco od nowej wersji.
Na górze widać baner z call to action, np. „Kup prezent", który może kierować do węzła menu z produktami. Poniżej znajdziecie podział na prezenty do określonej kwoty – oczywiście możecie to dowolnie zmieniać. To tylko inspiracja.
Dalej mamy sekcję banerową z podziałem na to, dla kogo ma być prezent.
Możesz w tym miejscu wypromować również sprzedaż karty podarunkowej oraz zachęcić do zapisu do newslettera.
Przechodząc dalej, widać kolejną sekcję banerową, która zachęca do kliknięcia i zakupu produktów.
Na końcu są strefy rekomendacji oraz tekst dodany pod SEO.
Pierwsza wersja landing page'a oparta jest o maskę stworzoną całkiem niedawno, wykorzystuje najnowszą technologię.
Mamy tutaj slider z kategoriami. Takich sliderów możemy dodawać nieskończenie wiele, ale nie warto przesadzać, bo strona będzie się długo wczytywać.
Następnie mamy sekcję z kafelkami kategorii.
Kolejna sekcja to ramki rekomendacji. Mogą one wyświetlać produkty według ID podanych w konfiguracji landing page'a lub pobierać produkty z określonego węzła menu.
Dalej widać sekcję z banerami na wyróżniającym się tle.
A następnie dwie ramki rekomendacji.
Zgodnie z obietnicą, udostępniam również link do figmy na podstawie której programista zakodował landing page'a.
Aby wgrać landing page'a, musisz przejść do panelu, ale na początek trzeba pobrać paczkę.
Kiedy już pobierzesz landing page'a, musisz wypakować go na pulpit. Pokaże Ci się folder, w którym znajdziemy plik index.html oraz folder z grafikami, który trzeba wgrać na serwer IdoSella.
Wejdź w Moderacja → CMS → Zarządzanie plikami dla CMS.
W nowym panelu musisz wejść kolejno w: Sklep → Pliki CMS w sekcji "Zarządzanie" i wybierz „Pliki w CMS".
Następnie wybierz „Dodaj katalog". Kliknij na folder prawym przyciskiem myszy → Zmień nazwę → „Dodaj katalog"→ „Zapisz".
Katalog został utworzony. Aby dodać grafiki, wejdź do zawartości folderu, kliknij „Dodaj pliki" i przeciągnij wszystko.
Teraz będzie nam potrzebny plik index.html, ale najpierw wejdźmy w Sklep → Własne podstrony. W starym panelu opcja ta nazywa się „Własne podstrony CMS".
W tym miejscu musisz utworzyć nowy typ podstron, na którym ładują się wszystkie landing page'e. Kliknij w lewym górnym rogu „Dodaj nowy typ podstron". Automatycznie utworzy się on z kolejnym numerem: CMS1, CMS2 itd.
Kliknij „Edytuj", a następnie „Dodaj nową stronę".
Tytuł, który tutaj podasz będzie wyświetlał się w linku oraz w nagłówku strony, czyli w meta title i meta description, np. „Prezent na Walentynki". Jeśli nie chcesz co roku zmieniać linku, nie musisz dopisywać roku, wystarczy zaktualizować zawartość.
Inne ustawienia możesz zaznaczyć w następujący sposób:
Teraz wgraj swojego landing page. Otwórz plik index.html – możesz użyć darmowego Notepad++, Visual Studio Code albo zwykłego Notatnika. Skopiuj całą zawartość: Ctrl+A (zaznacz wszystko), Ctrl+C (kopiuj).
Następnie w panelu wejdź w „Edycja zaawansowana" i wklej kod. Kliknij „Dodaj tekst" i gotowe.
Przejdźmy teraz po kolei przez samą konfigurację. W załączonej instrukcji jest wyjaśnione, gdzie edytować kod, żeby podmieniać grafiki. W większości przypadków odpowiednie miejsca są oznaczone komentarzami, np. „Tutaj wklejamy slajdy".
Jeśli w poradniku masz napisane, że w danej linijce należy wkleić określony fragment, najłatwiej odnajdziesz to miejsce za pomocą Ctrl+F. Wklejasz szukany tekst i od razu widzisz, gdzie uzupełnić linki oraz grafiki.
Na ten moment skupię się na ramkach rekomendacji. Jak widać, pierwsza ramka jest ładnie oznaczona jako „Ramka rekomendacji 1". Załóżmy, że chcesz wyświetlić w niej np. pięć produktów wybranych ręcznie.
Wracam do sklepu, wybieram dowolną kategorię i pobieram ID pięciu pierwszych produktów. To po prostu kod IAI, który wyświetla się w konfiguracji produktu.
Kopiuję kod IAI i wklejam go w odpowiednie miejsce – pierwszy produkt, po przecinku drugi itd. W ten sposób te pięć produktów powinno wyświetlić się w ramce rekomendacji.
Przejdźmy do drugiej ramki rekomendacji. Załóżmy, że w tym miejscu nie chcesz podawać identyfikatorów produktów, tylko link do konkretnej kategorii. System pobierze wtedy pierwsze X produktów z danego węzła menu.
Przykładowo, chcesz wyświetlić produkty z kategorii „Gryzonie". Skopiuj identyfikator menu i wklej go w kodzie, ale zamiast products_id wpisz products_menu. To wszystko jest wyjaśnione w instrukcji – znajdziesz tam listę możliwych zmiennych.
Teraz możemy oddalić widok i zapisać zmiany. Nie klikaj „Edycja", bo usunie się część kodu i landing page przestanie działać. Używaj tylko „Edycja zaawansowana" i „Podgląd". Teraz możesz sprawdzić na stronie, czy wszystko działa jak należy.
W instrukcji jest wszystko opisane: jak edytować baner i slider na górze strony, jak edytować sekcję z kategoriami. Zostały tam przedstawione zrzuty ekranu pokazujące, do czego odnosi się dana sekcja konfiguracyjna, oraz dokładnie wskazane, które elementy w kodzie trzeba edytować.
Utwórz dedykowaną podstronę na walentynki.
Na prośbę jednego z naszych grupowiczów, przerobiliśmy aby landing page z 2024r pod starszą wersję szablonu mógł być używany na szablonach z 2026 roku i nowszych.
Przygotuj walentynkowy e-mail newsletter dla subskrybentów.
Stwórz tematyczne bannery reklamowe na stronę główną lub strony kategorii.
Zadbaj o grafiki oraz krótkie filmy na media społecznościowe
Do generowania grafik polecam narzędzie Whisk od Google. Po wejściu na stronę kliknij „Otwórz", „Utwórz narzędzie" i „Nowy projekt".
Przykładowo, chcę utworzyć grafikę dla sklepu z perfumami. Na początek wygeneruje flakonik z logiem IdoMods. Klikam „Dodaj obrazy", następnie w sekcji „Temat" wybieram „Prześlij obraz" i wgrywam logo IdoMods.
Teraz napiszę w narzędziu krótkiego prompta: "Zrób perfumy z logiem IdoMods na tle walentynkowym".
Reszty ustawień nie zmieniam i wysyłam. Jak widać, Whisk wygenerował flakonik z logiem IdoMods. Takie grafiki już można wykorzystać w kampanii marketingowej.
Potrzebuję jeszcze wersji na szarym tle, więc dodaję do prompta „na szarym tle". Nie polecam pisać „z przezroczystym tłem", bo aktualny model Whisk jeszcze nie rozumie, co to znaczy przezroczyste tło.
Do stworzenia wideo chciałbym, żeby perfumy wychodziły z walentynkowego pudełka. Piszę prompt: "Zrób pudełko walentynkowe".
Zapisuję sobie wygenerowane grafiki, które mi się podobają.
Można wygenerować również postać, np. kobietę, która aplikuje perfumy. Piszę prompta: "Kobieta z lekko odchyloną głową. Strumień perfum jest skierowany bezpośrednio na szyję. Perfumy są nakładane wyłącznie w okolice szyi".
Dlaczego opis musi być tak precyzyjny? Podczas wcześniejszych testów kobieta trzymająca perfumy psiakała je sobie bezpośrednio w twarz, a perfumy aplikuje się w okolicy szyi.
Na ekranie powinny wyświetlać się wcześniejsze próby generowania tego typu grafik oraz to jak ewoluowały w trakcie.
Co najważniejsze, gdy stworzymy grafikę, możemy kliknąć „Popraw", opisać, co chcemy zmienić, i narzędzie jeszcze raz ją przetworzy.
Teraz przejdę do ChatGPT. Wgrajmy najpierw zdjęcia, które zostały wcześniej wygenerowane przez Whisk – flakonik na tle i pudełko.
Następnie wklejamy prompt, który został podany w linku powyżej. To szablon do ChatGPT określający, w jaki sposób ma wygenerować odpowiedź. Dodatkowo piszę: "Zrób prostą animację, jak perfumy wychylają się znad pudełka prezentowego. W motywie walentynkowym. Tekst mówiony po polsku: „Podaruj zapach i chwilę przyjemności. Walentynkowy zestaw perfum."
Klikam Enter, ChatGPT analizuje te dwa obrazki i na ich podstawie oraz mojego krótkiego opisu stworzy prompta, którego będę mógł wkleić do innego narzędzia.
W międzyczasie, kiedy ChatGPT generuje mi opis do filmu, skorzystam z narzędzia Gemini – też od Google.
Flow i Gemini korzystają z tych samych modeli. W pakiecie Google mamy kilka filmów za darmo ( prawdopodobnie do trzech). We Flow możemy doładować środki, ale generalnie oba narzędzia są tej samej jakości.
Przejdę do Gemini. Wklejam opis wygenerowany wcześniej przez ChatGPT. W opcji "Narzędzia" wybieram "Twórz filmy (Veo 3.1)".
Klikam „+" → „Prześlij pliki". Przesyłam pudełko i flakonik.
Zauważyłem, że gdy dodajemy kilka obrazków, warto wgrywać je w takiej kolejności, w jakiej mają następować po sobie kolejne scenki. Dlatego najpierw wgrywamy zdjęcie z pudełkiem, a później zdjęcie flakonika. Klikamy „Wyślij".
Zrobię dokładnie to samo, ale we Flow. Nawet jeśli będziemy wgrywać tego samego prompta z tymi samymi grafikami referencyjnymi, za każdym razem otrzymamy inne wideo.
We Flow zmieniam na „Składniki do filmu", pojawi się opcja wgrywania, czyli "+"".
Następnie przesyłam zdjęcia, najpierw pudełko, a potem flakonik. Przy każdym z nich wybieram opcję "Przytnij i zapisz obraz".
Teraz wkleję dokładnie tego samego prompta, co w Gemini. Klikam „Wyślij" i czekam na efekt. W razie, gdyby wideo się nam nie podobało, możemy doprecyzować prompt.
Prosty prompt - Subject (Temat / Postać) – kto lub co jest głównym bohaterem sceny.
Action (Akcja) – co robi postać lub co się dzieje w kadrze.
Scene / Context (Scena / Kontekst) – gdzie dzieje się akcja, otoczenie.
Audio (Dźwięk) – muzyka, narracja, efekty dźwiękowe.
Camera angles (Kąty kamery) – z jakiej perspektywy pokazana jest scena.
Camera movements (Ruchy kamery) – np. najazd, panorama, zbliżenie.
Lens & optical effects (Obiektyw i efekty optyczne) – np. szeroki kąt, głębia ostrości, rozmycie.
Visual style & aesthetics (Styl wizualny i estetyka) – kolorystyka, klimat, artystyczny kierunek.
Temporal elements (Elementy czasowe) – tempo, rytm sceny, zmiany w czasie.
Zrób prostą animację jak perfumy wychylają się nad pudełkiem prezentowym. motyw walentynkowy, tekst mówiony po polsku: "Podaruj zapach i chwilę przyjemności. Walentynkowy zestaw z balsamem i perfumami. Zamów już teraz.”
Skorzystaj z gotowych promptów do modeli językowych sztucznej inteligencji. Dzięki nim uzyskasz efekt podobny jak filmy poniżej. Oczywiście prompt należy zmodyfikować, aby był dopasowany do Twojego produktu, biznesu oraz grupy docelowej.
Zwiększ ruch na stronie sklepu
Korzystając z Google Ads, Meta Ads lub innych kanałów reklamowych. Przygotowaliśmy dla Ciebie darmową strategię reklamową:
Wyprzedaż walentynkowa
Strategia Komunikacyjna:
Efektywnie wybieramy konkretne wartości rabatów - kwotowe lub procentowe - by skutecznie przyciągnąć potencjalnych klientów. Kluczowe jest, aby te rabaty były wyraźnie eksponowane zarówno w materiałach reklamowych, jak i grafikach.
Target Reklamy:
Naszym celem są osoby w związkach, zarówno kobiety, jak i mężczyźni, przy czym selekcja targetu zależy od specyfiki branży oraz profilu idealnego klienta danego sklepu.
Uciekający czas do walentynek
Strategia Komunikacyjna:
Koncentrujemy się na poczuciu napiętego czasu, Reklama ma przypomnieć użytkownikom o zbliżających się walentynkach. W kreacji reklamowej zaleca się wykorzystanie elementów takich jak zegar, aby podkreślić naglącą potrzebę dokonania zakupu.
Target Reklamy:
Głównym celem są pary. Proponujemy jednak przeprowadzenie testu, polegającego na stworzeniu dwóch grup reklamowych: jednej skierowanej wyłącznie do mężczyzn lub kobiet, drugiej bez takiego ograniczenia. W zależności od wyników, skuteczniejsza kampania może stać się głównym elementem strategii.
Pakiety prezentowe
Strategia Komunikacyjna:
Skupiamy się na sprzedaży gotowych zestawów prezentowych. Informujemy klientów, że mogą nabyć kompleksowe pakiety, zamiast wybierać poszczególne produkty osobno. Strategia może być rozwinięta o opcję zapakowania prezentu dla klienta lub stworzenie konfiguratora prezentów na stronie, gdzie klient samodzielnie wybiera zawartość pakietu.
Target Reklamy:
Główną grupą docelową są osoby w pary i osoby w relacjach, ale warto również rozważyć zaangażowanych kupujących - takie pakiety z pewnością przyciągną poszukiwaczy okazji.
Stwórz strefę hotspot i specjalny landing page, aby podkreślić swoją ofertę promocyjną.
Dodaj specjalny węzeł w menu głównym, kierujący do landing page.
Ustaw POP-UP, zachęcający do przejścia na walentynkowy landing page.
Zoptymalizuj swój landing page pod SEO.
Wykorzystaj darmową analizę fraz kluczowych, przygotowaną przez IdoMods</>
Plik zawiera ponad 7000 fraz!
Wybierz produkty, które chcesz promować
Analizuj popularność i opinie o produktach, skupiając się na różnorodnym asortymencie idealnym na prezenty walentynkowe. Wyróżnij unikalne produkty, aby zapewnić konkurencyjną ofertę.
Określ, jakie zniżki zaoferujesz na wybrane produkty
Ustal atrakcyjne zniżki (procentowe, kwotowe, dodatkowe benefity) biorąc pod uwagę marżę i przyciąganie klientów. Rozważ dynamiczne zniżki wzrastające w czasie trwania promocji. Obierz jeden kierunek zniżek, aby móc zakomunikować go w treściach marketingowych np. 30% taniej na drugi produkt.
Określ budżet, przeprowadź estymację wyników
Zdefiniuj budżet na marketing i prognozuj wyniki, opierając się na danych historycznych. Monitoruj i dostosowuj strategię podczas trwania kampanii.
Zorganizuj komunikację marketingową w swoim sklepie na walentynki
Twórz przekonujące treści (banery, e-maile, posty w mediach społecznościowych) promując oferty walentynkowe i inspiracje prezentowe.
Czas trwania promocji
Zdecyduj o długości promocji (od jednego dnia do miesiąca), uwzględniając ekskluzywność oferty i możliwości logistyczne, oraz dostosowując ją do modelu biznesowego sklepu.
Stwórz unikalne promocje na walentynki
Zaproponuj ekskluzywne oferty dla lojalnych klientów, np. subskrybentów newslettera lub uczestników programu lojalnościowego.
Podkreśl promocje
Zachęć do zakupów, dodając na stronie sklepu odliczanie do walentynek. Możesz również informować o ograniczonej dostępności produktów.
Zdobądź przewagę nad konkurencją
Dostosuj wysokość rabatów do potrzeb Twojej grupy docelowej, ale zawsze zapewnij wysoką jakość obsługi klienta i łatwość zwrotów - to zwiększy szansę, że klienci będą chętnie wracać do Twojego sklepu.
Lojalizacja klientów
Zbieraj dane marketingowe podczas walentynek - pozwoli Ci to, po walentynkach, skierować komunikaty marketingowe do konsumentów i utrzymać kontakt z obecnymi klientami, np. poprzez newslettery.
Przygotuj odpowiednie stany magazynowe i logistykę
Upewnij się, że masz wystarczające zapasy i jesteś przygotowany na wzmożone zainteresowanie. Oszacuj ilość paczek do wysłania. Sprawdź czy twoi partnerzy logistyczni podołają zwiększonemu ruchowi, jeśli masz własny magazyn, upewnij się, że obsługa poradzi sobie z natężeniem pracy.
Zadbaj o serwer i przeprowadź testy
Upewnij się, że Twój serwer jest gotowy na pliki sprzedażowe. Przeprowadź testową promocję i sprawdź cały proces zakupowy, aby zapewnić klientom płynność realizacji zamówień.
Walentynkowy zestaw narzędzi od IdoMods to strategiczna inwestycja dla Twojego e-commerce. Dzięki naszym wskazówkom, analizie fraz kluczowych i dedykowanemu landing page, zapewniasz sobie solidną podstawę do zwiększenia zaangażowania i sprzedaży w tym kluczowym okresie. Wykorzystaj nasze doświadczenie i zasoby, by maksymalizować ROI Twojej kampanii walentynkowej.
