HubSpot Baza wiedzy

Edit and style your form submit button

Autor: HubSpot Support | Oct 18, 2021 4:29:29 PM

Edytuj tekst przycisku wysyłania formularza

Domyślnym tekstem przycisku wysyłania w formularzu HubSpot jest " Prześlij

". Aby edytować tekst przycisku wysyłania:
  • Kliknij nazwę formularza.
  • W edytorze formularzy kliknij przycisk Prześlij .

  • W lewym okienku wprowadź nowy tekst przycisku przesyłania w polu Etykieta .

  • W prawym górnym rogu kliknij przycisk Opublikuj , aby zaktualizować formularz na żywo.

Nadaj styl przyciskowi wysyłania formularza na stronach HubSpot (tylkoMarketing Hub Basic, Professional i Enterprise ).

  • W edytorze treści najedź na moduł formularza i kliknijikonę Edytuj style.

  • W lewym panelu kliknijmenu rozwijane i wybierz opcjęPrzycisk formularza.
  • Nadaj styl przyciskowi wysyłania formularza, korzystając z opcji, takich jak zmiana koloru tła przycisku czy rozmiaru czcionki tekstu.

  • Na dole po lewej stronie kliknij przyciskZapisz i przejdź do listy modułów.
  • W prawym górnym rogu kliknij przyciskPublikuj lubAktualizuj.
To aktualizuje styl przycisku wysyłania formularza na podstawie indywidualnej strony.

Styl przycisku wysyłania formularza na stronach zewnętrznych (tylkoMarketing Hub Starter, Basic,Professional iEnterprise)

  • Kliknijnazwęformularza.
  • W edytorze formularzy kliknij zakładkęStyl i podgląd.
  • W lewym okienku kliknij sekcję>Styl, aby ją rozwinąć.
  • W sekcjiPrzycisk stylizuj przycisk wysyłania formularza za pomocą opcji, takich jak zmiana koloru tła przycisku lub rozmiaru czcionki tekstu.

W ten sposób styl przycisku wysyłania formularza jest aktualizowany indywidualnie dla każdego formularza. Dowiedz się, jakdostosowywać globalne ustawienia stylów dla formularzy.

Jeśliformularz nie został wystylizowany, wszelkie opcje stylizacji formularza ustawione w zakładce Styl i podgląd

w edytorze formularzy lub globalne ustawienia stylu formularza nie będą miały zastosowania. Zamiast tego, użyj selektora CSS w swoim zewnętrznym arkuszu stylów, aby skierować przycisk wysyłania formularza. Na przykład:
input[type="submit"]{ background: #ff0000; }

Dowiedz się więcej o dostosowywaniu kodu osadzonego formularza w dokumentacji dla programistów HubSpot.