<div class="support-note primary">
Anteckning: Funktionen <a href="https://www.pipedrive.com/en/features/web-forms">Webbformulär</a> är en del av tillägget LeadBooster. Inställning av webbformulär är endast tillgänglig för användare med administratörsbehörighet för affärer aktiverad.</div>
Pipedrive <a href="https://www.pipedrive.com/en/features/web-forms">Web Forms</a> gör att du kan skapa dina egna personliga, inbäddade formulär för din webbplats för att samla in information från dina webbplatsbesökare och leda dem till Pipedrive som affärer eller leads.
<figure><img class="vidyard-player-embed" src="https://play.vidyard.com/j8fQEVKFqdiCfo4gCWg9WE.jpg" alt=""></figure>
<hr>
<h2 style="text-align: justify">
<a name="skapa-ett-webbformul-r"></a>Skapa ett webbformulär</h2>
<div class="support-note success primary">Obs: Om du aldrig har använt webbformulär, välj "Prova webbformulär” för att använda funktionen.</div>
För att skapa ett webbformulär, gå till Leads &gt; Webbformulär &gt; “Nytt webbformulär.” 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%207.jpg" alt=""></figure>
Välj en startmall och klicka “Skapa formulär.” 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%201.jpg" alt=""></figure>
<hr>
<a name="C2IamCs"></a>
<h2 dir="ltr" style="text-align: justify">Formulärredigerare<a name="formul-rredigerare"></a></h2>
Formulärredigeraren är där du skapar och anpassar dina webbformulär. Du kan lägga till olika block beroende på vilken information du vill samla in. 
Blocket introduktion är obligatoriskt för alla webbformulär. För att redigera ett block, klicka på pennikonen för att expandera blocket.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/Screen%20Capture%20on%202023-07-03%20at%2011-19-01.gif" alt=""></figure>
För att lägga till ett nytt block, håll muspekaren över formulärredigeraren och klicka på “+” där du vill att nästa block ska vara i formuläret.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%202.jpg" alt=""></figure>
<hr>
<h2 dir="ltr" style="text-align: justify">Blocktyper<a name="blocktyper"></a></h2>
Det finns två blocktyper du kan använda: Inmatningsfält eller Meddelande.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%203.jpg" alt=""></figure>
Inmatningsfält 
<div dir="ltr" style="text-align: justify" class="support-note success primary">Obs: Rutan “Obligatorisk” visas endast för anpassade fält med ett alternativ, eller anpassade fält med flera alternativ med endast ett tillgängligt inmatningsfält. </div>
Den här blocktypen låter dig samla in information från webbplatsbesökare såsom namn, telefonnummer, e-postadress, marknadsföringsstatus och olika <a href="https://support.pipedrive.com/hc/en/articles/207228075-Custom-Fields" target="_blank">anpassade fält</a> från ditt konto. Du kan också välja om detta block är nödvändigt för formuläret genom att använda rutan “Obligatorisk”.
För närvarande stöder våra webbformulär följande typer av anpassade fält:
<ul><li dir="ltr">Text</li><li dir="ltr">Stor text</li><li dir="ltr">Enkelt alternativ</li><li dir="ltr">Flera alternativ</li><li dir="ltr">Datum</li><li dir="ltr">Adress</li><li dir="ltr">Monetär</li><li dir="ltr">Numerisk</li><li dir="ltr">Telefon</li></ul>
<div>Det finns också inmatningsfältet bilaga, som låter dig lägga till en filuppladdning till ditt webbformulär: </div>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%204.jpg" alt=""></figure>
Meddelande
Den andra blocktypen är Meddelande, där en användare kan lägga till text i formuläret.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%205.jpg" alt=""></figure>
Det sista blocket i ditt formulär är Skicka-knappen, som är obligatorisk. Detta block låter dig välja texten på knappen och om formuläret ska vara skyddat mot skräppost. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%206.jpg" alt=""></figure>
<div dir="ltr" style="text-align: justify" class="support-note success primary">Anteckning: Vi använder den senaste versionen av reCAPTCHA när Spamskydd är aktiverat. För mer information om reCAPTCHA, besök deras <a href="https://www.google.com/recaptcha/intro/v3.html">webbplats</a>.</div>
<hr>
<h2 dir="ltr" style="text-align: justify">Stil<a name="stil"></a></h2>
<div dir="ltr" style="text-align: justify" class="support-note success primary">Notera: Fönstret Förhandsgranskning på högra sidan återspeglar ändringar som görs under redigering, så att du kan se hur ditt webbformulär kommer att se ut för dem som svarar. </div>
Avsnittet Stil låter dig anpassa utseendet på dina webbformulär på fyra olika sätt. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2012.jpg" alt=""></figure>
Färger och bakgrund
Du kan välja färger för bakgrunden, förgrunden, skicka-knappen och etiketter. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%208.jpg" alt=""></figure>
<div dir="ltr" class="support-note success primary">Notera: Välj anpassade färger med hjälp av rullgardinsmenyerna.</div>
 
