HubSpot Kunskapsbas

Edit and style your form submit button

Skriven av HubSpot Support | Nov 3, 2021 2:04:00 AM

Redigera texten till din formulärknapp

Standardtexten för en avsändningsknapp på ett HubSpot-formulär är Submit

. Så här redigerar du texten för knappen Skicka:
  • Klicka på namnet på formuläret.
  • Klicka på knappen Skicka i formulärredigeraren.

  • I den vänstra rutan skriver du in den nya texten för inlämningsknappen i fältet Label .

  • Klicka på Publicera uppe till höger för att uppdatera det levande formuläret.

Skapa stil för din blankettknapp på HubSpot-sidor (endastMarketing Hub Basic, Professional och Enterprise )

  • I innehållsredigeraren håller du muspekaren över formulärmodulen och klickar påikonen Redigera stilar.

  • I den vänstra rutan klickar du pårullgardinsmenyn och väljerFormulärknapp.
  • Styla formulärets avsändningsknapp med alternativen, till exempel genom att ändra knappens bakgrundsfärg eller textens typsnittsstorlek.

  • Klicka påSpara längst ner till vänster ochgå till modullistan.
  • Klicka påPublicera ellerUppdatera uppe till höger.
Detta uppdaterar stilen på knappen för inlämning av formuläret på en enskild sida.

Styla knappen för inlämning av formulär på externa sidor (endastMarketing Hub Starter, Basic,Professional ochEnterprise)

  • Klicka pånamnetpå formuläret.
  • Klicka på flikenStil och förhandsgranskningi formulärredigeraren.
  • I den vänstra rutan klickar du på avsnittet>Stil för att expandera det.
  • I avsnittetButton (Knapp) stylar du formulärets avsändningsknapp med alternativen, t.ex. genom att ändra knappens bakgrundsfärg eller textens teckensnittsstorlek.

Detta uppdaterar stilen på knappen för inlämning av formuläret för varje enskilt formulär. Lär dig hur duanpassa dina globala stilinställningar för formulär.

Om du hartagit bort stilen på formuläret gäller inte de stilalternativ som du har ställt in på fliken Stil och förhandsgranskning

i formulärredigeraren eller de globala stilinställningarna för formuläret. Använd i stället en CSS-selektor i ditt externa formatmall för att rikta in dig på knappen Skicka formuläret. Till exempel:
input[type="submit"]{ background: #ff0000; }

Läs mer om Anpassning av koden för inbäddning av formuläret i HubSpots dokumentation för utvecklare.