Konfigurera och utforma formulär på HubSpot-sidor (äldre version)

När du har skapat ett formulär i HubSpot kan du lägga till det i valfriformulärmodul på en HubSpot-sida. På varje sida kan du också ställa in vad som ska hända efter att formuläret har skickats inoch anpassa utseendet på formulärelementen, till exempel skicka-knappen och formulärfälten.

Observera: den här artikeln gäller endast formulär som skapats med den äldre redigeraren. Vi rekommenderar att du använder den uppdaterade formulärredigeraren för att skapa och hantera nya formulär. Läs mer om att anpassa utseendet på formulär på HubSpot-sidor.

Innan du börjar

Innan du konfigurerar dina formulär på en HubSpot-sida bör du beakta följande: 

• Ändringar av inställningar och utseende gäller endast formulärmodulen på den valda sidan. Ändringar av inställningar och utseende påverkar inte ditt formulär på andra sidor.
• Om du uppdaterar formulärinnehåll, till exempel formulärfält, uppdateras formuläret på alla andra sidor, inklusive eventuella inbäddade formulär eller fristående formulärsidor. 

Konfigurera dina formulär

1. Gå till ditt innehåll:

   • Webbsidor: I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Innehåll > Webbplatssidor. Om Mer inte visas i ditt konto navigerar du direkt till Innehåll > Webbplatssidor.
   • Landningssidor: I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Innehåll > Landningssidor. Om Mer inte visas i ditt konto navigerar du direkt till Innehåll > Landningssidor.
2. Klicka på namnet på din sida.
3. I innehållsredigeraren klickar du på formulärmodulen. Om din sida för närvarande inte har någon formulärmodul kan du läsa om hur du lägger till moduler på en sida. 
4. På fliken Innehåll i vänsterpanelen anpassar du formulärets inställningar för den här sidan:
   • Formulärens titel: ange ett namn för formuläret.
   • Formulär: välj ett formulär för den här sidan.
     • Om du vill använda ett befintligt formulär klickar du på rullgardinsmenyn och väljer ett formulär. 
     • Om du vill skapa och använda ett nytt formulär klickar du på Åtgärder > Skapa nytt formulär. Läs mer om hur du konfigurerar formulär
     • För att visa inlämningar för detta formulär, klicka på Åtgärder > Visa formulärinlämningar.
     • Om du vill klona detta formulär klickar du på Åtgärder > Klona formulär.
     • Om du vill granska andra sidor som använder det valda formuläret klickar du på Åtgärder > Sidor som använder detta formulär.
     • För att redigera formuläret i formulärredigeraren klickar du på Åtgärder > Gå till fullständig formulärredigerare. 
       
       

Anpassa formulärets innehåll

Så här redigerar du formulärfält, knapptexter samt alternativ för dataskydd och samtycke:

1. Klicka för att expandera avsnittet Formulärinnehåll .
2. Konfigurera formulärinnehållet: 
   • Formulärfält: klicka och dra fälten för att ändra ordningen de visas i formuläret. Det går inte att dra och släppa formulärfält i formulär med flera kolumner eller när de ingår i en anpassad modul. Så här lägger du till fler formulärfält:
     • Klicka på + Lägg till ytterligare ett formulärfält.
     • Klicka på rullgardinsmenyn Välj en egenskap och använd sökfältet för att söka efter ett fält. 
     • Klicka på egenskapen för att lägga till den som ett formulärfält. 

• • Knapptext: ange text som ska visas på skicka-knappen.
  • Alternativ för dataskydd och samtycke: välj i rullgardinsmenyn vilken information om meddelande och samtycke som ska visas.
  • Captcha (spamskydd): Klicka för att aktivera Captcha (spamskydd) och visa Googles osynliga reCAPTCHA.

Observera: om du uppdaterar formulärets innehåll kommer formuläret att uppdateras på alla andra sidor där formuläret används, inklusive eventuella inbäddade formulär eller fristående formulärsidor.

Konfigurera åtgärder efter inlämning

Som standard visar formulär som läggs till på HubSpot-sidor ett inbyggt meddelandemed texten ” ” och”Tack för att du skickade in formuläret ”. Formuläret visar inte den åtgärd efter inlämning som konfigurerats i formulärredigeraren.

