TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Lägg till och anpassa RSVP -formulär på Weebly -webbplatsen

8

RSVP står för Répondez S’il Vous Plaît på franska vilket betyder begäran om svar. Generellt kan kontaktformuläret kontakta webbplatsägaren med feedback eller förtydligande medan RSVP -formulär är för webbplatsägare att få information från användarna. Till exempel kan webbplatsägaren få en bekräftelse från användarna om de kommer att delta i evenemanget som planeras genomföras med hjälp av RSVP -formulär enkelt än via kontaktformulär. Weebly erbjuder ett drag -och -släpp -RSVP -formulärelement och varje fält kan anpassas separat.

Relaterat: Hur lägger jag till och anpassar kontaktformulär i Weebly?

Weebly RSVP -formulärfält

Elementkolumnen i Weebly -redigeraren ändras automatiskt till formulärfält när du drar och släpper ett RSVP -formulärelement till webbplatsens innehållsområde. Alla formulärfält klassificeras i följande tre kategorier och varje fält kan dras in i RSVP -formuläret.

Formfält:

  • Kort textruta
  • Stor textruta
  • Alternativknappar
  • Listruta
  • Kryssrutor
  • Filöverföring för Pro -användare
  • Namn, e -postadress, adress och telefonnummer

Strukturera:

Grundläggande:

  • Titel, text, bild och inbäddningskod

Om du klickar på formulärelementet visas tre kontrollalternativ för RSVP -formuläret – Visa poster, formuläralternativ och Spara.

Formalternativ

Klicka på knappen formuläralternativ för att se avancerade formuläralternativ som visas på bilden nedan.

Lägg till och anpassa RSVP -formulär på Weebly -webbplatsen

Weebly RSVP -formuläralternativ

De tillgängliga anpassningsalternativen är:

  • Formnamn – Ange namn på formuläret. När du använder flera formulär på din webbplats kan insändningarna enkelt ses och identifieras baserat på formulärnamnet.
  • Skicka e -post till – Detta är ett e -post -id där du kommer att få en omedelbar varning när det finns formulär.
  • Bekräftelse – Med bekräftelsesalternativet kan du visa ett automatiskt svar till användaren efter att du skickat in formuläret. Du kan antingen ange ett textbekräftelsemeddelande eller länka någon webbsida. Textmeddelandet visas inom formulärområdet efter inlämning. Du kan ansluta alla externa webbsidor eller din egen webbplats eller butiksida i länkalternativet som kommer att visas efter inlämning.
  • Avstånd – Används för att justera avståndet mellan övre och nedre marginaler på formulärelementet.
  • Skicka -knapp – Används för att justera skicka -knappen till vänster, mitt eller höger med avseende på din blankettbredd. Du kan också ange valfri fritext som Kontakt istället för att skicka på knappelementet.

Anpassning av fältnivå

Om du klickar in i något av formulärfältet visas en popup -ruta som gäller för det fältet. Du kan ändra fältnamnet, göra det valfritt eller krävs, lägga till instruktioner för fyllning och justera avståndet mellan fältet i formuläret. Att göra ett obligatoriskt fält visar ett stjärnmärke ovanpå fältnamnet som anger användaren som är ett obligatoriskt fält. Underlåtenhet att fylla i de obligatoriska fälten tillåter inte att formuläret skickas in och visar meddelandet "Vänligen korrigera de markerade fälten" och fältet kommer att markeras med röd färg.

Lägg till och anpassa RSVP -formulär på Weebly -webbplatsen

Instruktion och obligatoriskt fält

Instruktioner hjälper användaren hur man fyller det specifika fältet och hjälpmeddelandet kommer att visas när filen är fokuserad. Några av fälten som alternativknappar och rullgardinsmeny kommer att ha ytterligare alternativ och du kan ange så många som anpassade alternativ för användarval eller välja det från den fördefinierade alternativlistan.

Formalternativ för pro -användare

Pro -användare kommer att ha följande ytterligare formulärfunktioner:

  • Filöverföring – Detta är ett proffsfält som hjälper användaren att skicka in ett formulär med en uppladdad fil. Detta kommer att vara en mycket användbar funktion så att användaren kan ladda upp ytterligare dokument eller skärmdumpar som i sin tur hjälper dig att ge ett bättre stöd. 20 MB är den maximala filstorleken som kan laddas upp i ett formulär.
  • Lägga till formulär i sidfot – Förutom att lägga till RSVP -formulär i webbplatsens innehållsområde kan Pro -användare också lägga till ett RSVP -formulär i sidfoten.

Lägg till och anpassa RSVP -formulär på Weebly -webbplatsen

Filöverföring i Weebly RSVP -formulär

Visa formulärposter

Svar på RSVP -formulärposter kan ses på flera sätt:

  • Klicka på formuläret för att se knappen "Visa poster" och klicka på vilket öppnar ett nytt fönster med alla blanketter.
  • Du kommer också att få en varning via e -post när det finns ett formulär.
  • Visa formulärinsändningar direkt från instrumentpanelen.
  • Du kan också använda Weebly iPhone eller Android -appen för att visa och svara på dina formulärposter när du är på språng.

Nedan är hur kontaktformuläret och RSVP -formuläret kommer att se ut på en Weebly -webbplats:

Lägg till och anpassa RSVP -formulär på Weebly -webbplatsen

Exempel på Weebly -kontakt- och RSVP -formulär

Knep i att använda Weebly RSVP -formulär

  • Eftersom storleken på Weebly RSVP -formuläret inte kan justeras som standard, placerar du "Spacer" -element bredvid formulärelementet för att justera formens bredd.
  • Se till att ha "Alternativknappar" eller "Kryssrutor" för att undvika att skicka skräppost.
  • Som standard kan bakgrundsfärgen på RSVP -formuläret inte ändras. Högerklicka på formuläret på den publicerade webbplatsen och klicka på "Inspektera" eller " Inspektera element " och ta reda på formuläret #id för ditt RSVP -formulär enligt nedan:

Lägg till och anpassa RSVP -formulär på Weebly -webbplatsen

Hitta RSVP -formulär #ID i Weebly

  • När du har formuläret #id lägger du till koden nedan under rubriken "Rubrikkod" på din Weebly -sida. Glöm inte att ersätta formuläret #id med ditt eget #id.
<style> #form-880080948214216107 { background-color: rgba(255, 235, 59, 0.2); padding: 15px 15px 0 15px; border-radius: 10px; border: 1px solid rgba(158, 158, 158, 0.22); } </style>

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer