Så länkar du till integritetspolicyn i dina formulär med Divi

  • Victor Duse
  • 2021-03-11
  • Divi
  • 5 kommentarer
  • Om affiliate-länkar
    Några av länkarna i det här inlägget är affiliate-länkar. Detta innebär att om du klickar på dessa länkar och köper något kommer jag att få en affiliate-kommission. Men det kommer aldrig att kosta mer för dig. Tack för ditt stöd!

Sedan dataskyddsförordningen GDPR började gälla den 25 maj 2018 är det viktigare än någonsin att låta besökaren ta del av och godkänna dina villkor för hantering av personuppgifter. Så här gör du för att skapa en obligatorisk checkbox med en länk till din integritetspolicy när du skapar ett formulär med Divi.

Relaterat inlägg: 7 knep för bättre Divi-formulär

Relaterat inlägg: Så ändrar du stil på tack-meddelandet i Divis formulär

Gratis kurs: Skapa en Kontakta oss-sida med Divi

Video: Så lägger du till en checkbox med länk till integritetspolicyn

Videon nedan är en del av vår kompletta kurs om WordPress och Divi.

    Vi går även igenom hur du ser till att länken öppnas i ny flik och hur du ändrar stilen på länktexten.

    1. Börja med att skapa en sida där du beskriver din integritetspolicy eller dina allmänna villkor. När du installerar WordPress skapas ett automatiskt utkast som du kan utgå ifrån, men du bör stämma av texten med en jurist för att vara på den säkra sidan.

    2. Om du inte redan har gjort det kan du nu skapa ett formulär genom att lägga in Divi-modulen Kontaktformulär på en sida.

    Divis modul för kontaktformulär

    3. Nu är det dags att lägga till checkboxen sist bland dina formulärfält. Öppna formulärmodulens inställningar och klicka på Lägg till nytt fält.

    4. Skriv ”policy” eller något liknande i fältet för ID (besökaren ser inte denna text). Om du inte vill ha någon rubrik ovanför checkboxen ska du bara lägga in ett mellanslag i rubrikfältet; om du lämnar rubrikfältet tomt visas nämligen rubriken ”New Field” och det vill vi inte).

    Divis modul för kontaktformulär
    Divis modul för kontaktformulär

    5. Bläddra ner och fäll ut nästa rad där du väljer typen Checkboxes som formulärfält.

    Okej, nu är det dags att lägga in texten och länken till integritetspolicyn.

    6. Börja med att lägga in texten som inte ska vara länkad i textfältet till höger om checkboxen, till exempel: ”Jag har läst och godkänner ”.

    Notera att jag avslutar texten med ett mellanslag för att texten inte ska gå ihop med den efterföljande länktexten.

    7. Ser du den lilla gråa ikonen som föreställer en kedja? Klicka på den för att lägga in länken till din integritetspolicy efter texten som du precis skrev in.

    Divis modul för kontaktformulär
    Divis modul för kontaktformulär

    8. Nu får du upp en ruta där du dels kan lägga in länken till din integretspolicy och dels ett fält där du kan lägga in länktexten, alltså den text som besökaren ska kunna klicka på, till exempel: ”integritetspolicyn”. Om du inte lägger in någon länktext alls visas en klickbar ikon med en länkpil bredvid texten.

    9. Klicka på den gröna bocken och säkerställ sedan att checkbox-fältet är markerat som obligatoriskt innan du sparar dina formulärinställningar.

    10. Spara sidan och provklicka länken.

    Nu bör ditt formulär se ut ungefär så här:

    Divis modul för kontaktformulär

    Bonus #1: Öppna länken i ny flik

    Uppdatering 2021-07-12: Efter det här inlägget skrevs har Divi uppdaterats och länken öppnas nu automatiskt i nytt fönster. Om du använder senaste versionen av Divi behöver du alltså inte lägga till den här koden.

    När du provklickar länken märker du kanske att den öppnas i samma flik. Det är aldrig bra att knuffa bort besökare från en sida mitt i ett formulär; risken är stor att de ifyllda uppgifterna försvinner och besökaren har kanske varken tid eller lust att fylla i allt från början igen.

    Det finns ingen inställning för att att öppna länken i ny flik eller i nytt fönster i Divis formulärmodul, men oroa dig inte. Vi löser det med lite JavaScript:

    Lägg in koden på något av följande ställen:

    1. Under Divi » Temainställningar » Integration kan du klistra in koden i rutan för <body>. Detta innebär att scriptet läses in på alla dina sidor och inlägg och därmed appliceras på alla dina formulär.
    2. Om du vill minimera antalet script som läses in på din sajt kan du istället lägga in scriptet i en kodmodul enbart på de sidor som innehåller formulär.

     

    Bonus #2: Ändra stil på länktexten

    Som standard blir länktexten fet och understruken. Vill du ändra färg, ta bort fetstilen och/eller ta bort understrykningen? Gå då in på Divi » Tema-anpassare » Extra CSS och lägg in följande CSS-kod:

     

    .et_pb_contact_field a {
        color: #31d190;
        font-weight: normal;
        text-decoration: none;
    }
    

    Byt ut #31d190 till den färg som du vill använda.

    Det var allt för den här gången!

    Lycka till med dina formulär! Och kom ihåg, det här inlägget innehåller inga juridiska råd om hur du bör hantera persondata eller GDPR. Prata alltid med en jurist om du är osäker.

    Relaterade inlägg

    5 Kommentarer
    1. Integritetspolicyn med bock-ruta försvinner?
      Hej!
      Har gjort ett formulär nu, men när jag börjar testa och skriva i formuläret (i Chrome) försvinner texten med integritetspolicyn, vad är de jag missat att göra?

      Inställning är gjord med checkbox, obligatoriskt fält JA , villkorlig logik JA,
      Mailet/bokningen kommer fram, så det är ju n ä s t a n rätt 🙂

      Svara
      • Hej Maria! Det är Conditional Logic-funktionen som ställer till det. Jag kan inte se exakt hur du har gjort från utsidan, men jag kan se att det finns ett villkor som säger något i stil med ”Dölj det sista fältet om besökaren fyller i något annat fält”. Plocka bort villkoren så borde det funka.

        Conditional Logic handlar om att visa eller dölja vissa fält beroende på hur besökaren fyller i andra fält. Om du bara vill göra ett fält obligatoriskt så gör du det i fältets Content-flik.

        Svara
    2. Suveränt!

      Allt funkade perfekt när jag tog bort ”Villkorlig logik” på policy/checkbox-inställningen.

      Tusen tack igen!

      Svara
      • Härligt att höra! 🙌

        Svara
    3. Hejsan,

      Har du något tips för hur man kan göra så en kontaktformulär skickas krypterat?

      Svara

    Skicka en kommentar

    Din e-postadress kommer inte publiceras. Obligatoriska fält är märkta *

    Denna webbplats använder Akismet för att minska skräppost. Lär dig hur din kommentardata bearbetas.