Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här skapar du ett HubSpot-formulär i WordPress (2 enkla metoder)

HubSpot är en populär allt-i-ett-marknadsförings- och CRM-plattform som är utformad för att hjälpa dig att växa ditt företag. Med Hubspots formulärbyggare kan du börja konvertera webbplatsbesökare till kvalificerade leads, samla in kundinformation och driva engagemang.

Genom att skapa olika formulär med HubSpot på våra testwebbplatser har vi fått en förstahandsförståelse för dess effektivitet, användarvänliga gränssnitt och kraftfulla funktioner.

I den här artikeln visar vi dig hur du skapar ett HubSpot-formulär i WordPress. Våra steg-för-steg-instruktioner är utformade för att vara nybörjarvänliga och kräver ingen kodningskunskap.

How to Create a HubSpot Form in WordPress

Varför använda HubSpot för att skapa formulär?

HubSpot är en marknadsförings- och försäljningsplattform som hjälper företag att växa. Den levereras med många tools, inklusive en customer relationship manager (CRM), ett content management system (CMS), built-in email marketing och lead generation.

Den har också en kraftfull WordPress-formulärbyggare, som integreras sömlöst med WordPress, så att du kan skapa problemfria formulär. Precis som de flesta formulärbyggare kan du enkelt skapa anpassade formulär för din webbplats utan teknisk expertis.

Om du redan använder HubSpots CRM-app kommer varje besökare som fyller i ditt formulär automatiskt att läggas till i din databas. På så sätt kan du vårda dem med e-postkampanjer och personliga meddelanden.

Denna form builder är en enkel drag and drop builder som aktiverar dig att skapa interaktiva formulär utan en enda rad kod, vilket gör det till ett av de bästa tillägg för kontaktformulär.

Tänk också på att HubSpot också enkelt kan integreras med andra formulärverktyg som WPForms, Formidable Forms och mer. HubSpot är en mycket populär programvara. Chansen är stor att du kan ansluta den till nästan alla småföretagsverktyg, gillar e-postmarknadsföringstjänster, programvara för marknadsföringsautomation och andra system.

Med det sagt, låt oss se hur du kan skapa ett HubSpot-formulär i WordPress:

Metod 1: Skapa ett HubSpot-formulär med hjälp av HubSpot Plugin

Du kan enkelt skapa ett HubSpot-formulär för din WordPress website med hjälp av HubSpot plugin.

Först måste du installera och aktivera HubSpot plugin. För mer detaljer, se vår guide om hur du installerar ett plugin för WordPress.

Efter aktivering kommer pluginet att lägga till ett nytt menu item i WordPress admin sidebar. Klicka bara på HubSpot för att komma till Setup Wizard, där du kan skapa ett HubSpot account om du inte redan har ett.

Om du har ett account måste du klicka på länken ”Sign in here” högst upp.

hubspot dashboard

Detta kommer att öppna en ”HubSpot Login” popup.

Skriv bara in ditt användarnamn och password och klicka sedan på knappen ”Login”.

hubspot login

När du har loggat in kommer HubSpot att fråga om du vill fortsätta med det account som du just har loggat in med.

Klicka bara på knappen ”Continue With This Account”.

continue with this account hubspot

Sedan kommer du att bli ombedd att ansluta ditt HubSpot account till din WordPress website.

Klicka bara på knappen ”Connect Website”.

connect website to hubspot

När du har anslutit WordPress-webbplatsen till ditt HubSpot-konto, head över till HubSpot ” Formulär från WordPress adminpanelen.

Detta kommer att ta dig till ”Forms” page. Nu klickar du bara på knappen ”Skapa ett gratis formulär” högst upp till höger.

create a free form hubspot

Därefter måste du välja din formulärstyp och klicka på knappen ”Nästa” högst upp.

I denna tutorial kommer vi att skapa ett ”Embed form”.

Choose a form type

Efter det kommer du till HubSpots template-bibliotek.

Välj helt enkelt din template, till exempel ”Registrering” eller ”Kontakta oss”. Sedan klickar du bara på knappen ”Start” högst upp.

Choose a form template

Nu när du är i Form Editor kan du edit den Pre-Made formulärmallen genom att drag and drop fält från vänster till preview till höger.

När du är klar med customize klickar du bara på knappen ”Submit” högst upp.

Create a form and click Submit button

Detta kommer att öppna en popup för ”Review And Publicera”.

Det är bara att rulla ner och clicka på knappen ”Publicera”.

Click Submit button

Efter det kommer en popup att visas på din skärm. Eftersom detta är ett inbäddat formulär kommer en kortkod att tillhandahållas.

Nu klickar du bara på knappen ”Kopiera” bredvid kortkoden.

Copy the shortcode

Du kan embedda den här koden på vilken page som helst där du vill add to ditt HubSpot-formulär. För mer information, kontrollera vår guide om hur du lägger till shortcodes i WordPress.

Metod 2: Skapa ett HubSpot-formulär med WPForms

