Edytuj rozmiar przycisku CTA (stara wersja)

Uwaga: konta utworzone po 17 marca 2025 r. nie mają dostępu do narzędzia CTA (w starszej wersji).

Rozmiar przycisku CTA (starszej wersji) można dostosować za pomocą wbudowanych opcji rozmiaru oraz niestandardowego kodu CSS. Podczas przesyłania obrazu do przycisku CTA z obrazem warto wziąć pod uwagę optymalizację pod kątem wyświetlaczy Retina.

Aby jeszcze bardziej dostosować przycisk CTA, dowiedz się, jak dodać niestandardowe style do przycisku CTA (starszej wersji) za pomocą CSS. Jeśli dodajesz przycisk CTA do wiadomości e-mail lub szablonu, dowiedz się, jak wyśrodkować przycisk CTA (starszej wersji).

Edytuj rozmiar przycisku CTA (wersja starsza)

1. Na koncie HubSpot kliknij Więcej, a następnie przejdź do Marketing > Wezwania do działania. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Marketing > Wezwania do działania.
2. W lewym górnym rogu kliknij menu rozwijane i wybierz opcję „CTA (wersja starsza)”.
3. Najedź kursorem na przycisk CTA i kliknij opcję „Działania” > „Edytuj”.
4. W wysuwanym panelu kliknij „Opcje zaawansowane”.
   
   

5. Aby ręcznie zmienić rozmiar niestandardowego przycisku CTA:
   • Odznacz pole wyboru „Dopasuj do tekstu ”. Spowoduje to usunięcie automatycznego dostosowywania rozmiaru.
   • W sekcji „Odstępy przycisku” wprowadź wartości szerokości i wysokości przycisku w odpowiednich polach.
   • Kliknij „Dalej >”.
   • Kliknij „Zapisz”. Następnie kliknij „Zakończ”.
6. Aby niestandardowe przyciski CTA zajmowały całą szerokość kontenera lub modułu:
   • Odznacz pole wyboru „Rozmiar automatyczny ”.
   • W polu „Niestandardowy kod CSS ” wprowadź swój niestandardowy kod CSS.
   • Ustaw szerokość na width: 100%;
   • Kliknij „Dalej >”.
   • Kliknij „Zapisz”. Następnie kliknij „Zakończ”.

Czym jest optymalizacja pod kątem wyświetlaczy Retina?

Optymalizacja pod kątem wyświetlaczy Retina sprawia, że obraz przycisku CTA jest ostrzejszy podczas wyświetlania na stronach witryny oraz w wiadomościach e-mail, jeśli odbiorcy przeglądają przycisk CTA w nowoczesnych wersjach aplikacji Apple Mail i poczty w systemie iOS; funkcja ta nie jest obsługiwana przez program Outlook ani usługi poczty internetowej, takie jak Gmail.

Optymalizacja Retina jest obsługiwana, gdy przesyłasz obraz o rozmiarze co najmniej dwukrotnie większym niż wymagany dla przycisku CTA, podobnie jak w przypadku obsługi Retina dla wszystkich obrazów w Internecie. Należy również pamiętać o następujących kwestiach:

• Jeśli tworzysz przycisk CTA o wymiarach 400 pikseli na 100 pikseli, przesłany obraz musi mieć wymiary 800 pikseli na 200 pikseli, aby obsługiwać wyświetlanie z gęstością pikseli @2x.
• CTA obsługują dodawanie wersji o rozdzielczości do 4x. Na przykład, jeśli tworzysz przycisk CTA o wymiarach 400px na 100px, możesz przesłać obraz o wymiarach 1600px na 400px.
• Przycisk CTA zostanie automatycznie wyświetlony na Twojej stronie internetowej z atrybutem srcset, który udostępnia wersje 1x, 2x, 3x i 4x, o ile są one dostępne.
• Jeśli obraz zostanie przesłany w rozmiarze, w jakim zostanie wyświetlony element CTA, nie będzie on obsługiwał wyświetlaczy Retina. Na przykład, jeśli dla elementu CTA o wymiarach 400px na 100px zostanie przesłany obraz o wymiarach 400px na 100px