Vytvoření přihlašovacího a registračního formuláře pro Elementor

Pokud chcete vytvořit členský web, na kterém se lidé zaregistrují, aby mohli využívat speciální funkce, měli byste si raději vytvořit vyhrazenou přihlašovací a registrační stránku. To vám umožní, aby vaše webové stránky působily mnohem profesionálněji, během registrace si vyžádejte další uživatelské informace a mnoho dalšího.

A tak jsme sestavili podrobný návod, který vám pomůže vytvořit vlastní přihlašovací a registrační stránku pomocí plugin Elementor page builder .

Elementor je zdaleka jedním z nejpopulárnějších a funkcemi nabitých plugin pro WordPress. Bezplatná verze pluginu plugin se spoustou bloků a widgetů pro základní stavbu webu. Zatímco profesionální verze pluginu plugin která nabízí pokročilejší widgety a bloky.

Nyní je widget pro tvorbu formulářů dodávaný s Elementorem uzamčen ve své profesionální verzi. Místo získání Elementor Pro pro vytvoření registračního formuláře však doporučujeme použít plugin Ultimate Addon for Elementor (UAE), protože ve srovnání s Elementor Pro přichází se spoustou výkonných bloků a widgetů.

Obsah

Výhody vytvoření vlastní registrační stránky

Pokud jde o samotnou funkčnost, použití obecně vyhlížející registrační stránky na vašem webu není žádný problém. Pokud to však uděláte, přijdete o spoustu výhod, které přináší registrační stránka šitá na míru vašemu webu.

zde je pohled na některé z klíčových výhod vytvoření vlastní registrační stránky, abyste měli představu:

1. Přizpůsobte si stránky registrace uživatelů

Pomocí vlastních registračních stránek můžete vytvářet registrační formuláře s vlastními poli a navrhovat je podle svých požadavků. Formuláře si můžete upravit podle svých potřeb a požadavků tak, aby souzněly s vaším podnikatelským nápadem a vaším webem.

Widget Registrační formulář uživatele lze použít pro následující:

  • Elegantní řešení, jak se stát členem internetového obchodu
  • Vlastní registrační formulář WordPress, který odráží vaši firmu
  • Bezpečný formulář pro fóra a e-learningové weby
  • Přizpůsobený registrační formulář pro členské weby

2. Shromážděte všechny požadované informace z jednoho formuláře

Pokud chcete od svých členů získat konkrétní informace, můžete je zahrnout do registračního formuláře.

Není to tedy pouze uživatelské jméno a heslo, které si uživatel může vybrat, a to je vše. Můžete přidat další pole formuláře, jako je jméno, e-mailová adresa, kontaktní údaje a tak dále. Komplexní formuláře můžete elegantně sestavit pomocí vlastních polí, ve kterých můžete vytvořit součást svého registračního formuláře.

3. Přizpůsobení uživatelské zkušenosti

Svým členům můžete poskytnout přizpůsobenou uživatelskou zkušenost. Může to být přesměrování uživatelů na konkrétní stránku, pomoc s automatickým přihlášením do jejich účtů nebo odeslání e-mailu do jejich doručené pošty.

4. Boj proti spamu a zvyšování bezpečnosti

S přidáním Honeypot a ReCaptcha můžete bojovat proti spammerům a zabránit falešným registracím.

5. Perfektně pro váš styl značky

Registrační formulář by měl vypadat stejně jako ostatní stránky vašeho webu. Pomocí vlastních registračních formulářů můžete vytvářet formuláře, které rezonují s vaší firmou.

Jak vytvořit vlastní registrační formulář uživatele pomocí Elementor?

Nyní, když máte základní představu o tom, jak vám může uživatelský registrační formulář pomoci v podnikání, zde je podrobný návod, jak používat Elementor a doplněk SAE, který vám pomůže vytvořit si vlastní uživatelské přihlašovací prostředí.

Zde je průvodce ve třech krocích o tom, jak vytvořit registrační formulář uživatele pro váš web.

Poznámka : Než budete pokračovat, ujistěte se, že jste povolili Členství tím, že přejdete na Hlavní panel > Nastavení > Obecné > Členství: Povoleno .

1.png

Povolení možnosti členství umožní každému uživateli zaregistrovat se na vašem webu.

Krok 1: Vytvořte registrační formulář uživatele pomocí Plugin UAE (Ultimate Addon for Elementor).

Chcete-li vytvořit vlastní registrační formulář uživatele, ujistěte se, že máte aktualizovanou verzi plugin UAE s aktivovaným blokem.

Jakmile zajistíte předpoklady pro vytvoření přihlašovací stránky, musíte vytvořit nebo přidat novou stránku. A upravte stránku, kam chcete připojit registrační formulář uživatele.

Pokud widget přetáhnete, uvidíte výchozí pole formuláře.

2.png

