Створення форми входу та реєстрації для Elementor

Якщо ви хочете створити веб-сайт членства, на якому люди реєструються, щоб скористатися спеціальними функціями, тоді вам слід створити спеціальну сторінку входу та реєстрації. Це дозволить вам зробити ваш веб-сайт більш професійним, запитати додаткову інформацію про користувача під час процедури реєстрації та багато іншого.

Отже, ми зібрали докладний посібник, який допоможе вам створити спеціальну сторінку входу та реєстрації за допомогою plugin конструктора сторінок Elementor .

Elementor на сьогоднішній день є одним із найпопулярніших і багатофункціональних plugin для WordPress. Безкоштовна версія плагіна plugin безліч блоків і віджетів для базової побудови сайту. Тоді як професійна версія плагіна plugin яка пропонує більш просунуті віджети та блоки.

Тепер віджет конструктора форм, який постачається з Elementor, заблоковано в професійній версії. Однак замість того, щоб отримувати Elementor Pro для створення реєстраційної форми, ми рекомендуємо використовувати plugin Ultimate Addon for Elementor (ОАЕ) , оскільки він містить багато потужних блоків і віджетів порівняно з Elementor Pro.

Зміст

Переваги створення спеціальної сторінки реєстрації

Лише з точки зору функціональності, немає жодних проблем у використанні загальної сторінки реєстрації на вашому веб-сайті. Але якщо ви це зробите, ви втратите масу переваг, які надає реєстраційна сторінка, створена спеціально для вашого веб-сайту.

Ось погляд на деякі з ключових переваг створення спеціальної сторінки реєстрації, щоб дати вам уявлення:

1. Персоналізуйте сторінки реєстрації користувачів

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

Віджет Форма реєстрації користувача можна використовувати для наступного:

  • Елегантне рішення для того, щоб стати учасником інтернет-магазину
  • Спеціальна реєстраційна форма WordPress для відображення вашого бізнесу
  • Безпечна форма для форумів і веб-сайтів електронного навчання
  • Індивідуальна реєстраційна форма для членських веб-сайтів

2. Зберіть всю необхідну інформацію з однієї форми

Якщо є певна інформація, яку ви хочете отримати від своїх учасників, ви можете зробити це частиною своєї реєстраційної форми.

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

3. Налаштуйте взаємодію з користувачем

Ви можете надати користувачам персоналізований досвід для своїх учасників. Це може бути переспрямування користувачів на певну сторінку, допомога їм у автоматичному вході в їхні облікові записи або надсилання електронного листа до папки "Вхідні".

4. Боротьба зі спамом і підвищення безпеки

Додавши Honeypot і ReCaptcha, ви можете боротися зі спамерами та запобігати фальшивим реєстраціям.

5. Ідеально підходить для стилю вашого бренду

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

Як створити спеціальну форму реєстрації користувача за допомогою Elementor?

Тепер, коли ви маєте базове уявлення про те, як спеціальна реєстраційна форма користувача може допомогти вам у бізнесі, ось вичерпний покроковий посібник щодо використання Elementor і аддона UAE, щоб допомогти вам створити власну систему входу користувача.

Ось триетапний посібник про те, як створити реєстраційну форму користувача для свого веб-сайту.

Примітка . Перш ніж продовжувати, переконайтеся, що ви ввімкнули «Членство» , перейшовши в «Інформаційна панель» > «Налаштування» > «Загальні» > «Членство: увімкнено» .

1.png

Увімкнення опції Членство дозволить будь-якому користувачеві зареєструватися на вашому веб-сайті.

Крок 1. Створіть реєстраційну форму користувача за допомогою Plugin UAE (Ultimate Addon for Elementor)

Щоб створити спеціальну форму реєстрації користувача, переконайтеся, що у вас є оновлена ​​версія plugin UAE з активованим блокуванням.

Після того, як ви забезпечили передумови для створення сторінки входу, вам потрібно створити або додати нову сторінку. І відредагуйте сторінку, на якій ви хочете прикріпити реєстраційну форму користувача.

Якщо ви перетягнете віджет, ви побачите стандартні поля форми.

2.png

Ви можете пограти з полями – ви можете видалити поле, яке вам не потрібно, або додати інші поля, такі як ім’я користувача, ім’я тощо.

Існує можливість керувати необхідною шириною стовпця в окремих полях форми.

Ви також можете керувати розміром введення та мітками полів (бажаєте ви їх відобразити чи приховати) або обов’язковою позначкою.

