HubSpot Tietämyskanta

Edit and style your form submit button

Kirjoittanut HubSpot Support | Nov 1, 2021 3:33:18 PM

Muokkaa lomakkeen lähetyspainikkeen tekstiä

HubSpot-lomakkeen lähetyspainikkeen oletusteksti on Lähetä

. Voit muokata Lähetä-painikkeen tekstiä:
  • Napsauta lomakkeen nimeä.
  • Napsauta lomakkeen editorissa Lähetä-painiketta .

  • Kirjoita vasemmanpuoleisessa ruudussa Label -kenttään uusi lähetä-painikkeen teksti.

  • Napsauta oikeassa yläkulmassa Julkaise päivittääksesi live-lomakkeen.

Tyyliä lomakkeen lähetyspainike HubSpotin sivuilla (vainMarketing Hub Basic, Professional ja Enterprise ).

  • Vie hiiren kursori sisältöeditorissa lomakemoduulin päälle ja napsautaMuokkaa tyylejä -kuvaketta.

  • Napsauta vasemmassa ruudussapudotusvalikkoa ja valitseLomake-painike.
  • Muotoile lomakkeen lähetyspainike vaihtoehdoilla, kuten muuttamalla painikkeen taustaväriä tai tekstin fonttikokoa.

  • Napsauta vasemmassa alareunassaTallenna ja siirry moduuliluetteloon.
  • Napsauta oikeassa yläkulmassaJulkaise taiPäivitä.
Tämä päivittää lomakkeen lähetyspainikkeen tyylin sivukohtaisesti.

Lomakkeen lähetyspainikkeen tyyli ulkoisilla sivuilla (vainMarketing Hub Starter-, Basic-,Professional- jaEnterprise-versiot).

  • Napsauta lomakkeennimeä.
  • Napsauta lomakeeditorissaStyle & Preview (Tyyli ja esikatselu) -välilehteä.
  • Laajenna vasemmanpuoleisen ruudun>Style (tyyli ) -osio napsauttamalla sitä.
  • Muotoile lomakkeen lähetyspainikeButton (Painike ) -osiossa vaihtoehdoilla, kuten muuttamalla painikkeen taustaväriä tai tekstin fonttikokoa.

Tämä päivittää lomakkeen lähetä-painikkeen tyylin lomakekohtaisesti. Lue, mitenmukauttaa lomakkeiden yleisiä tyyliasetuksia.

Jos oletpoistanut lomakkeen muotoilun, lomakkeen muotoiluvaihtoehtoja, jotka olet määrittänyt lomakkeen muokkausohjelman Tyyli ja esikatselu

-välilehdellä tai lomakkeen yleisissä tyyliasetuksissa, ei sovelleta. Käytä sen sijaan ulkoisen tyylitaulukon CSS-valitsinta lomakkeen lähetyspainikkeen kohdentamiseen. Esimerkiksi:
{ background: input[type="submit"]{ background: #ff0000; }

Lisätietoja lomakkeen upotuskoodin mukauttaminen HubSpotin kehittäjien dokumentaatiosta.