I sidredigeraren kan du anpassa en annan åtgärd efter inlämning. Så här konfigurerar du vad som ska hända efter att ett formulär har skickats in:

1. Klicka för att expandera avsnittet ”Tack ”.
2. I avsnittet ”Vad ser besökaren efter att formuläret har skickats in? ” konfigurerar du dina åtgärder efter inlämning: 
   • Omdirigera till en annan sida: omdirigera en besökare till en annan sida efter att formuläret har skickats in.
     • Klicka på Omdirigera till en annan sida.
     • Klicka på rullgardinsmenyn ”Omdirigeringslänk” och välj en befintlig HubSpot-sida eller ange en URL.
   • Visa ett tackmeddelande direkt på sidan: visa ett meddelande efter att besökaren har skickat in formuläret. Du kan ange ett tackmeddelande i textrutan.

Konfigurera formulärautomatiseringen

Du kan hantera formulärautomatiseringen, till exempel skapande av kontakter och alternativ för marknadsföringsmejl, samt eventuella arbetsflöden som är kopplade till dina formulär. Registreringsutlösare fungerar enligt följande:

• När ett arbetsflöde läggs till i formulärmodulens automatiseringsinställningar läggs motsvarande registreringsutlösare för formulärinlämning till i arbetsflödet.
• Om du tar bort ett arbetsflöde från formulärmodulens automatiseringsinställningar tas det också bort från arbetsflödets registreringsutlösare.
• Om den registreringsutlösare för formulär som används i ett arbetsflöde inte anger någon sida kan utlösaren inte tas bort från sidan utan måste istället tas bort från arbetsflödet.

För att konfigurera automatiseringsinställningarna för ditt formulär klickar du på Formulärautomatisering i vänsterpanelen för att expandera avsnittet och granskar sedan följande automatiseringsalternativ:

• Skapa alltid en ny kontakt för e-postadress: skapa en ny kontaktpost varje gång ett formulär skickas in med en ny e-postadress, oavsett om det finns matchande användartoken med befintliga kontakter från formulärinlämningen. 
• Ange kontakter som skapas som marknadsföringskontakter: ange alla kontakter som skapas via detta formulär som marknadsföringskontakter.
• Följ upp med ett e-postmeddelande:skicka ett uppföljningsmeddelande till besökare som har skickat in formuläret. Uppföljningsmeddelanden kan endast skickas till marknadsföringskontakter. 
  • Så här lägger du till ett uppföljningsmejl:
    • Klicka på Välj ett e-postmeddelande +.
    • I dialogrutan klickar du på rullgardinsmenyn Välj ett e-postmeddelande och väljer ett befintligt automatiserat e-postmeddelande eller klickar på Skapa nytt e-postmeddelande för att skapa ett nytt automatiserat e-postmeddelande.
    • Klicka på Spara. Det valda uppföljningsmejlet visas i den vänstra panelen. 
    • När du har ställt in dina uppföljningsmejl klickar du uppe till höger på Publicera eller Uppdatera för att publicera ändringarna. Uppföljningsmejlet aktiveras inte förrän ändringarna har publicerats. 

• • Om du vill ändra vilket uppföljningsmejl som används, håll muspekaren över mejlet och klicka på pennikonen bredvid det. 
  • För att ta bort uppföljningsmejlet, håll muspekaren över mejlet och klicka på X-ikonen bredvid det. Mejlet ska då inte längre visas. 
  • Om formuläret tidigare var kopplat till ett äldre uppföljningsmejl visas ett meddelande: ”Detta formulär använder ett äldre uppföljningsmejl.” Äldre uppföljningsmejl kan inte redigeras, men om mejlet tidigare har publicerats kan det uppdateras till ett automatiserat mejl. De uppdaterade automatiserade mejlen kan sedan redigeras. 
    • För att uppdatera ett tidigare publicerat äldre uppföljningsmejl till ett automatiserat mejl som kan redigeras, klicka på ”Uppdatera mejl”. Klicka sedan på ”Uppdatera”. Om mejlet inte har publicerats tidigare visas inte detta alternativ. 

