HubSpot Kunskapsbas

Add HubSpot forms to WordPress pages and posts

Skriven av HubSpot Support | Nov 2, 2021 3:58:38 PM

När du har installerat pluginet HubSpot - CRM, Email Marketing, Live Chat, Forms & Analytics 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 genom antingen den klassiska redigeraren eller Gutenberg-redigeraren.

Innan du börjar

Innan du börjar bör du notera följande:

  • Om du bäddar in ett formulär på din WordPress-webbplats kan du behöva använda ytterligare CSS-deklarationer i din externa format mall för att formuläret ska bli responsivt.
  • Om du märker att ditt formulär inte fungerar i WordPress eller att inbäddningskoden ändras när du visar live-sidan, kan du behöva infoga formuläret med hjälp av ett plugin 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 inlämningar i HubSpot. Granska tabellen över stödda formulär och lär dig sedan hur du använder icke-HubSpot-formulär.
  • Om du använder ett icke-HubSpot-formulär som stöds på WordPress, men inte ser inlämningsdata i HubSpot, kan du ha installerat ett annat WordPress-plugin som strider mot HubSpot-WordPress-pluginet. Inaktivera insticksprogrammet eller läs Vanliga frågor för ytterligare felsökningssteg.

Klassisk redigerare

Så här bäddar du in ett formulär till 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 det vänstra sidofältet.
  • Håll muspekaren över det formulär 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 inlägg och klistra sedan in kortkoden i sidredigeraren.
  • När du har publicerat din sida kan du visa inskickningar till formuläret i WordPress:
    • Från ditt WordPress-konto navigerar du till HubSpot > Formulär i menyn i det vänstra sidofältet.
    • Håll muspekaren över ett formulär. Klicka sedan på rullgardinsmenyn Åtgärder och välj Visa inskickningar. Läs mer om hur du analyserar dina formulärinlämningar.

Gutenberg-redigeraren

Om du använder den senaste versionen av Gutenberg, som tar bort inline JavaScript, kan du använda pluginet 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 till dina WordPress-sidor och inlägg med hjälp av Gutenberg-redigeraren:

  • Gå till ditt WordPress-konto och navigera till din sida eller ditt inlägg.
  • 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 den vänstra sidomenyn och klickar på Skapa formulär.

  • När du har publicerat din sida kan du visa inlägg i formuläret i WordPress:
    • Från ditt WordPress-konto navigerar du till HubSpot > Formulär i menyn i det vänstra sidofältet.
    • Håll muspekaren över ett formulär. Klicka sedan på rullgardinsmenyn Åtgärder och välj Visa inskickningar. Läs mer om hur du analyserar dina formulärinlämningar.