Edycja rozmiaru przycisku CTA
Data ostatniej aktualizacji: maja 22, 2023
Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:
|
|
Wcześniejsze konto Marketing Hub Basic |
Dostosuj rozmiar swojego przycisku CTA za pomocą wbudowanych opcji rozmiaru i niestandardowego CSS. Podczas przesyłania obrazu dla obrazkowego CTA możesz chcieć wziąć pod uwagę optymalizację siatkówki
.Aby jeszcze bardziej dostosować swój przycisk CTA, dowiedz się jak dodać niestandardowe style do swojego CTA za pomocą CSS. Jeśli dodajesz swój przycisk CTA do wiadomości e-mail lub szablonu, dowiedz się, jak wyśrodkować swój C
TA.
Edytuj rozmiar swojego CTA
Możesz ręcznie dostosować rozmiar swojego przycisku CTA lub użyć niestandardowego CSS, aby automatycznie wypełnić szerokość kontenera lub modułu przycisku CTA. Jeśli osadzasz obrazek CTA w witrynie innej niż HubSpot , może być konieczne zastosowanie dodatkowych deklaracji CSS (takich jak width: 100%;) w arkuszu stylów, aby obrazek CTA był responsywny.Abyedytować rozmiar swojego przycisku CTA:
- Na swoim koncie HubSpot przejdź do Marketing > Lead Capture > Przycisk CTA.
- Najedź na przycisk CTA i kliknij Akcje > Edytuj.
- W wysuwanym panelu kliknij opcje zaawansowane.
- Aby ręcznie zmienić rozmiar niestandardowego przycisku CTA:
- Wyczyść pole wyboru Dopasuj do tekstu. Spowoduje to usunięcie zastosowanej automatycznej zmiany rozmiaru.
- W sekcji Button padding wprowadź swoje wartości rozmiaru dla pól button width i button height.
- Kliknij przycisk Dalej >.
- Kliknij przycisk Zapisz. Następnie kliknij przycisk Zakończ.
- Aby twój niestandardowy przycisk CTA wypełnił całą szerokość swojego kontenera lub modułu:
- Wyczyść pole wyboru Size automatically .
- WpoluCustom CSS wprowadźswójniestandardowy CSS.
- Ustaw szerokość na width : 100%;
- Kliknij Dalej >.
- Kliknij Zapisz. Następnie kliknij przycisk Zakończ.

Co to jest optymalizacja siatkówki?
Optymalizacja Retina sprawia, że obraz Twojego przycisku CTA jest bardziej wyraźny podczas oglądania na stronach witryny i w wiadomościach e-mail, jeśli Twoi odbiorcy oglądają 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 Retina jest obsługiwana, gdy przesyłasz obraz, który jest co najmniej dwa razy większy niż rozmiar niezbędny do przycisku CTA, podobnie jak obsługa siatkówki działa dla wszystkich obrazów w całym Internecie. Należy również zwrócić uwagę na następujące kwestie:
- Jeśli tworzysz CTA, który będzie miał rozmiar 400px na 100px, przesłany obraz musiałby mieć rozmiar 800px na 200px, aby wspierać wyświetlacz o gęstości pikseli @2x.
- CTA obsługują dodawanie do wersji 4x. Na przykład, jeśli tworzysz CTA, które będzie miało 400px na 100px, możesz przesłać obraz 1600px na 400px.
- CTA zostanie automatycznie wyrenderowane na Twojej stronie z atrybutem srcset obsługującym wersję 1x, 2x, 3x i 4x, jeśli jest dostępna.
- Jeśli obraz jest załadowany w rozmiarze, w którym CTA będzie renderowany, nie będzie miał wsparcia dla siatkówki. Na przykład, jeśli obrazek o wymiarach 400px na 100px jest wgrany dla CTA o wymiarach 400px na 100px
Powiązana treść
-
Eksportuj swoją zawartość i dane
Dowiedz się, jak eksportować zawartość i dane HubSpot z konta, takie jak strony, kontakty i pliki. Uwaga:...
Baza wiedzy -
Utwórz link click-to-call lub mailto
Po kliknięciu, przyciski click-to-call łączą odwiedzających na urządzeniach mobilnych z konkretnym numerem...
Baza wiedzy -
Przyciski call-to-action (CTA) | Najczęściej zadawane pytania
Znajdź szybko odpowiedzi i ogólne informacje na temat przycisków call-to-action(CTA) w HubSpot. Jak...
Baza wiedzy