Chatbots marketing

Hoe responsieve elementorformulieren te maken

3 min


102

Stap 1: We beginnen deze tutorial door een nieuwe sectie toe te voegen.

css-filters-tutorial-1

Stap 2: Kies de gewenste kolomstructuur. Voor deze tutorial zal ik de eerste kiezen.

css-filters-tutorial-1

Stap 3: Sleep het op het widgetspaneel in de linkerzijbalk naar het midden van de Elementor-ontwerper.

css-filters-tutorial-1

Het zou er als volgt uit moeten zien:

css-filters-tutorial-1

Stap 4: Verwijder nu de andere kolom. Dit betekent dat er slechts één kolom in de sectie erna mag staan. Het ziet er nu zo uit.

css-filters-tutorial-1

Stap 5: De volgende stap is het zoeken naar de “Formulier” -widget. Merk op dat deze widget alleen beschikbaar is op Elementor Pro .

css-filters-tutorial-1

Sleep het zoals ook in het midden van het scherm, in het gebied “Sleep widget hier”.

css-filters-tutorial-1

Stap 6: Pas nu het formulier aan volgens uw behoeften, voeg indien nodig meer aangepaste velden toe. Voor dit voorbeeld laat ik alles zoals het is behalve bericht. Wijzig het berichttype in tekst en vervang het label en de tijdelijke aanduiding als nummer.

css-filters-tutorial-1

Stap 7: Stel de breedte van elk element op de juiste manier in. Hiervoor verander ik mijn kolombreedte naar 25%.

css-filters-tutorial-1

Als u dat doet, krijgt u het volgende:

css-filters-tutorial-1

Stap 8: Om de velden gecentreerd te maken, gaat u naar “Geavanceerde / aangepaste positionering” en stelt u “breedte” in op “Inline (auto)”.

css-filters-tutorial-1

Stap 9: Dan ziet het formulier er als volgt uit. Klik op de gemarkeerde om de instellingen van het formulier weer te geven .

css-filters-tutorial-1

Stap 10: Stel “verticaal uitlijnen” in op “midden” en “horizontaal uitlijnen” op “midden” om hetzelfde resultaat te krijgen als in de onderstaande afbeelding.

css-filters-tutorial-1

Stap 11: Pas de breedte aan volgens uw voorkeur.

css-filters-tutorial-1

Je Elementor-formulier zou er nu als volgt uit moeten zien:

css-filters-tutorial-1

Als u wilt dat de elementen een “volledige regel” hebben, stelt u de kolombreedte van elk element in op 100% en het ziet er als volgt uit:

css-filters-tutorial-1

Nu zijn we klaar! Herhaal gewoon dezelfde procedure naar uw secties en u zou ontwerpen als de beste!


What's Your Reaction?

hate hate
0
hate
confused confused
0
confused
fail fail
0
fail
fun fun
0
fun
geeky geeky
0
geeky
love love
0
love
lol lol
0
lol
omg omg
0
omg
win win
0
win
Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format