Nyheter i Android, Telefoner, Prylar Och Recensioner

Hur man gör ett intuitivt WordPress-formulär (det enklaste sättet)

Vill du skapa ett anpassat Insightly WordPress-formulär? Genom att skapa ditt eget formulär kan du samla in kontaktdata på din webbplats och automatiskt skicka den till din Insightly CRM.

I den här artikeln kommer vi att visa dig det enkla sättet att skapa ett anpassat Insightly WordPress-formulär.

Vad är Insightly?

Insightly är ett molnbaserat verktyg för hantering av kundrelationer (CRM). Kombinera marknadsföringsautomation och säljspårningsverktyg i en plattform.

Insightly låter dig skapa och anpassa formulär för att spara data.

Så varför inte bädda in dessa grundläggande Insightly WordPress-formulär på din webbplats?

Tja, du kan, men de är inte särskilt lätta att använda.

Med Insightlys grundläggande formulär måste du kopiera all formulärkod och klistra in den i WordPress-kodredigeraren. Varje gång du ändrar ditt formulär måste du gå tillbaka och upprepa hela processen.

Det är därför vi kommer att använda WPForms för denna handledning. WPForms gör det enkelt att skapa alla typer av formulär, och det är också snabbt och enkelt att ändra dina formulär.

WPForms låter dig också lägga till fler funktioner till Insightly-formulär. Du kan:

Nu när vi förstår lite mer om Insightly WordPress-formulär, låt oss gå vidare och skapa ett anpassat formulär.

Hur man gör ett intuitivt WordPress-formulär

Om du redan vet hur man skapar Zoho CRM-formulär i WordPress kommer du att tycka att det är lätt att följa. Den här innehållsförteckningen guidar dig genom handledningen:

  1. Installera WPForms Plugin
  2. Gör ditt WordPress-formulär intuitivt
  3. Lägg till ditt Insightly-formulär till WordPress
  4. Anslut WPForms till Zapier
  5. Anslut Insightly till Zapier
  6. Testa din WordPress Insightly-integration

Redo? Låt oss börja med att installera WPForms.

Steg 1: Installera WPForms Plugin

För att komma igång, installera plugin-programmet WPForms på din WordPress-webbplats.

Om du behöver hjälp med att installera WPForms, kolla in den här artikeln om hur du installerar ett plugin i WordPress.

Glöm inte att aktivera plugin innan du fortsätter.

Excellent! Steg 1 är klart. Låt oss nu bygga formuläret.

Steg 2: Skapa ditt intuitiva WordPress-formulär

WPForms har massor av WordPress-formulärmallar som du kan använda.

Vi går vidare och börjar med mallen för enkla kontaktformulär.

Relaterad  TikTok tog bort över 300 000 videor för felaktig information om val 2020

Klicka bara på mallen för att öppna den.

Skapa Insightly WordPress-formulär

Vi kan nu lägga till ytterligare fält i vår Insightly-kontaktpost.

För att göra detta klickar du helt enkelt på ett fält i den vänstra panelen och drar det till den högra panelen för att lägga till det i ditt formulär.

Kom ihåg! Insightly använder 2 separata fält för kontaktens namn. Du kan ställa in detta i WPForms genom att klicka på namnfältet och ändra formatet till Först sistså här:

Anpassa namnfält för Insightly WordPress-formulär

Det här är de andra Insightly-fälten som Zapier kan använda:

  • Hälsning (prefix)
  • Befattningens titel och organisation
  • E-postadress (flera typer, men du kan bara använda 1)
  • Telefonfält för arbete, mobil, hem och “övrigt”
  • Faxnummer
  • Twitter ID, LinkedIn URL
  • Taggar
  • Sammanhangsinformation
  • Postadress och “övrig” adress.

Puh. Det finns många fält.

Du behöver inte inkludera alla dessa i ditt formulär. Men om du gör det rekommenderar vi att du använder sidbrytningar för att skapa ett formulär med flera delar.

Dra helt enkelt sidbrytningen dit du vill att den ska visas i formuläret:

Skapa flerdelat WordPress Insightly-formulär

Vi visar dig hur det här ser ut i steg 3.

Du kan också göra din form mer kompakt genom att minska korta fält.

Klicka på fältet, scrolla ner och ställ in fältstorleken till Små:

WPForms Small Form Field

När ditt formulär är inställt som du vill, glöm inte att klicka Spara innan du går vidare till nästa steg.

Steg 3: Lägg till ditt Insightly-formulär till WordPress

Låt oss nu lägga till det anpassade Insightly-formuläret på vår webbplats.

WPForms gör den här delen väldigt enkel. Du kan placera ditt formulär:

  • I en publikation
  • På en sida
  • I sidofältet.

Vill du förbättra konverteringarna? Du kan använda insticksprogrammet Form Pages för att placera ditt formulär på en målsida utan distraktion.

I det här exemplet kommer vi att hålla det enkelt och skapa en ny sida för formuläret i WordPress.

