Lägga till HubSpot-formulär på WordPress-sidor och -inlägg
Senast uppdaterad: januari 3, 2025
Tillgänglig med något av följande abonnemang, om inte annat anges:
Alla produkter och planer |
När du har delbetalat pluginet HubSpot - CRM, Email Marketing, Livechatt, Forms & Analys 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 antingen via Classic Editor eller Gutenberg Editor.
Innan du sätter igång
Innan du sätter igång bör du observera följande:
- Om du bäddar in ett formulär på din WordPress-webbplats kan du behöva tillämpa ytterligare CSS-deklarationer i din externa stilmall 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 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 plugin för formulär, som Contact Form 7 eller Ninja Forms, kan du samla in inskick av formulär 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 stöds, icke-HubSpot-formulär på WordPress, men inte ser data om inskick av formulär 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
Så här bäddar du in ett formulär på dina WordPress-sidor och -inlägg med den klassiska redigeraren:
- Från ditt WordPress-konto, i menyn i vänster sidofält, navigera till HubSpot > Formulär.
- Håll muspekaren över det formulär som du vill lägga till på din webbplats och klicka på Embed. Du kan också skapa ett nytt HubSpot-formulär genom att klicka på Create form.
- Klicka på WordPress short code och sedan på Copy för att kopiera inbäddningskoden.
- Navigera till en WordPress-sida eller ett WordPress-inlägg och klistra sedan in kortkoden i sidredigeraren.
- När du har publicerat din sida kan du visa inskick av formuläret i WordPress:
- Gå till ditt WordPress-konto och navigera till HubSpot > Formulär i menyn till vänster i sidofältet.
- Håll muspekaren över ett formulär. Klicka sedan på rullgardinsmenyn Åtgärder och välj Visa inlämningar. Läs mer om hur du analyserar dina inskick av formulär.
Gutenberg Redaktör
Om du använder den senaste versionen av Gutenberg, som tar bort inline JavaScript, kan du använda plugin-programmet 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:
- I ditt WordPress-konto navigerar du 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:
- För att 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 går du till HubSpot > Formulär i menyn till vänster och klickar på Skapa formulär.
- Efter att du har publicerat din sida kan du visa inskick av formuläret i WordPress:
- Från ditt WordPress-konto, i menyn till vänster i sidofältet, navigera till HubSpot > Formulär.
- 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 inskick av formulär.