Lägg till HubSpot-formulär på WordPress-sidor och -poster

När du har installerat HubSpot All-In-One Marketing - Forms, Popups, Live Chat WordPress-plugin, kan du lägga till HubSpot-formulär på dina WordPress-sidor och inlägg.

I WordPress kan du lägga till dina HubSpot-formulär via antingen den klassiska redigeraren eller Gutenberg-redigeraren.

Innan du börjar

Innan du börjar, ska du notera följande:

• Om du bäddar in ett formulär på din WordPress-webbplats kan du behöva tillämpa ytterligare CSS-deklarationer i ditt externa formatblad för att göra formuläret responsivt.
• Om du märker att ditt formulär inte fungerar i WordPress eller att inbäddningskoden ändras när du visar livesidan kan du behöva infoga formuläret med hjälp av ett insticksprogram för att se till att inbäddningskoden förblir intakt.
• Om du använder ett annat formulärplugin, som Contact Form 7 eller Ninja Forms, kan du samla in inlagor i HubSpot. Se tabellen över formulär som stöds och lär dig sedan hur du använder formulär som inte är från HubSpot.
• Om du använder ett formulär som stöds, som inte är HubSpot-formulär i WordPress, men inte ser inlämningsdata i HubSpot, kan du ha ett annat WordPress-plugin installerat som står i konflikt med HubSpot-WordPress-pluginet. Inaktivera insticksprogrammet eller läs vanliga frågor för ytterligare felsökningssteg.

Klassisk redaktör

För att bädda in ett formulär på dina WordPress-sidor och inlägg med hjälp av den klassiska redigeraren:

• Från ditt WordPress-konto navigerar du till HubSpot > Formulär i menyn i vänster sidofält i din WordPress-version.
• Håll muspekaren över det formulär som du vill lägga till på din webbplats och klicka på Kopiera kortkod. Du kan också skapa ett nytt HubSpot-formulär genom att klicka på Skapa formulär.
• Navigera till en WordPress-sida eller ett WordPress-inlägg och klistra in kortkoden i sidredigeraren
  .
  
  
  
• När du har publicerat din sida kan du visa inlämningar till formuläret i WordPress:
  • Från ditt WordPress-konto navigerar du till HubSpot > Formulär i menyn i vänster sidofält från ditt WordPress-konto.
  • Håll muspekaren över ett formulär. Klicka sedan på Åtgärderoch välj Visa inlämningar. Läs mer omanalysera dina formulärsändningar.

Gutenberg-redigerare

Om du använder den senaste versionen av Gutenberg, som tar bort inline JavaScript, kan du använda insticksmodulen Inline JS Block for Gutenberg för att bädda in formulär och CTA:er på din sida istället.

Så här bäddar du in ett formulär på dina WordPress-sidor och inlägg med Gutenberg-redigeraren:

• Navigera till din sida eller ditt inlägg i ditt WordPress-konto.
• Klicka på plusikonen i verktygsfältet. Sök efter HubSpot Form-blocket och klicka på det för att lägga till det i ditt innehåll.
  
  

• I blocket kan du välja ett befintligt formulär eller skapa ett nytt formulär:
  • Om du vill välja ett befintligt formulär klickar du på rullgardinsmenyn Välj ett befintligt formulär och väljer ett formulär.
  • Om du vill skapa ett nytt formulär navigerar du till HubSpot > Formulär i menyn till vänster i sidofältet och klickar på Skapa formulär.
    
    

• När du har publicerat din sida kan du visa inlagor till formuläret i WordPress:
  • Från ditt WordPress-konto, i menyn i vänster sidofält, navigerar du till HubSpot > Formulär.
  • Håll muspekaren över ett formulär. Klicka sedan på Åtgärderoch välj Visa inlämningar. Läs mer omanalysera dina formulärsändningar.