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

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

Senast uppdaterad: september 14, 2022

Gäller för:

Alla produkter och planer

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
    .

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

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 menyn till vänster i sidofältet och klickar på Skapa formulär.

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

  • 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.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.