Typsnitt 
Välj mellan dussintals anpassade typsnitt och justera storleken och vikten på bokstäverna.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%209.jpg" alt=""></figure>
Formulärstil 
Du kan också välja din formulärstil, som inkluderar storlek, form och position för dina webbformulärs inmatningsrutor:
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2010-2.jpg" alt=""></figure>
Identitet och varumärke 
Slutligen, lägg till bilder till ditt webbformulär och växla Pipedrive-varumärket på eller av.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2011.jpg" alt=""></figure>
<div dir="ltr" class="support-note success primary">Anteckning: Krav på bildstorlek varierar beroende på var bilden placeras. Bilder visas endast när webbformuläret skickas direkt via delad länk (fristående), inte när det bäddas in på en webbsida.</div>
<hr>
<a name="C5IamCs"></a>
<h2 style="text-align: justify">Skicka alternativ<a name="skicka-alternativ"></a></h2>
Nästa steg är att du väljer hur du vill att inskickningar från dina webbformulärsanvändare ska registreras i ditt Pipedrive-konto. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2013.jpg" alt=""></figure>
Du kan välja hur datan sparas i ditt konto, meddelandet som skickas efter inskickning och om du vill omdirigera dem till en annan webbplats. 
<hr>
<h2 style="text-align: justify">Dela och bädda in<a name="dela-och-b-dda-in"></a></h2>
Du har två alternativ för att dela din webformulärlänk: Dela som länk eller Bädda in formuläret på din webbplats.
Klicka “Kopiera till urklipp” under antingen avsnittet för att få länken till ditt webformulär. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2014.jpg" alt=""></figure>
Du kan skicka Dela som länk URL direkt till dina kunder för att de ska kunna skicka in, eller följa stegen under din valda webbplats och klistra in URL:en på din webbsida. 
<hr>
<a name="C6IamCs"></a>
<h2 style="text-align: justify">Samtyckefält för webbformulär<a name="samtyckef-lt-f-r-webbformul-r"></a></h2>
<div style="text-align: justify" class="support-note success primary">Observera: Stegen som beskrivs nedan kräver ett anpassat fält med ett alternativ; du kan lära dig hur du skapar ett i <a href="https://support.pipedrive.com/article/custom-fields" target="_blank" rel="noreferrer noopener">denna artikel</a>. </div>
Pipedrive har inget standard samtyckefält för dina webbformulär, men det finns en lösning så att du kan skapa en kryssruta där dina kontakter markerar sitt samtycke. 
<ol><li>Skapa ett anpassat fält med ett alternativ, med alternativ för Ja och Nej</li><li>Välj detta fält i inmatningsfältet för din inskickningsblock</li><li>Kryssa i rutan “Obligatorisk” </li></ol>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2015.jpg" alt=""></figure>
Nu kommer en klient inte att kunna skicka sina svar på webbformuläret utan att fylla i detta block. 
<div style="text-align: justify" class="support-note success primary">Observera: För att läsa mer om Pipedrive och GDPR, kolla in <a href="https://support.pipedrive.com/hc/sv/articles/360000335129-Pipedrive-and-GDPR" target="_blank" rel="noreferrer noopener">denna artikel.</a></div>

Web Forms

skapa-ett-webbformul-r

Skapa ett webbformulär

formul-rredigerare

Formulärredigerare

blocktyper

Blocktyper

stil

Stil

skicka-alternativ

Skicka alternativ

dela-och-b-dda-in

Dela och bädda in

samtyckef-lt-f-r-webbformul-r

Samtyckefält för webbformulär

Webbformulär.

<div class="support-note success primary">Observera: Denna sida är endast tillgänglig för administratörsanvändare med tillägget Webbformulär.</div>
Efter att du har delat eller bäddat in ditt Webbformulär kommer du att kunna övervaka dess prestanda och status.
Läs mer om <a href="https://www.pipedrive.com/en/features/web-forms">Webbformulär</a>
<figure><img src="https://kb-cms.pipedriveassets.com/Screen%20Shot%202021-06-11%20at%204.00.31%20PM.png" alt="prestanda för webbformulär"></figure>
<ul><li>Visad – Antalet gånger ditt webbformulär har visats</li><li>Interagerat – Antal gånger en tittare interagerade med ditt webbformulär. Att interagera, i det här fallet, räknas som när något skrevs in i formulärfältet men inte skickades. </li><li>Skickat – Antalet slutförda inskickningar</li><li>Konvertering – Procentandelen visningar som resulterade i en inskickning</li><li>Status– Aktiv eller inaktiv. Om du inaktiverar ditt webbformulär kommer det att visas under "Inaktiva webbformulär" och visas som en trasig länk för tittare. </li></ul>
Om du klickar på knappen "..." bredvid varje webbformulär kan du redigera, dela och bädda in, inaktivera, duplicera och ta bort webbformuläret.

Web Forms: performance and status

Web Forms: prestanda och status