Крок 2: Налаштуйте параметри форми

Після вивчення основ ви можете налаштувати параметри форми, відвідавши «Загальні параметри» . Тут ви можете виконувати такі функції:

  • Нова роль користувача
  • Виберіть «Дії після реєстрації»

Ось детальний опис обох:

Нова роль користувача

Якщо у вас є членський сайт, який вимагає від користувача реєстрації на вашому веб-сайті, тоді за умовчанням ви призначаєте «Роль користувача» як «Передплатник .

Ви можете встановити роль користувача за замовчуванням для своїх учасників, і призначена роль буде встановлена ​​для всіх нових користувачів, коли вони зареєструються на вашому веб-сайті.

Untitled.png

Виберіть дії після реєстрації

4.png

Користувач може вибрати наступні Дії, які він може виконувати після реєстрації на сайті членства, використовуючи віджет Форма реєстрації користувача:

  • Автоматичний вхід : за допомогою цієї опції ви можете дозволити користувачеві автоматично входити на ваш сайт. Після введення облікових даних вперше користувачеві не доведеться входити повторно, оскільки він автоматично ввійде на веб-сайт після успішної реєстрації.
  • Перенаправлення після реєстрації : за допомогою цієї опції ви можете перенаправляти користувачів на сторінку привітання або сторінку входу після успішної реєстрації. Ви можете встановити сторінку переспрямування, вставивши URL-адресу потрібної сторінки в поле URL-адреси під цією опцією.
  • Надіслати електронний лист: коли користувач успішно зареєструється на вашому веб-сайті, ця опція надішле йому електронний лист із підтвердженням реєстрації. Вміст електронної пошти можна налаштувати, і ви можете зробити ці електронні листи особистими для більшого тепла. Але якщо ви хочете надіслати однакові електронні листи всім своїм користувачам, ви також можете це зробити, вивчивши цей параметр.
5.png
  • Приховати після реєстрації: іноді ви можете приховати реєстраційну форму користувача після того, як він успішно зареєструвався на вашому сайті. За допомогою опції «Сховати після реєстрації» ви можете приховати реєстраційну форму, перенаправляючи їх на сторінку входу, або просто відобразити повідомлення «Успішно» після надання їм посилання для переходу на сторінку входу, щоб отримати доступ до веб-сайту. Цю опцію можна знайти в розділі «Загальні налаштування» на вкладці «Вміст» віджета.

Рухаючись далі, ви можете створити та оформити форму реєстрації користувача за допомогою вкладки «Стиль» віджета.

Після цього ви закінчили процес створення та налаштування для віджета Форма реєстрації користувача. Форма готова для розміщення на веб-сайті Live.

Крок 3: Додайте реєстраційну форму користувача на свій сайт

Ця частина досить проста і проста. Ви можете безпосередньо перетягнути, щоб додати цей віджет, як і будь-який інший віджет Elementor. Ви також можете зберегти розділ, що містить віджет, і отримати збережений розділ на потрібній сторінці реєстрації.

6.png

Нижче ми розробили ще кілька способів додати будь-який віджет у редактор Elementor.

наприклад, для форми реєстрації користувача на сторінці WooCommerce

Якщо ви хочете створити спеціальну сторінку WooCommerce, тобто сторінку мого облікового запису, під назвою «Сторінка спеціального облікового запису», ви можете просто:

Натисніть кнопку «Редагувати за допомогою Elementor», і ви перейдете до редактора Elementor.

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

Нарешті, щоб налаштувати сторінку як «Сторінку мого облікового запису», перейдіть на інформаційну панель WordPress. І дотримуйтеся наступного шляху в опції WooCommerce:

WooCommerce > Налаштування > Додатково > Параметри сторінки > Сторінка мого облікового запису > Сторінка мого облікового запису > виберіть сторінку користувацького облікового запису

8.png

Ви можете побачити сторінку з ОАЕ на сторінці облікового запису WooCommerce.

Висновок:

Ви можете створити стильну реєстраційну форму з параметрами на свій вибір для свого веб-сайту за допомогою Elementor та UAE .

Дотримуючись кроків, наведених у цій статті, ви можете зареєструвати користувачів за допомогою віджета форми реєстрації користувача ОАЕ . Це просте та елегантне рішення для створення стильної форми реєстрації для нових користувачів.

Залишити коментар

Ваша електронна адреса не буде опублікована. Обов'язкові поля позначені *