Behöver du anpassa WPForms-formulär med Elementor?

Formulär skapade med WPForms ser bra ut. Det finns dock tillfällen när du vill anpassa WPForms efter eget tycke. så…

Hur anpassar jag WPForms-formulär?

 Det finns två sätt att göra detta utan att behöva skriva CSS-kod och särskilt genom att använda WordPress Elementor-plugin:

  1. Använda PowerPack Addons-tillägget
  2. Med Ultimate Addons-tillägget

Låt oss ta en titt på var och en av dessa metoder nu.

Anpassa WPForms-formulär med Elementors PowerPack-tillägg

Elementor PowerPack-tillägg är ett gratis WordPress-plugin. Så du måste först installera och aktivera Elementor-pluginet, sedan installera och aktivera PowerPack-tilläggen.

När båda insticksprogrammen är aktiva redigerar du sidan du vill placera ditt formulär på och klickar på Redigera-knappen med Elementor.

Nu till vänster på Elementor-panelen, bläddra ner till PowerPack Elements widgets och dra och släpp Elementor WPForms-widgeten till sidan.

Du bör nu se WPForms-widgetinställningarna på den vänstra panelen. Välj det WPForms-formulär du vill anpassa i fältet Kontaktformulär.

Här kommer du också att kunna ställa in en anpassad titel och anpassad beskrivning för ditt formulär, samt visa eller dölja formulärets titel, beskrivning, etiketter, platshållare och felmeddelanden.

På fliken Style kan du använda inställningarna för titel och beskrivning för att anpassa titeln och beskrivningen för ditt formulär.

Du kan använda etikettinställningarna för att anpassa etiketterna för din WPForms-form.

Du kan använda inställningarna Input & Textarea för att anpassa inmatningsfälten och textområdet i ditt formulär.

Du kan använda parametrarna för fältbeskrivning för att anpassa fältbeskrivningen för ditt formulär.

Du kan använda platshållarparametrar för att anpassa färgen på formulärets platshållare.

anpassa WPForms-formulär utan att skriva CSS-kod

Du kan använda inställningarna Radio & kryssruta för att anpassa radioknapparna och kryssrutorna på ditt formulär.

Du kan använda inställningarna för Sänd knäppas för att anpassa WPForms-skicka-knappen.

Du kan använda inställningarna fel för att anpassa WPForms felmeddelanden.

Och du kan använda bekräftelsemeddelanden för att anpassa WPForms bekräftelsemeddelanden.

anpassa WPForms-formulär utan att skriva CSS-kod

Det var mycket tweaking!

Genom att använda WPForms med Elementor och PowerPack kan du anpassa WPForms som du vill utan att skriva CSS-kod.

Så varför slösa tid på att leta efter CSS-kod?

WPForms fungerar bra med Elementor- och PowerPack-plugins. Och genom att använda dessa plugins sparar du mycket tid.

Nu, om du inte är ett fan av gratis plugins och till varje pris vill du hitta ett premium WordPress-plugin som hjälper dig att komma dit, rekommenderar vi plugin. Elementors Ultimate Addons. Det fungerar exakt på samma sätt som PowerPack-plugin du just såg ovan.

Som du kan se sparar du dyrbar tid genom att använda ett plugin för att uppnå detta resultat.

Skaffa Elementor Pro nu!

Upptäck också några premium WordPress-plugins  

Du kan använda andra WordPress-plugins för att ge ett modernt utseende och optimera greppet på din blogg eller webbplats.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. Gryphon SEO Tools

Gryphon SEO-verktyg är ett kraftfullt verktyg som gör att du kan förbättra SEO på din webbplats. Denna premium WordPress-plugin kräver bara några konfigurationer och fungerar på mobila enheter såväl som på stationära datorer, oavsett vilken webbläsare som används.

Gryphon AutoBlog SEO Tools wordpress plugin

Dess funktioner inkluderar: tillgängligheten av Readability Score Test som läggs till i publikationer, automatiskt tillägg av 'alt' och 'title' taggar till alla bilder, helt anpassningsbar layout, regelbundna uppdateringar, tillgänglig kundsupport och mer.

Ladda ner | demo | webbhotell

2. Calendarista

Calendarista Premium WP-bokningsplugin för tidsbokning och schemaläggningsprogrammet wordpress

Calendarista är ett premium WordPress-plugin designat för att ge en upplevelse av Online bokning –Bokning – snabbare och effektivare för dina kunder. Dess mål är att göra tjänster mycket snabba och enkla att lägga till för företag som erbjuder bokning av sessioner eller möten på internet.

Så om du letar efter ett komplett bokningssystem för hotell, biluthyrningsföretag, lägenhetuthyrning, resebyrå, skönhetssalong, restaurang etc. ..., detta plugin är perfekt för dig. 

Läs denna artikel om Så här visar alla dina Wordpress publikationer om en enda sida

Som funktioner erbjuder den bland annat: 10 färdiga bokningssystemmodeller, stöd för 3 betalningsportar, WooCommerce-stöd, integrationen av en anpassningsbar formbyggare, Google Map-support, en utmärkt kalendermall för att visa dina möten och mycket mer.

Ladda ner | demo webbhotell

3. MailChimp-kommentarer

mailchimp kommentarer wordpress plugin för e-postlista

MailChimp Kommentarer är en WordPress plugin som gör att du kan prenumerera på kommentarerna till dina artiklar/sidor via MailChimp. När användare kommenterar något på din webbplats läggs de omedelbart till i din e-postprenumerationslista.

Kolla in vår 8 premium WordPress-plugins för SEO för en blogg

Du kan konfigurera insticksprogrammet i förhållande till dina användare för att undvika överträdelse (skräppost). MailChimp-kommentarer är ett perfekt sätt att skapa en e-postlista med dina kommentatorer.

Ladda ner | demowebbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

Slutsats

Här! Det är det för den här guiden som hjälper dig att anpassa WPForms-formulär utan att skriva CSS-kod. Tveka inte att dela med dina vänner på dina favorit sociala nätverk

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blog skapelse.

Om du har förslag eller kommentarer, lämna dem i vårt avsnitt commentaires.