<div class="support-note success primary">Observera: Dessa åtgärder är tillgängliga för globala admin-användare och vanliga användare med rätt behörigheter aktiverade. För att ha webbformulär tillgängliga på ditt konto måste du ha <a href="https://support.pipedrive.com/article/leadbooster-add-on" target="_blank" rel="noreferrer noopener">LeadBooster-tillägget</a> i din prenumeration. </div>
Införandet av GDPR-lagen 2018 hade en betydande inverkan på försäljnings- och marknadsföringsföretag, särskilt vad gäller leadgenerering, prospektering och e-handel. Du kan läsa mer om GDPR-efterlevnad för ditt säljteam i <a href="https://www.pipedrive.com/en/blog/gdpr-compliance" target="_blank" rel="noreferrer noopener">detta blogginlägg</a>.
I Pipedrive har vi funktionen <a href="https://support.pipedrive.com/article/web-forms">Webbformulär</a>, ett av de mest värdefulla verktygen för att fånga leads från din webbplats. Du är dock informationsansvarig och beroende på vilka data du samlar in bör du meddela dina kunder när och hur deras information behandlas för att säkerställa GDPR-efterlevnad.
Läs mer om <a href="https://www.pipedrive.com/en/features/web-forms">Webbformulär</a>
<hr>
<h2 style="text-align: justify"><a name="anpassning-av-f-lt"></a>Anpassning av fält</h2>
Det första steget är att noggrant fundera över vad som verkligen krävs från dina kunder. Till exempel:
<ul><li>Jag har läst integritetspolicyn.</li><li>Jag accepterar villkoren.</li><li>Jag vill prenumerera på nyhetsbrevet.</li></ul>
Varje godkännande du behöver kräver ett <a href="https://support.pipedrive.com/article/custom-fields" target="_blank" rel="noreferrer noopener">anpassningsfält</a> för att få det, och vi rekommenderar att skapa person anpassningsfält eftersom det är personer som du begär tillstånd från.
<div class="support-note success primary">Observera: Den <a href="https://support.pipedrive.com/article/what-types-of-custom-fields-are-there" target="_blank" rel="noreferrer noopener">anpassade fälttyp</a> du behöver beror på vilka val som är synliga i din checklista. Ett envalsfält måste ha två eller fler alternativ för att användas i ett webbformulärsblock (t.ex. "Ja" och "Nej"). Om du vill lägga till ett block med endast ett alternativ (t.ex. "Ja"), använd i stället ett flerval-fält. </div>
Integritetspolicy
För integritetspolicyn, skapa ett fleralternativ fält, döp det därefter och lägg till alternativen för ja och, om tillämpligt, nej.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%201.jpg" alt=""></figure>
Villkor och bestämmelser
För villkor och bestämmelser, skapa ett fleralternativ fält, döp det därefter och lägg till alternativen för ja och, om tillämpligt, nej. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%203.jpg" alt=""></figure>
Nyhetsbrev 
Eftersom en prenumeration på nyhetsbrev inte är obligatorisk kan du använda ett enskilt alternativ fält, döp det därefter och lägg till alternativen för ja och nej. 
<figure><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%202.jpg" alt=""></figure>
När du har skapat dina anpassade fält kan du ställa in ditt webbformulär.
<hr>
<h2 style="text-align: justify"><a name="webbformul-r-setup"></a>Webbformulär setup</h2>
Gå till Leads &gt; Webbformulär &gt; "Formulärredigerare," och använd sedan "+" ovanför skicka-knappen för att lägga till dina block.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%207.jpg" alt=""></figure>
Integritetspolicy/Villkor 

Här är några saker att tänka på när du skapar dina webbformulär block:
<ul><li>Använd en inmatningsfält block</li><li>Välj det anpassade fältet du skapat från rullistan under inmatningsfält på höger sida</li><li>Markera din text och använd "länk" alternativet för att länka till eventuella dokument </li><li>Använd anpassad synlighet om du endast vill ha ett enda alternativ tillgängligt när du fyller i formuläret (t.ex. "Ja.") </li><li>Markera obligatoriskt rutan för att säkerställa att frågan inte kan hoppas över</li></ul>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%204.jpg" alt=""></figure>
Nyhetsbrev 
<div class="support-note success primary">Observera: Till skillnad från integritetsmeddelandet och användarvillkoren behöver användarna inte godkänna eller prenumerera på ditt nyhetsbrev. </div>
Det enda stora skillnaden mellan din nyhetsbrevsblock och de andra är att du inte behöver samtycke för att skicka det, och behöver därför inte begränsa tillgängliga insättningsalternativ till ett. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%205.jpg" alt=""></figure>
När du har lagt till dina block i ditt webbformulär, klicka på "Spara" högst upp till höger på skärmen:
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%206.jpg" alt=""></figure>
Du kan kolla vår <a href="https://support.pipedrive.com/article/web-forms" target="_blank" rel="noreferrer noopener">artikel om webbformulär</a> för att lära dig hur du konfigurerar dem.

Kunskapsbas

Webbformulär

Frågor?