Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.

Lägg till HubSpot-formulär till WordPress-sidor och inlägg

Senast uppdaterad: juli 31, 2023

Tillgänglig med något av följande abonnemang, om inte annat anges:

Alla produkter och planer

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.
    add-shortcode-to-website
  • 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.

wordpress-hubspot-form-block

  • 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.

wordpress-hubspot-form-select-an-existing-form

  • 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.
Hjälpte artikeln?
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.