Chcete vytvořit registrační stránku v Elementoru?

Pokud si budete přát vytvořit web WordPress, který umožňuje registraci uživatele, velmi zásadní věc, kterou musíte poskytnout, je registrační stránka. Elementor nemá výchozí widget pro přidání formulář přihlášení na stránku, ale můžete si ji přidat pomocí widgetu Formulář s malým trikem. To se brzy dozvíme v tomto článku.

Od widgetu Formulář je k dispozici pouze na Elementor Pro, musíte svůj Elementor upgradovat na profesionální verzi.

Jak vytvořit registrační formulář v Elementoru

Elementor nemá výchozí widget pro přidání registračního formuláře. Ale jak již bylo zmíněno dříve, stránku registrace uživatelů můžete vytvořit pomocí widgetu Form s malým trikem. Budete potřebovat dvě komponenty:

  • Samotný registrační formulář uživatele
  • Skript PHP, který vám umožní přidat nového uživatele

Než začneme, předpokládejme, že už nějakou dobu používáte Elementor a již jste vytvořili formulář pomocí widgetu Formulář.

Až budete připraveni, postupujte podle pokynů níže a začněte vytvářet stránku registrace v Elementoru.

Krok 1: Vytvořte registrační formulář

Nejprve vytvořte novou stránku a upravte ji pomocí Elementoru. Samozřejmě můžete také upravit existující stránku. V editoru Elementor přidejte widget Form do editačního pole přetažením z levého panelu.

Přizpůsobte formulář na levém panelu. První blok možností, který musíte otevřít, je blok Pole formulářů pod záložkou Obsah. Registrační formulář, který se chystáme vytvořit, se bude skládat z následujících 5 polí:

mistrovství Typ pole štítek
křestní jméno Texty Křestní jméno
nom Texty Příjmení
uživatel (povinné) Texty Uživatel
E-mail (povinný) E-mail E-mail
Heslo (vyžadováno) heslo heslo

Název formuláře: Vytvořte nového uživatele

Je třeba si uvědomit jednu zásadní věc. Ujistěte se, že používáte přesně stejné popisky polí jako v tabulce výše, včetně malých a velkých písmen, protože budou použity jako proměnné ve skriptu PHP, který budeme používat.

Čtěte také: Jak vytvořit vyskakovací okno souhlasu se soubory cookie s Elementor

Nezapomeňte také pojmenovat formulář. Znovu se ujistěte, že používáte přesně stejný název (včetně velkých a malých písmen), který používáme v tomto příkladu (v tomto případě „Vytvořit nového uživatele“).

Zde je příklad formuláře, který jsme vytvořili.

Jednou definice vyplněná pole formuláře, otevřete blok Akce po odeslání. Protože chcete vytvořit registrační formulář uživatele, můžete akci nastavit na Přesměrování.

V bloku Přesměrování, Po vytvoření nového uživatele vložte adresu URL, na kterou chcete přesměrovat své uživatele. Můžete je například přesměrovat na přihlašovací stránku vašeho webu.

Jak vytvořit registrační stránku v Elementoru

Otevřete blok Další možnosti a aktivujte možnost Zvyk Zprávy. Zprávu o úspěchu můžete nahradit něčím jako „Uživatel byl vytvořen“.

Váš formulář je nyní připraven. Po dokončení úprav můžete stránku publikovat.

Krok 2: Přidejte novou funkci a přidejte nového uživatele

Zde je skript PHP, který vám umožní přidat nového uživatele na váš web WordPress.

add_action ('elementor_pro / forms / new_record', 'blogpascher_creer_un_nouvel_user', 10, 2); function blogpascher_creer_un_new_user ($ record, $ ajax_handler) {$ form_name = $ record-> get_form_settings ('form_name'); // Zkontrolujte, zda je formulář „vytvořit nového uživatele“, jinak - stop a návrat; if ('Vytvořit nového uživatele'! == $ form_name) {návrat; } $ form_data = $ record-> get_formatted_data (); $ user = $ form_data ['Uživatel']; // Získejte hodnotu zadanou jako „Uživatelské jméno“ $ heslo = $ form_data ['Heslo']; // Získejte hodnotu zadanou jako „Heslo“ $ email = $ form_data ['Email']; // Získejte hodnotu zadanou jako „E-mail“ $ user = wp_create_user ($ uživatelské jméno, $ heslo, $ e-mail); // Vytvořit nového uživatele, pokud bude úspěšný, vrátit user_id if (is_wp_error ($ user)) {// pokud došlo k chybě při vytváření nového uživatele $ ajax_handler-> add_error_message („Nelze vytvořit nového uživatele: ". $ user-> get_error_message ()); // přidat zprávu $ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" křestní jméno "]; //Získejte hodnotu zadanou jako „Křestní jméno"
    $ last_name = $ form_data ["jméno"]; //Získejte hodnotu zadanou jako „Nom"
    wp_update_user (array ("ID" => $ user, "first_name" => $ first_name, "last_name" => $ last_name)); // Aktualizujte uživatele jménem a příjmením}

Výše uvedený kód můžete vložit do souboru functions.php vašeho tématu. Chcete-li to provést, přejděte na Vzhled -> Editor témat na hlavním panelu WordPress. Klikněte na soubor functions.php na pravém panelu jej upravte a vložte skript PHP na konec souboru funkce.php.

Zde je náhled.

Jak vytvořit registrační stránku v Elementoru

Kliknutím na tlačítko Aktualizovat soubor v editoru k aktualizaci souboru functions.php.

Potenciální chyby

Jakmile vaši uživatelé úspěšně vytvoří nový účet, je velká šance, že nebudou mít přístup k ovládacímu panelu WordPress, i když se úspěšně přihlásili. Pokud narazíte na tento problém, zkuste změnit roli uživatele na Contributor nebo na vyšší roli (autor nebo editor).

Čtěte také: Jak exportovat a importovat modely Elementor

Chcete-li tak učinit, přejděte na Účty-> Všechny účty. Najeďte myší na uživatele, jehož roli chcete změnit, a klikněte na odkaz Editovat.

Přejděte dolů na požadovanou možnost Role a v rozevírací nabídce vyberte novou roli. Klikněte na tlačítko Aktualizovat uživatele dole použít novou úpravu.

Pokud chcete, aby každý nově registrovaný uživatel měl roli přispěvatele, můžete ji nastavit (roli přispěvatele) jako výchozí roli.

Viz také: Jak vytvořit přihlašovací stránku pomocí Elementor

Chcete-li tak učinit, přejděte na Nastavení-> Obecné. Přejděte dolů na požadovanou možnost Výchozí role pro každý nový účet a v rozevírací nabídce vyberte výchozí roli. Nezapomeňte kliknout na tlačítko Uložit změny dole použít novou úpravu.

Pokud nadále chcete, aby noví uživatelé měli roli předplatitele a chcete jim umožnit přístup k řídicímu panelu WordPress, můžete se pokusit problém vyřešit dočasným deaktivováním aktivních modulů plug-in a jejich opětovným aktivováním po jednom. způsobující problém.

Získejte nyní prvek Elementor Pro!

Proč investovat do čističky vzduchu?

Tady je ! To je pro tento článek, který ukazuje, jak vytvořit stránku registrace v Elementoru. Pokud máte nějaké obavy, jak se tam dostat fdejte nám vědět v commentaires.

Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.

Mezitím sdílejte tento článek na různých sociálních sítích.

...