Dostosuj rozmiar CTA (legacy) za pomocą wbudowanych opcji rozmiaru i niestandardowego CSS. Podczas przesyłania obrazu dla obrazkowego CTA warto wziąć pod uwagę optymalizację pod kątem siatkówki.
Aby jeszcze bardziej dostosować wezwanie do działania, dowiedz się, jak dodać niestandardowe style do wezwania do działania (starszego) za pomocą CSS. Jeśli dodajesz wezwanie do działania do wiadomości e-mail lub szablonu, dowiedz się, jak wyśrodkować wezwanie do działania (starsze wersje).
Uwaga: konta utworzone po 17 marca 2025 r. nie mają dostępu do narzędzia CTA (starszego).
Edycja rozmiaru CTA (starszego)
Możesz ręcznie dostosować rozmiar CTA lub użyć niestandardowego CSS, aby automatycznie wypełnić szerokość kontenera lub modułu CTA. Jeśli
osadzasz i
obraz CTA w witrynie innej niż HubSpot, może być konieczne zastosowanie dodatkowych deklaracji CSS (takich jak width: 100%;) w arkuszu stylów, aby obraz CTA był responsywny.
Aby edytować rozmiar przycisku CTA:
- W lewym górnym rogu kliknij menu rozwijane i wybierz CTA (Legacy).
- Najedź kursorem na CTA i kliknij Akcje > Edytuj.
- W wysuwanym panelu kliknij Opcje zaawansowane.
- Aby ręcznie zmienić rozmiar niestandardowego CTA:
- Usuń zaznaczenie pola wyboru Dopasuj do tekstu. Spowoduje to usunięcie zastosowanej automatycznej zmiany rozmiaru.
- W sekcji Wypełnienie przycisku wprowadź wartości rozmiaru dla pól szerokości i wysokości przycisku.
- Kliknij przycisk Dalej >.
- Kliknij przycisk Zapisz. Następnie kliknij przycisk Zakończ.
- Aby niestandardowe CTA wypełniało całą szerokość kontenera lub modułu:
- Wyczyść pole wyboru Rozmiar automatycznie .
- W polu Niestandardowy CSS wprowadź swój niestandardowy CSS.
- Ustaw szerokość na width: 100%;
- Kliknij przycisk Dalej >.
- Kliknij Zapisz. Następnie kliknij przycisk Zakończ.
Czym jest optymalizacja siatkówki?
Optymalizacja siatkówki sprawia, że obraz CTA jest bardziej wyraźny, gdy jest wyświetlany na stronach witryny i w wiadomościach e-mail, jeśli odbiorcy wyświetlają CTA w nowoczesnych wersjach poczty Apple Mail i iOS; nie jest to obsługiwane przez Outlook lub usługi poczty internetowej, takie jak Gmail.
Optymalizacja siatkówki jest obsługiwana po przesłaniu obrazu, który jest co najmniej dwa razy większy niż rozmiar wymagany dla CTA, podobnie jak obsługa siatkówki działa dla wszystkich obrazów w Internecie. Obserwujący powinni również zwrócić uwagę na następujące kwestie:
- Jeśli tworzysz CTA, które będzie miało 400px na 100px, przesłany obraz musiałby mieć 800px na 200px, aby obsługiwać wyświetlanie @2x gęstość pikseli.
- Reklamy CTA obsługują dodawanie do wersji 4x. Na przykład, jeśli tworzysz CTA o wymiarach 400px na 100px, możesz przesłać obraz o wymiarach 1600px na 400px.
- CTA będzie automatycznie renderowane w witrynie z atrybucją srcset obsługującą wersję 1x, 2x, 3x i 4x, jeśli jest dostępna.
- Jeśli obraz zostanie przesłany w rozmiarze, w którym CTA będzie renderowane, nie będzie obsługiwał siatkówki. Na przykład, jeśli obraz 400px na 100px zostanie przesłany dla CTA 400px na 100px