Konfigurera och utforma formulär på HubSpot-sidor

När du har skapat ett formulär i HubSpot kan du lägga till det i valfri formulärmodul på en HubSpot-sida. På varje sida kan du också konfigurera vad som händer efter att formuläret har skickats in och anpassa stylingen för element i ditt formulär, till exempel skicka-knappen och formulärfälten.

Innan du kommer igång

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

• Inställningar och stylingändringar kommer endast att gälla formulärmodulen på den valda sidan. Eventuella ändringar av inställningar och styling påverkar inte ditt formulär på andra sidor.
• Uppdatering av formulärinnehåll som t.ex. formulärfält kommer att uppdatera formuläret på alla andra sidor, inklusive eventuella inbäddade formulär eller fristående formulärsidor.

Konfigurera dina formulär

• Navigera till ditt innehåll:

  • Webbplatssidor: I ditt HubSpot-konto navigerar du till Innehåll > Webbplatssidor.
  • Landningssidor: I ditt HubSpot-konto navigerar du till Innehåll > Landningssidor.

• Klicka på namnet på din sida.
• Klicka på formulärmodulen i innehållsredigeraren. Om din sida inte har någon formulärmodul kan du läsa om hur du lägger till moduler på en sida.
• På fliken Innehåll i den vänstra panelen anpassar du formulärets inställningar för den här sidan:
  • Formulärtitel: ange ett namn för formuläret.
  • Välj ett 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 att konfigurera formulär
    • Om du vill visa inlämningar för det här formuläret klickar du på Åtgärder > Visa formulärinlämningar.
    • Om du vill klona formuläret 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 det här formuläret.
    • Om du vill redigera formuläret i formulärredigeraren klickar du på Åtgärder > Gå till fullständig formulärredigerare.
      
      

Anpassa innehållet i formuläret

Så här redigerar du formulärfält, knapptext och alternativ för datasekretess och samtycke:

• Klicka för att expandera avsnittet Formulärinnehåll .
• Konfigurera formulärinnehållet:
  • Formulärfält: klicka och dra fälten för att redigera den ordning 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 ytterligare formulärfält:
    • Klicka på + Lägg till ett nytt 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 den text som ska visas på knappen Skicka.
  • Alternativ för datasekretess och samtycke: i rullgardinsmenyn väljer du den information om meddelande och samty cke som ska visas.
  • Captcha (SPAM-förebyggande): klicka för att aktivera Captcha (SPAM-förebyggande ) för att visa Googles osynliga reCAPTCHA.

Observera: Om du uppdaterar formulärinnehållet uppdateras formuläret på alla andra sidor där formuläret används, inklusive inbäddade formulär eller fristående formulärsidor.

Konfigurera dina åtgärder efter att du skickat in formuläret

Som standard kommer formulär som läggs till på HubSpot-sidor att visa ett Tack för att du skickade informuläret inline-meddelande. Formuläret kommer inte att visa den post-submit-åtgärd som konfigurerats i formulärredigeraren.

I sidredigeraren kan du anpassa en annan post-submit-åtgärd. Så här konfigurerar du vad som händer efter att ett formulär har skickats in:

• Klicka för att expandera avsnittet Tack.
• I avsnittet Vad kommer en besökare att se efter att ha skickat in ditt formul är konfigurerar du dina åtgärder efter sändning:
  • 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 Redirect link och välj en befintlig HubSpot-sida eller ange en URL.
  • Visa ett tackmeddelande inline: visa ett meddelande efter att besökaren har skickat in formuläret. Du kan ange ett tackmeddelande i textrutan.

Konfigurera din formulärautomatisering

Du kan hantera din formulärautomatisering, till exempel alternativ för att skapa kontakter och e-post för marknadsföring, samt alla arbetsflöden som är kopplade till dina formulär. Registreringstriggers är föremål för följande beteende:

• 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 utlösare för formulärregistrering som används i ett arbetsflöde inte anger en sida kan utlösaren inte tas bort från sidan och måste istället tas bort från arbetsflödet.

Om du vill konfigurera automatiseringsinställningar för ditt formulär klickar du på Formulärautomatisering i den vänstra panelen för att expandera avsnittet och granska sedan följande automatiseringsalternativ:

• Skapa alltid en ny kontakt för en 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ändarkoder med befintliga kontakter från formuläret.
• Ange kontaktersom skapats som marknadsföring skontakter: Ange alla kontakter som skapats via det här formuläret som marknadsföringskontakter.
• Follow up with an email: skicka ett uppföljningsmejl till besökare som har skickat in formuläret. Uppföljningsmejl 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öljningsmailet visas i den vänstra panelen.
    • När du har konfigurerat dina uppföljningsmail klickar du på Publicera eller Uppdatera längst upp till höger för att aktivera ändringarna. Uppföljningsmailet kommer inte att aktiveras förrän ändringarna har publicerats.

• • Om du vill ändra det uppföljningsmejl som används håller du muspekaren över mejlet och klickar på pennikonen bredvid mejlet.
  • Om du vill ta bort uppföljningsmejlet håller du muspekaren över mejlet och klickar på X-ikonen bredvid mejlet. E-postmeddelandet ska inte längre visas.
  • Om formuläret tidigare har varit kopplat till ett äldre uppföljningsmail visas en varning Det här formuläret använder ett äldre uppföljningsmail. Det går inte att redigera äldre uppföljningsmejl, men om mejlet tidigare publicerades kan det uppdateras till ett automatiserat mejl. De uppdaterade automatiserade e-postmeddelandena kan sedan redigeras.
    • Om du vill uppdatera ett tidigare publicerat äldre uppföljningsmejl till ett automatiserat mejl som kan redigeras klickar du på Uppdatera mejl. Klicka sedan på Uppdatera. Om e-postmeddelandet inte har publicerats tidigare visas inte det här alternativet.

• • • Om du vill ta bort ett publicerat eller opublicerat äldre uppföljningsmail 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 en registreringsutlösare visas. Läs mer om hur du använder automatisering med formulär.
  • Om du vill använda formuläret som en trigger i 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 konfigurerar du arbetsflödet och återgår sedan till formulärmodulen på landningssidan eller webbplatssidan.
  • 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.
  • Om du vill ta bort formuläret som utlösare i ett arbetsflöde håller du muspekaren över arbetsflödet och klickar på ikonen Ta bort bredvid arbetsflödet.

Konfigurera ytterligare formuläralternativ

Du kan också konfigurera ytterligare inställningar, t.ex. välja mottagare av formulärmeddelanden. Om du har installerat HubSpot-Salesforce-integrationen kan du dessutom associera formuläret med en aktiv Salesforce-kampanj.

Om du vill konfigurera ytterligare alternativ för formuläret bläddrar du längst ned i den vänstra panelen och konfigurerar sedan följande alternativ:

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

Styla dina formulär på HubSpot-sidor

Du kan anpassa utformningen av ditt övergripande formulär samt göra specifika utformningsändringar för sändningsknappen eller formulärfälten. Så här anpassar du utformningen av ditt formulär:

• Klicka på fliken Stilar längst upp i den vänstra panelen.
• Klicka på flikarna Modul, Fält eller Knappar för att välja det element i formuläret som du vill utforma.
• Anpassa det valda elementet i formuläret med hjälp av text- och justeringsalternativen nedan.
• Klicka på Publicera eller Uppdatera för att ta dina ändringar till sidan live.

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