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

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

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

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

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

Зміст

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1.png

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

Крок 1: Створіть форму реєстрації користувача за допомогою Plugin ОАЕ (Ultimate Addon for Elementor)

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

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

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

2.png

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

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

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

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

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

  • Роль нового користувача
  • Оберіть "Після реєстраційних дій"

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

Роль нового користувача

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

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

Untitled.png

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

4.png

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

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

Перейшовши далі, ви можете спроектувати та накреслити форму реєстрації користувача на вкладці Стиль віджета.

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

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

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

6.png

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

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

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

Натиснувши на кнопку "Редагувати за допомогою елемента Елемент", ви приземлитесь до редактора "Елемент".

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

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

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

8.png

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

Висновок:

Ви можете створити стильну реєстраційну форму з вибором варіантів для вашого веб-сайту, використовуючи Elementor та ОАЕ .

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

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

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