ElementsKit leveres med Contact Form 7-widgetten, der tilføjer funktionerne i formularbygger-pluginnet. Du kan tilpasse stilene i Kontaktformular 7 med Elementor ved at udnytte sidebyggerens funktionalitet fuldt ud.

Læs denne dokumentation for at lære, hvordan du opretter og tilpasser formularen ved hjælp af Kontaktformular 7 med Elementor.

Forudsætning:

You need to have Kontaktformular 7 plugin installeret på dit WordPress-websted.

Create a form with Contact Form 7 #

Follow the below steps and create your desired form easily.

Step 1: Add New Contact Form #

1. Gå til Kontakt > Tilføj ny.
2. Indtast et formularnavn.
3. Konfigurer formularens indstillinger og attributter.
4. Klik på Gemme knap.

Trin-2: Få kontaktformular 7 i Elementor #

For at få kontaktformular 7 på Elementor skal du først aktivere ElementsKit Contact Form 7-widgetten, derefter åbne Elementor-editoren og trække og slippe widgetten til designområdet.

Aktiver kontaktformular 7-widget #

Sådan aktiverer du Content Ticker-widgetten:

1. Naviger til ElementsKit > Widgets fra WordPress-dashboardet.
2. Find Kontaktformular 7 widget fra listen og aktivere widgetten.
3. Klik på GEM ÆNDRINGER.

Træk og slip widgetten #

Træk og slip derefter ElementsKit Kontaktformular 7 widget ind i Elementor-editoren.

Trin 3: Vælg en formular, der skal redigeres med Elementor #

I dette trin kan du vælge, hvilken formular du vil redigere. Til det kan du vælge formularen fra rullelisten.

I Indhold > Kontaktformular 7 > Stil finder du en liste over formularer oprettet med Kontaktformular 7. Vælg en formular og fortsæt til næste trin.

Trin 4: Tilpas kontaktformular 7 med Elementor #

Nu kan du tilpasse stilene for etiketterne, inputfeltet og knappen i Kontaktformular 7 med Elementor.

Etiket #

1. Typografi: Indstil typografien for etikettekst.
2. Farve: Vælg en farvetekst til etiketteksten.
3. Margin: Juster margenen for formularfeltetiketten.
4. Antydning: Du kan også ændre typografien og farven på pladsholderen.

Input #

1. Polstring: Juster udfyldningen af inputfeltet.
2. Bredde: Du kan justere bredden af inputfeltet.
3. Højde: Du kan ændre inputfeltets højde.
4. Margen nederst: Skift margen i bunden af indtastningsfeltet.

5. Tekstområde Højde: For det lange tekstområdefelt kan du ændre dets højde.
6. Tekstområdepolstring: Du kan også ændre udfyldningen af tekstområdet.

7. Baggrundstype: Vælg en baggrundsfarvetype (klassisk eller gradientfarve).
8. Farve: Vælg en baggrundsfarve til inputfeltet.
9. Grænseradius: Indstil kantradius for inputfeltet.
10. Kanttype: Vælg inputfeltets kanttype.
11. Box Shadow: Du kan indstille boksskyggen for inputfeltet.

Du kan indstille disse attributter individuelt for Normal, Svæv, og Fokustilstande.

12. Typografi: Indstil typografien for inputteksten.
13. Tekstfarve: Vælg en farve til inputteksten.
14. Pladsholderskriftstørrelse: Juster skriftstørrelsen på pladsholderen.
15. Pladsholder farve: Vælg en farve til pladsholderteksten.

Tjek advanced features of ElementsKit 👇