Du kan också skapa ett HubSpot-formulär med hjälp av WPForms, som levereras med ett HubSpot-integrations addon. WPForms är den mest populära drag-and-drop WordPress form builder, med över 6 miljoner aktiva installationer.

Note: Du behöver minst en Elite-plan för att få tillgång till HubSpot addon.

Det första du behöver göra är att installera och aktivera WPForms plugin. Kolla in vår detaljerade guide om hur du installerar ett plugin för WordPress.

Efter aktivering, gå till WPForms ” Addons från adminpanelen. Detta kommer att ta dig till ”WPForms Addons” page.

Lokalisera bara HubSpot addon och klicka på knappen ”Upgrade Now”.

Click Upgrade Now button below HubSpot addon

Detta kommer att ta dig till din ”WPForms Account” page. Här rullar du bara ner till ”HubSpot Addon” och klickar på knappen download.

Efter det kan du installera och aktivera HubSpot addon på samma sätt som du installerade och aktiverade plugin.

Click Download HubSpot button

Gå sedan till WPForms ” Settings från WordPress dashboard. Sedan headar du över till tabben ”Integrationer”.

Här hittar du HubSpot i listan över integrationer. Klicka bara på pilikonen för att förstora sektionen och sedan kan du klicka på knappen ”Add New Account”.

Choose HubSpot for integration

En prompt öppnas och ber dig att ansluta till ditt HubSpot-konto. Skriv bara in dina inloggningsuppgifter för HubSpot-kontot.

Om du inte redan har ett account kan du skapa ett här.

log into your hubspot account

Därefter får du frågan om du vill fortsätta med det här kontot.

Klicka bara på knappen ”Continue With This Account”.

Click Continue With This Account

Efter det visas en popup där du uppmanas att ansluta WPForms till HubSpot.

Klicka på knappen ”Anslut app” längst ner på sidan.

connect wpforms and hubspot

På din WordPress dashboard, gå tillbaka till vyn ”Integrationer”.

Du bör nu se ”Ansluten” bredvid HubSpot section.

HubSpot marked Connected

Gå nu till WPForms ” Add New från dashboarden för att skapa ditt HubSpot-formulär.

Först väljer du en formulärmall från WPForms mallbibliotek.

Select a template for yourself from the WPForms template library

Efter det kommer du till WPForms-gränssnittet, där du kan redigera formulärmallen.

Klicka nu på alternativet ”Marknadsföring” i menyraden till vänster. Välj bara ”HubSpot” från listan över integrationer.

En HubSpot popup kommer då att visas på vyn. Klicka bara på knappen ”Add New Connection” högst upp.

Click Add New Connection button

WPForms kommer nu att uppmana you att enter ett smeknamn för en anslutning.

Du är gratis att välja vilket namn du gillar, eftersom ingen annan än du kommer att se detta. Klicka bara på knappen ”OK” när du är klar.

Choose a nickname of your liking

WPForms kommer då att be dig att selecta ditt HubSpot account och välja en action att utföra. Välj helt enkelt your account från fältet ”Select Account”.

Välj sedan alternativet ”Create/Update Contact” i fältet ”Action to Perform”.

add action to perform in hubspot

När du har valt det här alternativet visas olika nya Settings i formuläret.

Fyll i dessa fält i enlighet med detta. Eftersom vi vill skicka kontakter från ditt lead generation-formulär till HubSpot, väljer vi alternativet ”Create/Update Contact”.

Alla dessa fält, till exempel prospektens namn, email och status på leads, kommer att updates i HubSpot databasen.

fill in form fields

Därefter är du redo att customize ditt formulär i form builder.

Skapa helt enkelt drag and drop-fält från vänster sida till live preview till höger.

Form in form builder

You can add to any information that you want to collect and organize in your HubSpot account.

När du är nöjd klickar du på knappen ”Embed” som finns högst upp i form buildern.

embed hubspot form

Detta öppnar prompten ”Embed in a Page” (Embed på en page).

Om du vill embed ditt HubSpot-formulär på en ny sida klickar du på alternativet ”Skapa ny sida”.

Om du vill embeda ett formulär på en befintlig page klickar du på alternativet ”Select Existing Page”.

Select existing page option

Därefter väljer du helt enkelt rätt page i den dropdown som visas.

Klicka nu på knappen ”Let’s Go”.

Click Let's Go button

Du kommer automatiskt att skickas till den page som du valde i dropdown-menyn. HubSpot-formuläret kommer redan att vara embed där.

Klicka bara på knappen ”Publicera” högst upp i content editor för att få ditt nya formulär att fungera.

Click Publish button after embedding the form

Nu är det klart! Vi hoppas att du har lärt dig hur man skapar ett HubSpot-formulär i WordPress. Du kanske också vill kolla in vår guide om hur du lösenordsskyddar dina WordPress-formulär och vår jämförelse mellan Contact Form 7 och WPForms för att hitta det bästa alternativet för din webbplats .

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

1 kommentarLämna ett svar

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.