S poli si můžete pohrát – můžete odebrat pole, které nepotřebujete, nebo přidat další pole, jako je uživatelské jméno, jméno atd.

Existuje možnost spravovat požadovanou a šířku sloupce na jednotlivých polích formuláře.

Můžete také spravovat vstupní velikost a popisky polí (ať už je chcete zobrazit nebo skrýt) nebo povinné označení.

Krok 2: Nakonfigurujte nastavení formuláře

Po zvládnutí základů můžete nakonfigurovat nastavení formuláře v Obecná nastavení . Zde můžete provádět následující funkce:

  • Nová uživatelská role
  • Vyberte „Akce po registraci“

Zde je podrobný popis obou:

Nová uživatelská role

Pokud máte členský web, který vyžaduje, aby ho uživatel zaregistroval na vašem webu, pak ve výchozím nastavení přiřazujete „Uživatelskou roli“ jako Předplatitel .

Pro své členy můžete nastavit výchozí uživatelskou roli a přiřazená role bude nastavena pro všechny nové uživatele, když se zaregistrují na vašem webu.

Untitled.png

Vyberte Akce po registraci

4.png

Uživatel si může vybrat následující akce, které může provést po registraci na členské stránce pomocí widgetu Registrační formulář uživatele:

  • Automatické přihlášení : pomocí této možnosti můžete uživateli povolit automatické přihlášení na váš web. Po prvním zadání přihlašovacích údajů se uživatel nebude muset znovu přihlašovat, protože po úspěšné registraci bude na web přihlášen automaticky.
  • Přesměrovat po registraci : pomocí této možnosti můžete přesměrovat uživatele na uvítací stránku nebo přihlašovací stránku - po úspěšné registraci. Stránku přesměrování můžete nastavit vložením adresy URL požadované stránky do pole URL pod touto možností.
  • Poslat e-mail: když jej uživatel úspěšně zaregistruje na vašem webu, tato možnost mu pošle e-mail s potvrzením registrace. Obsah e-mailu je přizpůsobitelný a můžete si tyto e-maily upravit tak, aby byly osobní. Ale pokud chcete poslat stejný e-mail všem svým uživatelům, můžete to udělat také prozkoumáním této možnosti.
5.png
  • Skrýt po registraci: Někdy můžete chtít skrýt registrační formulář uživatele poté, co se úspěšně zaregistroval na vaše stránky. Pomocí možnosti 'Skrýt po registraci' můžete skrýt registrační formulář a zároveň je přesměrovat na přihlašovací stránku nebo jednoduše zobrazit zprávu 'Úspěšné' poté, co jim poskytnete odkaz k návštěvě přihlašovací stránky a získáte přístup na webovou stránku. Tuto možnost najdete v části Obecná nastavení na kartě Obsah widgetu.

Dále můžete navrhnout a stylovat registrační formulář uživatele pomocí karty Styl widgetu.

Poté jste hotovi s procesem vytváření a konfigurace pro widget Registrační formulář uživatele. Formulář je připraven ke spuštění na živé webové stránce.

Krok 3: Přidejte registrační formulář uživatele na svůj web

Tato část je docela základní a jednoduchá. Tento widget můžete přidat přímo přetažením, stejně jako jakýkoli jiný widget Elementor. Můžete také uložit sekci obsahující widget a načíst uloženou sekci na požadované Registrační stránce.

6.png

Níže jsme vypracovali několik dalších způsobů, jak pomoci přidat jakýkoli widget do editoru Elementor.

např. pro registrační formulář uživatele na stránce WooCommerce

Pokud si chcete vytvořit vlastní stránku WooCommerce, tj. stránku mého účtu, pod názvem Vlastní stránka účtu, můžete jednoduše:

Kliknutím na tlačítko „Upravit pomocí Elementor“ se dostanete do editoru Elementor.

Můžeme vytvořit další registrační formulář stejným způsobem a uložit jej pro použití na stránce Vlastní účet pomocí stejných výše uvedených kroků.

A konečně, pro nastavení stránky jako „Stránka mého účtu“, přejděte na panel WordPress. A postupujte podle následující cesty pod možností WooCommerce:

WooCommerce > Nastavení > Pokročilé > Nastavení stránky > Stránka mého účtu > Stránka mého účtu > vyberte Vlastní stránku účtu

8.png

Stránku obsahující UAE na stránce WooCommerce Account.

Závěr:

SAE si můžete vytvořit stylový registrační formulář s možností dle vlastního výběru pro svůj web .

Podle kroků uvedených v tomto článku můžete zaregistrovat uživatele pomocí widgetu User Registration Form ze SAE . Je to jednoduché a elegantní řešení pro vytvoření stylového uživatelského registračního formuláře pro vaše nové uživatele.

Zanechat komentář

Vaše emailová adresa nebude zveřejněna. Povinná pole jsou označena *