Materiały referencyjne do migracji formularzy Amped.io

Czego się dowiesz?

Dowiedz się, jak przenieść formularze Amped.io (obecnie w Mailchimp) do Klaviyo. Od 15 sierpnia 2025 r. Amped.io nie będzie już obsługiwać integracji firm trzecich, takich jak Klaviyo. Ten przewodnik stanowi materiał referencyjny, który pomoże zidentyfikować i udokumentować kluczowe elementy istniejących formularzy, aby można było łatwo odtworzyć je w Klaviyo.

Kilka słów na początek

Ponieważ musisz odtworzyć formularze w Klaviyo, zalecamy zrobienie zrzutów ekranu lub inne udokumentowanie formularzy i stylów Amped.io, aby móc się do nich odwołać. Powtórz ten proces dla każdego formularza Mailchimp, który zamierzasz przenieść do Klaviyo, oraz dla każdego kroku, jaki może mieć formularz.

Elementy formularza

Aby wiernie odtworzyć formularze w Klaviyo, dokładnie udokumentuj wygląd i ustawienia istniejących formularzy. Zazwyczaj warto udokumentować lub wykonać zrzuty ekranu następujących kluczowych elementów wraz z ich ustawieniami stylu.

Pola wejściowe

Udokumentuj lub zrób zrzut ekranu każdego pola w formularzu, w tym standardowego pola adresu e-mail. Może to również obejmować pola, takie jak numer telefonu, data urodzenia i wszelkie inne informacje, które zbierasz od klientów.

Pamiętaj, aby zrobić zrzut ekranu:

• Etykiety pól
  Widoczna etykieta dla każdego pola (np. "Imię," "Ulubiony kolor," "Data urodzin").
• Typy pól
  Zwróć uwagę na typ każdego pola (np. tekst, liczba, data, przyciski opcji, pola wyboru, lista rozwijana).
• Znaczniki scalania
  Powiązane z każdym polem pola odbiorców Mailchimp. W ten sposób zidentyfikujesz właściwości niestandardowe do utworzenia w Klaviyo.
• Tekst zastępczy
  Dowolny przykładowy lub instruktażowy tekst, który pojawia się w polu wejściowym, zanim użytkownik zacznie w nim pisać.

W Mailchimp możesz uzyskać dostęp do tych informacji, klikając bezpośrednio pole w edytorze formularzy. Po prawej stronie otworzy się panel z ustawieniami pola wejściowego.

Tutaj znajdziesz informacje o danych powiązanych z polem, a także o wszystkich zastosowanych stylach. Zrób zrzut ekranu lub w inny sposób udokumentuj te ustawienia, aby móc się do nich odnieść podczas ponownego tworzenia formularzy w Klaviyo.

Tekst formularza

Warto też utworzyć zapis całej treści (tj. tekstu i komunikatów) w formularzu. Pamiętaj, aby udokumentować:

• Nagłówek formularza
  Główny nagłówek formularza (np. "Dołącz do naszego newslettera", "Zyskaj 10% rabatu").
• Tekst główny
  Dowolny tekst opisowy, który wyjaśnia wartość subskrypcji, to, co będą otrzymywać, lub zawiera instrukcje.
• Tekst przycisku
  Tekst na dowolnych przyciskach (np. „Subskrybuj”, „Odbierz ofertę”, „Zapisz mnie”).
• Komunikat potwierdzający
  Komunikat wyświetlany użytkownikowi po przesłaniu formularza.
• Język ujawniania informacji
  Wszelki język ujawniania informacji w formularzu, który informuje klientów o szczegółach tego, na co się zapisują, oraz o tym, jak Twoja marka wykorzysta ich dane.

W Mailchimp możesz wyświetlić ustawienia danego fragmentu tekstu, klikając go w edytorze formularzy. Po prawej stronie otworzy się panel, w którym znajdziesz wszystkie zastosowane style. Zrób zrzut ekranu lub w inny sposób udokumentuj te ustawienia, aby móc się do nich odwołać podczas ponownego tworzenia formularzy w Klaviyo.

Przyciski

Przyciski to kolejny kluczowy element formularza. Może być kilka przycisków, jeśli formularz ma wiele kroków, więc pamiętaj, aby zapisać ustawienia dla wszystkich z nich. Pamiętaj, aby udokumentować:

• Projekt i styl
  Kolory przycisków (np. kolory tekstu, kolory tła itd.), wypełnienie oraz czcionki.
• Etykiety
  Tekst na przyciskach (np. „Prześlij”, „Zarejestruj się”, „Odbierz rabat”, „Dalej”).
• Zachowanie przycisku
  Zachowanie Twoich przycisków, gdy klienci je klikają (np. przejście do następnego kroku, przesłanie, przekierowanie itp.)
• Zbieranie danych
  Jeśli masz jakiekolwiek przyciski, które zbierają informacje od klientów (np. przyciski opcji), udokumentuj znaczniki odbiorców, z którymi są powiązane w Mailchimp, aby móc odtworzyć je jako właściwości niestandardowe w Klaviyo.
