TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Dodaj i dostosuj formularz RSVP w witrynie Weebly

7

RSVP oznacza Répondez S’il Vous Plaît po francusku, co oznacza prośbę o odpowiedź. Ogólnie formularz kontaktowy umożliwia użytkownikowi skontaktowanie się z właścicielem witryny z informacją zwrotną lub wyjaśnieniem, podczas gdy formularz RSVP służy właścicielom witryn do uzyskiwania informacji od użytkowników. Na przykład właściciel witryny może uzyskać od użytkowników potwierdzenie, czy wezmą udział w wydarzeniu planowanym do przeprowadzenia za pomocą formularza RSVP niż za pomocą formularza kontaktowego. Weebly oferuje element formularza RSVP typu „przeciągnij i upuść", a każde pole można dostosować osobno.

Powiązane: Jak dodać i dostosować formularz kontaktowy w Weebly?

Pola formularza RSVP Weebly

Kolumna elementów w edytorze Weebly zostanie automatycznie zmieniona na pola formularza po przeciągnięciu i upuszczeniu elementu formularza RSVP do obszaru zawartości witryny. Wszystkie pola formularza są podzielone na następujące trzy kategorie, a każde pole można przeciągnąć do formularza RSVP.

Pola formularza:

  • Krótkie pole tekstowe
  • Duże pole tekstowe
  • Przyciski opcji
  • Upuścić pudło
  • Pola wyboru
  • Przesyłanie plików dla użytkownika Pro
  • Imię i nazwisko, e-mail, adres i numer telefonu

Struktura:

Podstawowy:

  • Tytuł, tekst, obraz i kod osadzania

Kliknięcie elementu formularza spowoduje wyświetlenie trzech opcji kontroli formularza RSVP – Wyświetl wpisy, Opcje formularza i Zapisz.

Opcje formularza

Kliknij przycisk opcji formularza, aby wyświetlić wyskakujące okienko zaawansowanych opcji formularza, jak pokazano na poniższym obrazku.

Dodaj i dostosuj formularz RSVP w witrynie Weebly

Opcje formularza RSVP Weebly

Dostępne opcje dostosowywania to:

  • Nazwa formularza — wprowadź nazwę formularza. W przypadku korzystania z wielu formularzy w witrynie przesłane zgłoszenia można łatwo przeglądać i identyfikować na podstawie nazwy formularza.
  • Przesłanie e-mailem do — jest to identyfikator e-mail, na który otrzymasz natychmiastowe powiadomienie o przesłaniu formularza.
  • Potwierdzenie – Opcja potwierdzenia umożliwia wyświetlenie automatycznej odpowiedzi użytkownikowi po przesłaniu formularza. Możesz ustawić wiadomość tekstową z potwierdzeniem lub połączyć dowolną stronę internetową. Po przesłaniu wiadomość tekstowa zostanie wyświetlona w obszarze formularza. Możesz połączyć dowolną zewnętrzną stronę internetową lub własną witrynę lub stronę sklepu w opcji linku, która zostanie wyświetlona po przesłaniu.
  • Odstępy — służy do dostosowywania odstępów między górnym i dolnym marginesem elementu formularza.
  • Przycisk przesyłania — służy do wyrównania przycisku przesyłania do lewej, do środka lub do prawej w odniesieniu do szerokości formularza. Możesz również wprowadzić dowolny dowolny tekst, taki jak Kontakt, zamiast przesyłać w elemencie przycisku.

Dostosowanie na poziomie pola

Kliknięcie wewnątrz dowolnego pola formularza spowoduje wyświetlenie wyskakującego okienka odpowiedniego dla tego pola. Możesz zmienić nazwę pola, uczynić ją opcjonalną lub obowiązkową, dodać instrukcje wypełniania i dostosować odstępy pól w formularzu. Utworzenie pola wymaganego spowoduje wyświetlenie znaku gwiazdki nad nazwą pola wskazującego użytkownika, który jest polem obowiązkowym. Niewypełnienie pól obowiązkowych uniemożliwi przesłanie formularza i wyświetli komunikat „Proszę poprawić podświetlone pola”, a pole zostanie podświetlone na czerwono.

Dodaj i dostosuj formularz RSVP w witrynie Weebly

Instrukcja i pole obowiązkowe

Instrukcje pomogą użytkownikowi w wypełnieniu tego konkretnego pola, a komunikat pomocy będzie wyświetlany zawsze, gdy pole jest skupione. Niektóre pola, takie jak przyciski opcji i pole rozwijane, będą miały dodatkowe opcje i możesz wprowadzić dowolną liczbę dostosowanych opcji do wyboru użytkownika lub wybrać je z listy wstępnie zdefiniowanych opcji.

Opcje formularza dla użytkownika Pro

Użytkownicy Pro będą mieli następujące dodatkowe funkcje formularzy:

  • Przesyłanie pliku — jest to pole pro, które pomaga użytkownikowi przesłać formularz z przesłanym plikiem. Będzie to bardzo przydatna funkcja, dzięki której użytkownik będzie mógł przesłać dodatkowy dokument lub zrzut ekranu, co z kolei pomoże w zapewnieniu lepszego wsparcia. 20 MB to maksymalny rozmiar pliku, który można przesłać w formularzu.
  • Dodawanie formularza w stopce – Oprócz dodawania formularza RSVP w obszarze zawartości witryny, użytkownicy Pro mogą również dodać formularz RSVP w obszarze stopki.

Dodaj i dostosuj formularz RSVP w witrynie Weebly

Przesyłanie plików w formularzu Weebly RSVP

Przeglądanie wpisów w formularzu

Odpowiedzi na wpisy formularza RSVP można przeglądać na wiele sposobów:

  • Kliknij formularz, aby wyświetlić przycisk „Wyświetl wpisy”, kliknięcie, które otworzy nowe okno ze wszystkimi przesłanymi formularzami.
  • Otrzymasz również powiadomienie e-mailem za każdym razem, gdy zostanie przesłany formularz.
  • Przeglądaj przesłane formularze bezpośrednio z pulpitu nawigacyjnego.
  • Możesz także użyć aplikacji Weebly na iPhone’a lub Androida, aby przeglądać i odpowiadać na swoje wpisy w formularzu, gdziekolwiek jesteś.

Poniżej przedstawiamy, jak formularz kontaktowy i formularz RSVP będą wyglądać na stronie Weebly:

Dodaj i dostosuj formularz RSVP w witrynie Weebly

Przykładowe formularze kontaktowe i formularze RSVP

Sztuczki w korzystaniu z formularza RSVP Weebly

  • Ponieważ rozmiar formularza Weebly RSVP nie może być domyślnie dostosowywany, umieść elementy „Spacer” obok elementu formularza, aby dostosować szerokość formularza.
  • Upewnij się, że masz „przyciski opcji” lub „pola wyboru”, aby uniknąć przesyłania formularzy spamowych.
  • Domyślnie nie można zmienić koloru tła formularza RSVP. Kliknij prawym przyciskiem myszy formularz na opublikowanej stronie i kliknij „Sprawdź” lub „ Sprawdź element ” i znajdź formularz #id swojego formularza RSVP, jak pokazano poniżej:

Dodaj i dostosuj formularz RSVP w witrynie Weebly

Znajdowanie formularza RSVP #ID w Weebly

  • Po utworzeniu formularza #id dodaj poniższy kod w sekcji „Kod nagłówka” na swojej stronie Weebly. Nie zapomnij zastąpić formularza #id własnym #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>

Źródło nagrywania: www.webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów