Spring til indhold
Bemærk:Oversættelsen af denne artikel er kun til rådighed for nemheds skyld. Oversættelsen oprettes automatisk via en oversættelsessoftware og er muligvis ikke blevet korrekturlæst. Den engelske version af denne artikel bør således anses for at være den gældende version, der indeholder de seneste oplysninger. Du kan få adgang til den her.

Opsæt og stil en HubSpot-formular på et eksternt websted

Sidst opdateret: juni 28, 2023

Gælder for:

Alle produkter og abonnementer

Når du har oprettet en formular i HubSpot, kan du tilføje den til HubSpot-sider eller sider, du har oprettet uden for HubSpot. Formularer kan deles på dit eksterne, ikke-HubSpot-hostede site ved enten:

  • Indlejre formularens kode på en eksisterende side.
  • Oprette en selvstændig formularside, som du kan linke til.

Med begge metoder vil ændringer, der foretages i formularen i HubSpots formularværktøj, automatisk blive afspejlet i live-formularen på dit eksterne site. Når du har tilføjet din formular, kan du style din indlejrede HubSpot-formular på dine eksterne sider i formulareditoren eller med CSS i dit eksterne stylesheet.

Hvis du arbejder med WordPress, kan du lære, hvordan du indsætter en formular på dit WordPress-indlæg eller din WordPress-side.

Tilføj koden til indlejring af formularen

Sådan får du adgang til formularens indlejringskode:
  • Naviger i din HubSpot-konto til Marketing > Leadgenerering > Formularer.
  • Hold musen over en formular, og klik på Handlinger > Del.
  • Hvis du vil føje kontakter, der indsender formularen, til en Salesforce-kampagne, skal du klikke på rullemenuen Føj kontakter til en Salesforce-kampagne i dialogboksen og vælge en kampagne. Hvis du knytter en Salesforce-kampagne til din formular, vil formularens indlejringskode blive ændret. I dette tilfælde skal du tilføje indlejringskoden til din eksterne side igen.
  • Klik på Kopier.
  • Indsæt indlejringskoden i HTML-modulet på din eksterne side. For at spore analyser for din formular, skal din HubSpot-sporingskode være installeret på den eksterne side, hvor du placerer en HubSpot-formular.


Opret en selvstændig formularside

Du kan også dele din formular via Share-linket. I et delelink vil formularen blive vist på en selvstændig side med sin egen URL. Dette delelink kan ikke skjules eller gøres privat. Alle med delelinket vil kunne få adgang til formularen.

  • {local.navForms }}
  • Hold musen over en formular, og klik på Handlinger > Del.
  • I dialogboksen skal du klikke på fanen Del link .
  • Klik på Kopier for at kopiere formularsidens URL til din udklipsholder.
  • Åbn et nyt vindue eller en ny fane i din browser, og indsæt formularsidens URL i adresselinjen for at indlæse den. Du kan også dele formularsidens URL direkte med andre for at give dem adgang til formularen.

Stil din indlejrede formular i formulareditoren

Når du styler din indlejrede formular med HubSpots formulareditor, kan du enten bruge et tema eller anvende din egen tilpassede stil.

Bemærk: temaer og stilarter, der er indstillet i formulareditoren, gælder kun for indlejrede formularer eller selvstændige formularsider. Formularer på dine HubSpot-sider kan kun styles med formularmodulets stilindstillinger i indholdseditoren.

Style din formular med et tema

Hvis du vil style dine formularer uden at skrive brugerdefineret kode, kan du anvende forudindstillede temaer på din indlejrede formular eller selvstændige formularside. Disse temaer tilføjer flere tilpasningsmuligheder til dine formularer, ud over eventuelle globale indstillinger for formularstil.

Sådan tilpasser du din formular med et tema:

  • Naviger i din HubSpot-konto til Marketing > Leadgenerering > Formularer.
  • Hold musen over en formular, og klik på Rediger.
  • Klik på fanen Style & Preview i formulareditoren.
  • Hvis du redigerer en ældre formular, skal du fjerne markeringen i afkrydsningsfeltet Behold gammelt tema i venstre rude. Dette vil fjerne den tidligere standard HubSpot-styling, der blev anvendt på denne formular. Eventuel brugerdefineret CSS eller JavaScript, du har føjet til formularen, vil ikke længere fungere. Dette afkrydsningsfelt gælder ikke for nye formularer, der oprettes på din konto.
  • Vælg et tema.
  • Klik på Udgiv eller Opdater øverst til højre.

Brug en brugerdefineret stil

Hvis du har et Marketing Hub Starter-, Professional- eller Enterprise-abonnement med din HubSpot-konto, kan du også style indlejrede formularer på et mere detaljeret niveau.

Sådan anvender du en brugerdefineret stil:

  • Naviger i din HubSpot-konto til Marketing > Leadgenerering > Formularer.
  • Hold musen over en formular, og klik på Rediger.
  • Klik på fanen Style & Preview i formulareditoren.
  • Klik på afsnittetStil i venstre rude. Her kan du konfigurere din formularfelts bredde, skrifttypefamilie, skriftstørrelser, skriftfarver og formularknap. Disse stilarter indstilles på individuel formularbasis og tilsidesætter globale indstillinger for formularstil.
  • Når du har tilpasset din formular, skal du klikke på Publicer eller Opdater øverst til højre.



Style din indlejrede formular med CSS i dit eksterne stylesheet

Hvis du har et Marketing Hub - eller CMS Hub Professional- eller Enterprise-abonnement med din HubSpot-konto, kan du indlejre din formular som en rå HTML-formular og derefter style denne indlejrede formular med CSS i dit eksterne stylesheet.

Sådan styler du din indlejrede formular med CSS:

  • Naviger i din HubSpot-konto til Marketing > Leadgenerering > Formularer.
  • Hold musen over en formular, og klik på Rediger.
  • Klik på fanen Style & preview i formulareditoren.
  • Klik for at slå Sæt som rå HTML-formular til. Formularen vil blive gengivet som et råt HTML-element på din eksterne side i stedet for inde i en iframe, og enhver standard HubSpot-styling, der er anvendt på formularen, vil blive fjernet.
  • Klik på Udgiv eller Opdater øverst til højre.
  • Tilføj formularens indlejringskode til din eksterne side. Hvis du allerede har indlejret din formular, skal du erstatte den eksisterende indlejringskode med denne nye, ustilede version. Når du har indlejret din formular:
    • Du vil kunne style formularen i dit eksterne stylesheet med CSS.
    • Du kan også ændre formularens ind lejringskode for at foretage yderligere formulartilpasninger. Da HubSpot-formularer er bygget med JavaScript, ikke HTML, kræver det hjælp fra en udvikler, der ved, hvordan man arbejder med JavaScript, at tilpasse formularens embed-kode.

Var denne artikel nyttig?
Denne formular bruges kun til dokumentationsfeedback. Læs, hvordan du kan få hjælp hos HubSpot.