TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Додайте та налаштуйте форму RSVP на веб -сайті Weebly

0

RSVP означає Répondez S’il Vous Plaît французькою мовою, що означає запит на відповідь. Як правило, контактна форма дозволяє користувачеві зв’язатися з власником сайту з відгуком чи роз’ясненням, тоді як форма RSVP призначена для того, щоб власники сайтів отримували інформацію від користувачів. Наприклад, власник сайту може отримати підтвердження від користувачів про те, чи вони відвідатимуть захід, який планується проводити за допомогою форми RSVP, ніж за допомогою контактної форми. Weebly пропонує перетягування елемента форми RSVP, і кожне поле можна налаштувати окремо.

Пов’язані: Як додати та налаштувати контактну форму у Weebly?

Поля форм Wevebly RSVP

Стовпець «Елементи» у редакторі Weebly буде автоматично змінено на поля форми, як тільки ви перетягнете елемент форми RSVP у область вмісту вашого сайту. Усі поля форми класифікуються за наступними трьома категоріями, і кожне поле можна перетягнути всередину форми RSVP.

Поля форми:

  • Коротке текстове поле
  • Велике текстове поле
  • Кнопки опцій
  • Випадаюче вікно
  • Прапорці
  • Завантаження файлів для користувача Pro
  • Ім’я, електронна адреса, адреса та номер телефону

Структура:

Основні:

  • Заголовок, текст, зображення та код вставки

Натискання елемента форми покаже три варіанти управління для форми RSVP – Перегляд записів, Параметри форми та Зберегти.

Параметри форми

Натисніть кнопку параметрів форми, щоб побачити спливаюче вікно розширених параметрів форми, як показано на малюнку нижче.

Додайте та налаштуйте форму RSVP на веб -сайті Weebly

Варіанти форми RSVP

Доступні такі параметри налаштування:

  • Назва форми – введіть назву для форми. Коли ви використовуєте на своєму веб -сайті кілька форм, подані матеріали можна легко переглянути та визначити на основі назви форми.
  • Надсилання електронною поштою – це ідентифікатор електронної пошти, на який ви будете отримувати миттєве сповіщення, коли надходить форма.
  • Підтвердження – Параметр підтвердження дозволяє відображати автоматичну відповідь користувачеві після надсилання форми. Ви можете встановити текстове повідомлення -підтвердження або зв’язати будь -яку веб -сторінку. Після надсилання текстове повідомлення відображатиметься в області форми. Ви можете підключити будь -яку зовнішню веб -сторінку або свій власний веб -сайт або сторінку магазину за допомогою параметра посилання, яке відображатиметься після надсилання.
  • Інтервал – використовується для регулювання інтервалів верхнього та нижнього полів елемента форми.
  • Кнопка "Надіслати" – використовується для вирівнювання кнопки подання вліво, по центру або правому відносно ширини форми. Також ви можете ввести будь -який безкоштовний текст, наприклад "Контакт", замість того, щоб надіслати на елементі кнопки.

Налаштування рівня поля

Якщо натиснути всередині будь -якого поля форми, з’явиться спливаюче вікно, придатне для цього поля. Ви можете змінити назву поля, зробити його необов’язковим або обов’язковим, додати інструкції щодо заповнення та налаштувати інтервали між полями у формі. Створення обов’язкового поля відображатиметься зірочкою над назвою поля, що вказуватиме на користувача, яке є обов’язковим. Якщо не заповнити обов’язкові поля, форма не буде надіслана та відобразиться повідомлення «Будь ласка, виправте виділені поля», а поле буде виділено червоним кольором.

Додайте та налаштуйте форму RSVP на веб -сайті Weebly

Інструкція та обов’язкове поле

Вказівки допоможуть користувачеві, як заповнити це конкретне поле, і повідомлення довідки відображатиметься кожного разу, коли подана інформація зосереджена. Деякі з полів, таких як кнопки опцій та випадаюче вікно, матимуть додаткові параметри, і ви можете ввести стільки налаштованих параметрів для вибору користувача або вибрати його зі списку заздалегідь визначених опцій.

Параметри форми для користувача Pro

Користувачі Pro матимуть такі додаткові можливості форми:

  • Завантаження файлів – це професійне поле, яке допомагає користувачеві надіслати форму із завантаженим файлом. Це буде дуже корисною функцією, завдяки якій користувач може завантажити додатковий документ або знімок екрана, що, у свою чергу, допоможе вам забезпечити кращу підтримку. 20 МБ – це максимальний розмір файлу, який можна завантажити у форму.
  • Додавання форми у нижньому колонтитулі – Окрім додавання форми RSVP у область вмісту сайту, користувачі Pro також можуть додати форму RSVP у область нижнього колонтитула.

Додайте та налаштуйте форму RSVP на веб -сайті Weebly

Завантажити файл у формі Weebly RSVP

Перегляд записів у формі

Відповіді на записи форми RSVP можна переглянути різними способами:

  • Натисніть на форму, щоб побачити кнопку «Переглянути записи», натиснувши на яку, відкриється нове вікно з усіма надісланими формами.
  • Ви також отримуватимете сповіщення електронною поштою кожного разу, коли буде подано форму.
  • Перегляд поданих форм безпосередньо з інформаційної панелі.
  • Ви також можете використовувати додаток Weebly для iPhone або Android, щоб переглядати та відповідати на свої записи в дорозі.

Нижче наведено, як буде виглядати контактна форма та форма відповіді на сайті Weebly:

Додайте та налаштуйте форму RSVP на веб -сайті Weebly

Зразок форм Weebly Contact та RSVP

Хитрощі у використанні форми Weebly RSVP

  • Оскільки розмір форми Weebly RSVP неможливо налаштувати за замовчуванням, розмістіть елементи "Spacer" біля елемента форми, щоб відрегулювати ширину форми.
  • Переконайтеся, що у вас є “Кнопки опцій" або “Прапорці”, щоб уникнути надсилання спам -форм.
  • За замовчуванням колір фону форми RSVP неможливо змінити. Клацніть правою кнопкою миші на формі на опублікованому веб -сайті, клацніть «Оглянути» або «Перевірити елемент» і дізнайтеся форму #id вашої форми відповіді, як показано нижче:

Додайте та налаштуйте форму RSVP на веб -сайті Weebly

Пошук форми #ID RSVP у Weebly

  • Після того, як у вас є форма #id, додайте код нижче у розділ "Код заголовка" на своїй сторінці Weebly. Не забудьте замінити форму #id на власний #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>

Джерело запису: webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі