Opsætning og tilpasning af et arv-formular på et eksternt websted

Når du har oprettet en formular i HubSpot, kan du føje den til HubSpot-sider eller til sider, du har oprettet uden for HubSpot. Formularer kan deles på din eksterne hjemmeside, der ikke hostes af HubSpot, på følgende måder:

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

Uanset hvilken metode du vælger, vil ændringer, der foretages i formularen i HubSpots formularværktøj, automatisk blive afspejlet i den aktive formular på din eksterne hjemmeside. Når du har tilføjet din formular, kan du tilpasse udseendet på din indlejrede HubSpot-formular på dine eksterne sider i formularredigeringsværktøjet eller med CSS i dit eksterne stilark. Hvis du arbejder med WordPress, kan du læse, hvordan du indsætter en formular i dit WordPress-indlæg eller på din WordPress-side.

Bemærk: Denne artikel gælder kun for eksisterende formularer, der er oprettet med den gamle editor. Det anbefales at bruge den opdaterede formulareditor til at oprette og administrere formularer. Lær, hvordan du tilpasser og indlejrer formularer på et eksternt websted.

Før du går i gang

Når du indsætter din formulars indlejringskode på en ekstern side, skal sidens domæne tilføjes som et webstedsdomæne for at blive betragtet som et betroet domæne. Hvis ikke, vil indsendelser til formularen også blive filtreret over til dine spam-indsendelser.

Få adgang til indlejringskoden til formularen

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > Formularer. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > Formularer.
2. Hold markøren over en formular, og klik på Handlinger > Del.
3. Hvis du i dialogboksen ønsker at tilføje kontakter, der indsender formularen, til en Salesforce-kampagne, skal du klikke på rullemenuen Tilføj kontakter til en Salesforce-kampagne og vælge en kampagne. Hvis du knytter en Salesforce-kampagne til din formular, ændres formularens indlejringskode. I dette tilfælde skal du tilføje indlejringskoden til dit eksterne websted igen.
4. Klik på Kopier.
5. 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 delingslinket. I et delingslink vises formularen på en selvstændig side med sin egen URL. Dette delingslink kan ikke skjules eller gøres privat. Alle, der har delingslinket, vil kunne få adgang til formularen.

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > Formularer. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > Formularer.
2. Hold markøren over en formular, og klik på Handlinger > Del.
3. Klik på fanen Delelink i dialogboksen.
4. Klik på Kopier for at kopiere formularsidens URL til udklipsholderen.
5. Å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.
   
   

Formater din indlejrede formular i formularredigeringsværktøjet

Når du tilpasser din indlejrede formular med HubSpot-formulareditoren, kan du enten bruge et tema eller anvende din egen brugerdefinerede stil.

Bemærk: Temaer og stilarter, der indstilles i formredigeringsværktøjet, gælder kun for indlejrede formularer eller selvstændige formularsider. Formularer på dine HubSpot-sider kan kun tilpasses med formularmodulets stilindstillinger i indholdsredigeringsværktøjet.

Design din formular med et tema

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

Sådan tilpasser du din formular med et tema:

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > Formularer. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > Formularer.
2. Hold markøren over en formular, og klik på Rediger.
3. I formredigeringsværktøjet skal du klikke på fanen Stil og forhåndsvisning .
4. Hvis du redigerer en ældre formular, skal du i venstre rude fjerne markeringen i afkrydsningsfeltet Behold gammelt tema . Dette fjerner den tidligere standardformatering fra HubSpot, der var anvendt på denne formular. Eventuel brugerdefineret CSS eller JavaScript, du har tilføjet til formularen, vil ikke længere fungere. Dette afkrydsningsfelt gælder ikke for nye formularer, der oprettes i din konto.
5. Vælg et tema.
6. Klik på "Udgiv " eller " Opdater" øverst til højre.

Brug en brugerdefineret stil

Du kan også tilpasse formularernes udseende på et mere detaljeret niveau.

Sådan anvender du en brugerdefineret stil:

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > Formularer. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > Formularer.
2. Hold musen over en formular, og klik på Rediger.
3. Klik på fanen Stil og forhåndsvisning i formularredigeringsværktøjet.
   • Klik på afsnittet "Style " i venstre rude. Her kan du konfigurere bredden på dine formularfelter, skrifttype, skriftstørrelser, skriftfarver og formularknapper. Disse stilarter indstilles for hver enkelt formular og tilsidesætter de globale indstillinger for formularstilarter.
   • Når du har tilpasset din formular, skal du klikke på " Udgiv " eller " Opdater" øverst til højre.

Design din indlejrede formular med CSS i dit eksterne stilark (ældre version)

Hvis du bruger en ældre formular, kan du indlejre din formular som en rå HTML-formular. Derefter kan du formatere denne indlejrede formular med CSS i dit eksterne stilark.

Bemærk: Du kan kun indstille ældre formularer som rå HTML. Få mere at vide om, hvordan du formaterer din indlejrede formular med CSS i den opdaterede formulareditor.

Sådan formaterer du din indlejrede formular med CSS:

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > Formularer. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > Formularer.
2. Hold markøren over en formular, og klik på Rediger.
3. I formredigeringsværktøjet skal du klikke på fanen Stil og forhåndsvisning .
4. Klik for at aktivere knappen Indstil som rå HTML-formular . Formularen vises som et rå HTML-element på din eksterne side i stedet for inde i en iframe. Eventuel standardformatering fra HubSpot, der er anvendt på formularen, fjernes.
5. Klik på "Udgiv " eller " Opdater" øverst til højre.
6. Indsæt formularens indlejringskode på din eksterne side. Hvis du allerede har indlejret din formular, skal du erstatte den eksisterende indlejringskode med denne nye version uden formatering. Når du har indlejret din formular:
   
   • Du kan nu style formularen i dit eksterne stylesheet med CSS.
   • Du kan også ændre indlejringskoden for formularen for at foretage yderligere tilpasninger af formularen. Da HubSpot-formularer er bygget med JavaScript og ikke HTML, kræver tilpasning af indlejringskoden hjælp fra en udvikler, der har kendskab til JavaScript.