• Stan wyłączony
  Jak wygląda przycisk, gdy jest wyłączony (np. zanim zostaną wypełnione wszystkie wymagane pola)? Obejmuje to zmianę koloru i stylu kursora.

W Mailchimp możesz wyświetlić ustawienia przycisku, klikając go w edytorze formularzy. Po prawej stronie otworzy się panel z ustawieniami przycisku. Tutaj znajdziesz informacje o działaniu przycisku oraz o wszystkich zastosowanych stylach. Zrób zrzut ekranu lub w inny sposób udokumentuj te ustawienia, aby móc się do nich odwołać podczas odtwarzania formularzy w Klaviyo.

teaser

Jeśli masz włączony teaser formularza w Mailchimp, udokumentuj treść i wygląd, aby móc odtworzyć go w Klaviyo. Zrób zrzuty ekranu lub w inny sposób udokumentuj:

• Treści teasera
  Dowolny tekst lub obrazy w teaserze i w wezwaniu do działania (CTA).
• Projekt i stylizacja teasera
  Zwróć uwagę na szczegóły projektu i stylizacji, takie jak miejsce wyświetlania teasera na ekranie, jego kształt i rozmiar, kolory oraz czcionki.
• Wyświetlanie i zachowanie teasera
  Udokumentuj ustawienia wyświetlania i zachowania teasera, takie jak wyzwalacz, częstotliwość i ustawienia widoczności.

W kreatorze formularzy Mailchimp teasery nazywają się elementami drugiej szansy. Aby wyświetlić ustawienia teasera:

1. W panelu Kroki kliknij Działanie następcze.
2. Kliknij Kontener drugiej szansy.
3. Wyświetl i udokumentuj ustawienia teasera w panelu po prawej stronie.

Zachowanie i funkcjonalność

Po zapisaniu elementów wizualnych formularza Mailchimp następnym krokiem jest uchwycenie jego zachowania i funkcjonalności. Pamiętaj, aby udokumentować następujące ustawienia w formularzach Mailchimp:

• Czas wyświetlania
  Udokumentuj, jak i kiedy wyświetla się formularz (np. po wczytaniu strony, po opóźnieniu, przy próbie wyjścia, po osiągnięciu określonego procentu przewinięcia).
• Częstotliwość wyświetlania
  Określ, jak często formularz jest wyświetlany użytkownikowi (np. wyświetl raz na sesję, wyświetlaj za każdym razem).
• Specjalne objaśnienia dotyczące interaktywności
  Uwzględnij wszelkie konkretne interakcje lub wyzwalacze (np. coś się dzieje, gdy wydarzy się coś innego).
• Reguły kierowania
  • URL-e
    Na których stronach formularz ma się pojawiać, a na których ma być wykluczony?
  • Urządzenia
    Na jakich urządzeniach ma się wyświetlać formularz (np. na urządzeniach mobilnych, komputerach stacjonarnych lub na obu)?
  • Typ odwiedzającego
    Czy formularz ma być kierowany do nowych czy powracających profili?
  • Kierowanie geograficzne
    Czy formularz jest kierowany na określone lokalizacje geograficzne?
  • Parametry UTM
    Czy formularz jest wyzwalany przez określone parametry UTM?

Aby wyświetlić ustawienia zachowania i funkcjonalności formularza Mailchimp:

1. Wybierz Edytuj obok formularza na stronie Formularze w Mailchimp.
2. Wybierz Edytuj ustawienia witryny dla Gdzie ma się wyświetlać?
3. Wybierz Edytuj targetowanie w sekcji Kto powinien to zobaczyć?
4. Wybierz Edytuj wyzwalacze przy Kiedy ma się wyświetlać?
5. Udokumentuj lub zrób zrzut ekranu ustawień dla każdego z nich.

Materiały

Obrazy i logotypy

Upewnij się, że wyeksportujesz wszystkie obrazy i logo, które masz w formularzach Mailchimp, a które chcesz przenieść do Klaviyo.

Aby wyeksportować obraz z formularza Mailchimp:

1. Wybierz obraz w edytorze formularzy Mailchimp.
2. Kliknij przycisk pobierania w panelu po prawej stronie.

Czcionki

Pamiętaj, aby udokumentować czcionki dla wszystkich elementów tekstowych w formularzu Mailchimp. Pamiętaj, że każdy fragment tekstu (np. nagłówki, etykiety przycisków itd.) może mieć własną czcionkę.

Listę wszystkich czcionek użytych w formularzu Mailchimp możesz wyświetlić na stronie przeglądu w kreatorze formularzy.

Możesz też sprawdzić czcionkę używaną dla konkretnego elementu, klikając go. Zastosowane style i czcionka będą wyświetlane w panelu po prawej stronie.

Kolory