• • • Om du vill ta bort ett publicerat eller opublicerat äldre uppföljningsmejl klickar du på Ta bort. Klicka sedan på Ta bort. 

• Anslutna arbetsflöden: alla arbetsflöden och enkla arbetsflöden som använder formuläret som utlösare för registrering visas. Läs mer om hur du använder automatisering med formulär. 
  • Om du vill använda formuläret som utlösare för ett arbetsflöde klickar du på Lägg till formulär i ett arbetsflöde eller Lägg till formulär i ett annat arbetsflöde. 
    • Klicka på Lägg till formulär i ett arbetsflöde.
    • Välj ett befintligt arbetsflöde eller klicka på Skapa nytt arbetsflöde för att skapa ett nytt arbetsflöde. Om du skapar ett nytt arbetsflöde ska du konfigurera det och sedan återgå till formulärmodulen på din landningssida eller webbplats. 
  • Om du vill lägga till ett annat arbetsflöde klickar du på Lägg till formulär i ett annat arbetsflöde och väljer sedan ett befintligt arbetsflöde eller klickar på Skapa nytt arbetsflöde.
  • För att ta bort formuläret som utlösare i ett arbetsflöde, håll muspekaren över arbetsflödet och klicka på raderingsikonen bredvid arbetsflödet. 

Konfigurera ytterligare formuläralternativ

Du kan också konfigurera ytterligare inställningar, till exempel välja mottagare av formulärmeddelanden. Om du dessutom har installerat HubSpot-Salesforce-integrationen kan du även koppla formuläret till en aktiv Salesforce-kampanj.

För att konfigurera formulärets ytterligare alternativ, bläddra till botten av den vänstra panelen och konfigurera sedan följande alternativ:

• Skicka formulärmeddelanden till angivna e-postadresser istället för formulärets standardinställningar: som standard skickas meddelanden om formulärinlämningar till alla mottagare som lagts till på fliken Alternativ i formuläret. För att skriva över formulärets standardmottagare och välja mottagare av meddelanden för inlämningar på den här sidan:
  • Klicka för att aktivera alternativet Skicka aviseringar till angivna e-postadresser istället för formulärets standardinställningar.
  • Klicka på rullgardinsmenyn E-postadresser och välj dina mottagare. Endast HubSpot-användare kan väljas som mottagare av formulärmeddelanden. 
  • För att ta bort en mottagare klickar du på X-ikonen bredvid mottagarens e-postadress. 
• Salesforce-kampanj: om du har aktiverat Salesforce-integrationen kan du koppla ett formulär till en aktiv Salesforce-kampanj genom att klicka på rullgardinsmenyn och välja en kampanj. Läs mer om hur du kopplar formulär till Salesforce-kampanjer.
  
  

Anpassa

utseendet på dina

formulär på HubSpot-sidor

Du kan anpassa utseendet på hela formuläret samt göra specifika utseendemässiga ändringar på skicka-knappen eller formulärfälten. Så här anpassar du utseendet på ditt formulär:

1. Gå till ditt innehåll:
   • Webbsidor: I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Innehåll > Webbplatssidor. Om Mer inte visas i ditt konto navigerar du direkt till Innehåll > Webbplatssidor.
   • Landningssidor: I ditt HubSpot-konto klickar du på Mer och navigerar sedan till Innehåll > Landningssidor. Om Mer inte visas i ditt konto navigerar du direkt till Innehåll > Landningssidor.
2. Klicka på formulärmodulen i innehållsredigeraren. Om din sida för närvarande inte har någon formulärmodul kan du läsa om hur du lägger till moduler på en sida. 
3. Klicka på fliken Stilar högst upp i vänsterpanelen.
4. Klicka på flikarna Modul, Fält eller Knappar för att välja det element i formuläret som du vill anpassa.
5. Anpassa det valda elementet i formuläret med hjälp av text- och justeringsalternativen nedan.
6. Klicka på Publicera eller Uppdatera för att publicera dina ändringar på sidan.

Observera: formulär som visas på HubSpot-sidor kan endast anpassas för varje enskild sida.Inbäddade formulär på externa sidor eller fristående formulärsidor måste formateras i formulärredigeraren eller med CSS i ditt externa stilark.