Jak dodać obrazki boczne w formularzu rejestracyjnym

Czego się dowiesz

Dowiedz się, jak dołączyć wysokiej jakości obraz po lewej lub prawej stronie formularza rejestracyjnego, aby uzyskać atrakcyjne wrażenia Zarejestruj się, które pasują do projektu Twojej marki.

Zanim zaczniesz

Obrazy boczne pojawiają się po lewej lub prawej stronie zawartości formularza. Używając obrazu w formularzu, musisz pamiętać o kilku rzeczach:

• Istnieje wiele rodzajów formatów obrazów do wyboru. Pliki JPEG dobrze równoważą jakość i rozmiar w przypadku kolorowych obrazów, podczas gdy pliki PNG pozwalają zachować ostry wygląd przezroczystych obrazów lub logo. 
• Upewnij się, że używasz obrazu o odpowiedniej jakości, aby uzyskać najlepsze wyniki. 
  
  • Staraj się utrzymywać obrazy o szerokości od 600 do 1000 pikseli i wysokości mniejszej niż 2000 pikseli dla obrazów o pełnej szerokości, aby zrównoważyć jakość i czas ładowania. Obrazy o szerokości mniejszej niż pełna mogą być mniejsze niż 600 pikseli.
• Podobnie jak w przypadku wszystkich obrazów wyświetlanych w Internecie, większe rozmiary plików prowadzą do wolniejszego czasu ładowania.
  • Dąż do rozmiaru pliku 50-100 KB dla obrazów bocznych i mniej niż 200 KB dla obrazów tła, aby zapewnić wysoką jakość obrazu bez spowalniania witryny.
• Dodaj tekst alternatywny do obrazu, aby formularze były dostępne dla wszystkich odwiedzających witrynę. 

Ponieważ formularze rejestracyjne są renderowane w przeglądarkach (w przeciwieństwie do wiadomości e-mail, które są renderowane przez dostawców usług e-mailowych (ESP)), istnieje mniej zaleceń dotyczących ich formatowania i dostosowywania. Przeglądarki mogą renderować obrazy wszystkich typów i rozmiarów, więc generalnie trzymaj się obrazów o wysokiej rozdzielczości, zarządzalnych rozmiarów plików i testuj wygląd na każdym typie urządzenia. 

Dodaj obraz boczny do swojego formularza

Aby dodać obraz po obu stronach treści formularza rejestracyjnego:

1. Przejdź do zakładki formularza rejestracyjnego.
2. Obok formularza kliknij 3 kropki > Edytuj formularz.
   

   Jeśli formularz został utworzony przed lipcem 2021 r. i używa obrazu tła wyrównanego do prawej lub lewej strony jako obrazu bocznego, usuń go przed użyciem funkcji obrazu bocznego. Aby to zrobić, przejdź do sekcji Tło formularza w sekcji Style i usuń obraz tła. Następnie przewiń w dół do sekcji Form Styles i usuń nadmiar wypełnienia po prawej lub lewej stronie. 

3. W sekcji Style przejdź do sekcji Obraz boczny i wybierz stronę, po której chcesz dodać obraz (lewą lub prawą).
   
4. Kliknij pusty symbol zastępczy obrazu w podglądzie formularza.
5. Kliknij przycisk Przeglądaj bibliotekę obrazów, aby dodać obraz z biblioteki obrazów Klaviyo, przesłać obraz lub zaimportować nowy obraz z adresu URL.
   

Upewnij się, że używasz obrazu o odpowiedniej jakości, aby uzyskać najlepsze wyniki. Podobnie jak w przypadku wszystkich obrazów wyświetlanych w Internecie, większe rozmiary plików prowadzą do wolniejszego czasu ładowania. Dąż do rozmiaru pliku 50-100 KB dla obrazów bocznych, aby zapewnić wysoką jakość obrazu bez spowalniania witryny. 

Opcje wyświetlania obrazów bocznych

Style formularza

Domyślnie formularze z obrazami bocznymi mają szerokość 780 pikseli, a szerokość obrazu bocznego jest ustawiona na Średni. Możesz użyć sekcji Szerokość i Minimalna wysokość, aby dostosować rozmiar formularza. Jeśli chcesz, aby obraz boczny zajmował więcej lub mniej miejsca w formularzu, dostosuj jego rozmiar w sekcji Obraz boczny (np. mały, średni, duży, niestandardowy). 

Obraz boczny Twojego formularza będzie domyślnie ukryty na urządzeniach mobilnych, aby zoptymalizować wrażenia mobilne, ponieważ przestrzeń ekranu na urządzeniach mobilnych jest ograniczona. Jeśli chcesz, aby obraz boczny był wyświetlany na wszystkich urządzeniach, kliknij obraz w podglądzie, a następnie przewiń do opcji Pokaż na i wybierz opcję Wszystkie urządzenia.

Style obrazów bocznych

Użyj sekcji Style w ustawieniach obrazu bocznego, aby wybrać sposób wyświetlania obrazu. 

• Tekst alternatywny
  Dodaj tekst alternatywny do obrazu, aby był on dostępny dla wszystkich odwiedzających Twoją witrynę.
• Pozycja obrazu
  Określa, w jaki sposób obraz będzie mieścił się w obszarze obrazu bocznego. Wybierz jedną z następujących opcji: 
  • Zawierać
    Pełny obraz pojawi się w sekcji i nie zostanie w ogóle przycięty. Jeśli obraz nie mieści się dokładnie w obszarze obrazu, kolor tła dla sekcji wypełni wszelkie niepokryte obszary. 
  • Okładka
    Obraz całkowicie wypełni boczny obszar obrazu. Niektóre części obrazu mogą zostać odcięte, aby obraz mógł wypełnić przestrzeń. 
  • Niestandardowe
    Wybierz własną szerokość obrazu.
• Wyrównanie w poziomie i Wyrównanie w pionie
  Umożliwiają wybór, czy obraz ma być wyśrodkowany, czy wyrównany do góry, dołu, lewej lub prawej strony obszaru obrazu.
• Kolor tła
  Jeśli używasz mniejszego obrazu w formularzu, ustaw kolor tła, aby wypełnić pustą przestrzeń za nim.

Dodatkowe źródła

• Najlepsze praktyki tworzenia dostępnych wiadomości e-mail i formularzy 
• Zrozumienie stylów dla formularza rejestracyjnego
• Pierwsze kroki z Canva