Klicka på i WordPress-instrumentpanelen Sidordå Lägg till ny.

Ge din sida en titel och klicka sedan på plusikonen för att lägga till ett nytt block. Leta efter WPForms och klicka på widgeten.

Välj WPForms-blocket i blockredigeraren

Välj nu bara det formulär du behöver från rullgardinsmenyn.

Relaterad  5 enkla sätt att infektera din Mac med skadlig programvara

Välj Insightly WordPress-formuläret i blockredigeraren

Det är allt! Glöm inte Posta antingen Uppdatering din sida.

Bädda in och publicera Insightly WordPress-formulär

Så här ser vårt publicerade formulär ut. Har du lagt märke till förloppsindikatorn överst? Vi gjorde detta i en flerstegsform, så förloppsindikatorn visar vår besökare hur mycket de har slutfört hittills.

Intuitivt WordPress-formulär med förloppsindikator

Innan vi fortsätter måste vi skicka in en testanmälan via formuläret. Utan detta kommer Zapier inte att kunna ansluta till WPForms i nästa steg.

Gå vidare och fyll i formuläret och skicka sedan.

Nu är vi redo att koppla WPForms till Zapier.

Steg 4: Anslut WPForms till Zapier

Zapier kopplar ihop olika tjänster. I det här exemplet kommer vårt Insightly WordPress-formulär att utlösa zappen.

Så först, klicka göra en zap.

Gör en Zap i Zapier

Leta efter WPForms och klicka på ikonen.

Sök efter WPForms på Zapier

Nu behöver du din API-nyckel. Gå tillbaka till WordPress-instrumentpanelen och klicka på WPForms och sedan på Integrations.

Rulla ned och klicka på Zapier för att avslöja din nyckel.

Hämta Zapier-nyckeln

Klistra in nyckeln i anslutningsfönstret i Zapier. Klicka sedan Ja fortsätt.

Zapier WPForms-anslutning

Zapier tar dig tillbaka till Make a Zap-skärmen.

Klick Fortsätta igen.

Lägg till WPForms till Zapier

Zapier kommer då att be dig välja det formulär du vill använda för utlösaren.

Välj formuläret du skapade i steg 2.

Välj Insightly WordPress Form

Nu är det dags att koppla ihop Zapier och Insightly så att vi kan skicka formulärdata till CRM.

Steg 5: Anslut Insightly till Zapier

Det här steget är väldigt likt steg 4. Den här gången, i Välj app och eventkommer vi att söka efter Insightly och klicka på ikonen.

Zapier kommer att be dig om din Insightly API-nyckel.

För att hitta detta, klicka på din användarikon i det övre högra hörnet i Insightly. Klicka sedan Användarinställningar.

Rulla ned och kopiera din Insightly API-nyckel:

Insightly API-nyckel

Klistra in API-nyckeln i anslutningsfönstret i Zapier.

Därefter måste vi välja den åtgärd vi vill utlösa när vi får en ny formulärinmatning.

För det här formuläret vill vi skapa en ny kontakt, så fortsätt och välj den.

Skapa en ny kontakt i Insightly WordPress-formulär

Nu den viktiga delen. Vi måste mappa varje fält i vårt Insightly WordPress-formulär till formulärfälten i Insightly.

Zapier kommer att visa dig testinlägget som den skickade in för att guida dig här.

Relaterad  Ignorerad SEO: Optimera bilder och videor för sökning

Skapa insiktsfull kontakt från WPForms i Zapier

När allt är klart kan du klicka Fortsätta i Zapier för att gå vidare till det sista steget.

Steg 6: Testa din WordPress Insightly-integrering

När alla dina fält är mappade kommer Zapier att be dig testa din integration.

Om allt fungerade kommer du att se ett framgångsmeddelande.

Gå vidare och verifiera att din post har skapats i Insightly. Här är vår:

WordPress-kontaktformulär skapat intuitivt

Det är allt! Glöm inte att slå på din Zap i Zapier innan du slutar.

Nu behöver du bara leda trafik till ditt formulär. Kolla in den här artikeln om hur du får fler potentiella kunder för några tips.

Slutgiltiga tankar

Bra jobbat! Nu vet du hur du skapar ett anpassat Insightly WordPress-formulär. Du kan också använda alla extrafunktioner i WPForms för att spåra dina potentiella kunder.

Om du också vill spara Insightly-formulärposter i WordPress, kolla in den här handledningen om hur du sparar formulärposter i din WordPress-databas. Vi har också en guide för att skapa en WordPress Salesforce-integration med WPForms Salesforce-plugin.

Redo att bygga din form? Kom igång idag med det enklaste WordPress-formulärbyggarpluginet. WPForms Pro innehåller över 100 gratis mallar och erbjuder en 14-dagars pengarna-tillbaka-garanti.

Om den här artikeln hjälpte dig, följ oss på Facebook och Twitter för fler gratis WordPress-guider och handledningar.