Wil je leren hoe je een bestandsuploadformulier maakt in Elementor?
Zoals u waarschijnlijk weet, wordt de pro-versie van Elementor geleverd met een formulierwidget die u kunt gebruiken om te maken vormen op uw WordPress-website. Met deze widget kun je bijna elke soort maken vormen. Deze widget biedt ongeveer 19 veldtypen, waaronder een veld voor uploaden Een bestand.
In dit artikel laten we u zien hoe u een formulier maakt dat bestaat uit een veld voor het uploaden van bestanden.
Maar voordat u begint, moet u ervoor zorgen dat u uw versie van Elementor hebt geüpgraded naar de Pro-versie, want nogmaals, de Form-widget is alleen beschikbaar op Elementor Pro.
Lees onze gids op: Hoe Elementor op WordPress te installeren
Maak eerst een nieuwe pagina of publiceer en bewerk deze met Elementor.
Voordat u begint met het maken van de pagina om uw formulier toe te voegen, moet u eerst de lay-out definiëren. Klik hiervoor op het tandwielpictogram in de linkerbenedenhoek van het linkerdeelvenster. Stel uw voorkeurslay-out in via het vervolgkeuzemenu lay-out.
Voeg een nieuwe sectie toe door op het pluspictogram in het bewerkingsvak van Elementor te klikken. U kunt elke structuur selecteren op basis van het ontwerpconcept dat u wilt maken. In dit voorbeeld kiezen we voor een enkele kolomstructuur.
Voeg de formulierwidget toe door deze van het linkerdeelvenster naar het canvasgebied te slepen.
Standaard heeft u een formulier dat uit drie velden bestaat: Naam, E-mail en Bericht. Verwijder een veld dat u niet nodig hebt door op het x-pictogram op het veld te klikken.
In dit artikel zullen we een formulier maken dat uit 4 velden bestaat: Naam, E-mail, Bericht en Bestandsupload. Aangezien het formulier standaard slechts 3 velden heeft, moet u een nieuw formulier toevoegen voor het veld Bestandsupload.
Lees ook: Hoe reCAPTCHA aan uw Elementor-formulier toe te voegen
Klik op de knop EEN ITEM TOEVOEGEN om een ​​nieuw veld toe te voegen. Definieer het type veld op Bestand uploaden. Als u het als een verplicht veld wilt definiëren, activeert u de optie Verplicht. Stel de maximale bestandsgrootte in het vervolgkeuzemenu in op Max. Bestandsgrootte.
Voer de bestandsextensies in om de toegestane bestandstypen te definiëren Toegestane bestandstypen. U kunt meerdere bestandstypen accepteren door de bestandsextensies te scheiden met een komma. Als u wilt dat uw bezoekers meerdere bestanden kunnen indienen, activeert u de optie Meerdere bestanden en stel het maximale aantal bestanden in dat ze kunnen downloaden.
Als u de volgorde van de velden wilt wijzigen, kunt u elk veld gewoon omhoog of omlaag slepen. In dit voorbeeld plaatsen we het veld Bestand uploaden boven het veld Bericht.
Definitie van actie
Het zou geweldig zijn als je je Elementor-formulier zou kunnen verbinden met formulier backend-services zoals getform ou Vorm dragen. Helaas ondersteunt Elementor geen integratie met een backend-service voor formulieren.
Uitvinden hoe: Hoe een scheidingslijn toe te voegen om een ​​sectie te maken in Elementor
Dus in dit artikel gaan we de actie op e-mail definiëren. Dit betekent dat inzendingen die via uw formulier zijn ingediend, via het opgegeven e-mailadres worden verzonden.
Standaard was de formulieractie ingesteld op e-mailen. U kunt dit controleren via de optie Acties na indiening.
Open dan de optie E-mail en stel het e-mailadres in waarnaar formulierinzendingen worden verzonden. Definieer ook het onderwerp van de e-mail.
Altijd onder de optie E-mail, stel e-mailtekst in op optie Bericht.
Om de hoofdtekst van de e-mail aan te passen, kunt u de shortcodes van de velden die u aan de hoofdtekst wilt toevoegen, plakken. Je vindt ze in het tabblad GEAVANCEERD van elk veld.
Je kunt ook de body-metadata van je e-mail aanpassen in de sectie Meta Data. Verwijder alle metadata die u niet wilt opnemen.
De metadata zelf verschijnen onder de hoofdtekst van de e-mail.
In de velden van e-mail, Van naam en antwoord-aan, kunt u deze leeg laten.
Het formulier aanpassen
Tot nu toe is uw formulier klaar om te worden gepubliceerd. Voordat u het publiceert, kunt u het formulier aanpassen om het aantrekkelijker te maken. Standaard bevat elk veld op uw formulier een label. Als u het wilt uitschakelen, kunt u dit doen vanaf Optie Formuliervelden sous het tabblad Inhoud.
Om meer geavanceerde stijlopties te creëren, gaat u naar het tabblad Stijl. Hier zijn enkele stijlopties die u kunt instellen.
- Definieer de ruimte tussen de lijnen en de typografie van de labels
Om de ruimte tussen de lijnen (velden) en de typografie van de labels te definiëren, kunt u de optie openen Form.
Stel de regelafstand in op de sectie Rijen kloof. Om de typografie van de labels (lettergrootte, letterstijl en lettertypefamilie) te definiëren, kunt u klikken op het potloodpictogram van typografie in de sectie Etiket.
- Definieer de veldtypografie, achtergrondkleur, randkleur, randbreedte en randradius
U kunt de optie openen Veld om de typografie van het besturingselement, de achtergrondkleur van het besturingselement, de randkleur, de randbreedte en de randradius te definiëren.
- Aanpassen knop
Om de knop aan te passen, kun je de optie openen Knopen. Van daaruit kunt u de achtergrondkleur, tekstkleur, typografie, randkleur, randradius, enz. instellen ... Schakel over naar het tabblad ZWEVEN om de knopaanwijzer aan te passen.
Er zijn verschillende andere aanpassingsopties die u kunt instellen. Je kunt met het linkerpaneel spelen totdat je tevreden bent met hoe je formulier eruitziet. Als je klaar bent, kun je op de knop klikken pUBLICEREN om uw formulier te publiceren.
Mogelijke fout
Wanneer u uw formulier test, kunnen er foutmeldingen verschijnen. Hieronder ziet u een voorbeeld van een fout.
De bovenstaande fout treedt meestal op als u een service gebruiktweb hosting delen. De meeste aanbieders vanweb hosting gedeelde uitschakelfunctie php verzend_mail, die wordt gebruikt door de WordPress-functionaliteit wp_mail om e-mails te verzenden.
Download Elementor Pro nu!
Conclusie
Alstublieft ! Dat is het voor dit artikel dat u laat zien hoe u een formulier voor het uploaden van bestanden maakt in Elementor. Als u zich zorgen maakt over hoe er te komen flaat het ons weten in de commentaires.
U kunt echter ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.
Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.
...