Jeśli chcesz używać tych samych kolorów w formularzach Klaviyo, skopiuj kod hex każdego koloru z formularzy Mailchimp. Każdy kod hex reprezentuje określony kolor, dzięki czemu możesz odtworzyć formularze w Klaviyo przy użyciu dokładnie tych samych kolorów.

Na stronie przeglądu w kreatorze formularzy możesz wyświetlić listę wszystkich kolorów użytych w formularzu Mailchimp wraz z ich kodami szesnastkowymi.

Możesz też zobaczyć kolory użyte dla konkretnego elementu, klikając go. Zastosowane style i czcionka będą wyświetlane w panelu po prawej stronie.

Tworzenie formularzy w Klaviyo

Gdy wykonasz powyższe kroki i udokumentujesz kluczowe elementy formularzy w Mailchimp, możesz skorzystać z poniższego procesu, gdy będziesz gotowy(-a) do odtworzenia formularzy w Klaviyo.

Odtwórz formularz w Klaviyo

Aby zacząć odbudowywać formularz na koncie Klaviyo,

1. Przejdź do karty Formularze rejestracyjne i kliknij Utwórz formularz rejestracyjny.
2. Wybierz typ formularza
   Wybierz typ formularza, który pasuje do formularza Mailchimp (tj. wyskakujące okienko, rozwijane poziomo, pełna strona lub osadzone).
3. Dodaj treść i pole wejściowe
   • Skorzystaj z informacji z listy kontrolnej, aby dodać bloki tekstowe, bloki obrazów i pole wejściowe.
   • W przypadku pól niestandardowych możesz tworzyć nowe właściwości profilu bezpośrednio w edytorze formularzy.
4. Nadaj styl formularzowi
   • W sekcji Style edytora formularza dostosuj kolory, czcionki i układ, aby pasowały do Twojej marki i oryginalnego formularza Mailchimp.
   • Możesz dodawać obrazy w tle i obrazy boczne.
   • Powiązane przewodniki: Poznaj style dla formularza rejestracyjnego

Skonfiguruj targetowanie i sposób działania

Aby skonfigurować ustawienia targetowania i zachowania formularza w Klaviyo:

1. Wybierz przycisk Targetowanie i zachowanie na stronie przeglądu kreatora formularzy.
2. Ustaw reguły wyświetlania
   Na karcie Targetowanie i zachowania skonfiguruj kiedy i jak formularz ma się pojawiać.
   • Ustaw Czas wyświetlania (np. przy wczytaniu strony, po opóźnieniu, przy zamiarze wyjścia, po osiągnięciu określonego procentu przewinięcia).
   • Ustaw Częstotliwość wyświetlania (np. pokaż raz na sesję, pokazuj za każdym razem).
3. Zdefiniuj odbiorców
   • Określ docelowe adresy URL, jeśli formularz ma się pojawiać tylko na określonych stronach.
   • Określ Urządzenia (tj. komputer, urządzenie mobilne lub oba).
   • Ustaw Typ odwiedzającego (tj. nowy lub powracający).
   • Zastosuj kierowanie geograficzne, jeśli formularz jest przeznaczony dla klientów w określonych lokalizacjach
   • Użyj parametru UTM, jeśli formularz jest wyzwalany przez określoną metodę śledzenia UTM.

Kolejne kroki

Gdy pomyślnie odtworzysz formularze Mailchimp w Klaviyo, wykonaj kolejne kroki, aby zapewnić płynne przejście.

1. Uruchom sekwencję powitalną
   Upewnij się, że sekwencja powitalna jest uruchamiana przez listę połączoną z formularzem.
2. Skonfiguruj kupony w formularzu
   Możesz wyświetlać kupony w komunikacie o powodzeniu formularza lub uwzględnić je w powitalnej wiadomości e-mail.

Opublikuj i zastąp

Gdy formularze będą gotowe w Klaviyo, możesz przygotować się do ich opublikowania i usunąć wszystkie stare formularze Mailchimp.

1. Opublikuj formularz Klaviyo
   Gdy formularz będzie gotowy, kliknij Opublikuj.
   • Zainstaluj kod osadzenia Klaviyo (jeśli to konieczne):
     1. W przypadku formularzy typu popup, rozwijanych poziomo i pełnoekranowych trzeba mieć śledzenie na stronie Klaviyo (tj. Klaviyo.js) zainstalowane w witrynie.
     2. W przypadku formularzy osadzonych musisz skopiować udostępniony kod osadzania i wkleić go w kod HTML swojej witryny w miejscu, w którym ma się pojawić formularz.
2. Usuń formularz Mailchimp
   Dezaktywuj lub usuń odpowiedni formularz ze swojego konta Mailchimp, aby zapobiec wyświetlaniu się obu formularzy.
3. Test
   Odwiedź stronę internetową w trybie incognito, aby upewnić się, że nowy formularz Klaviyo wyświetla się i działa prawidłowo.

Dodatkowe źródła