Jak přizpůsobit přihlašovací a přihlašovací formuláře WooCommerce

Proč přizpůsobovat přihlašovací a registrační formuláře WooCommerce?

Omezené možnosti pole:

Výchozí registrační a přihlašovací formulář WooCommerce má dostatečná pole, aby si uživatel mohl vytvořit účet. Pokud však chcete přidat několik dalších polí, ve výchozím nastavení to nemůžete udělat. Vy nelze přidat a zobrazit pole, jako jsou zaškrtávací políčka, rozevírací nabídky a fakturační a dodací adresa, pokud je to nutné nebo požadované.

Samostatné přihlašovací a registrační stránky

Ve výchozím nastavení se přihlašovací a registrační formuláře WooCommerce zobrazují na stejné stránce. I když je to také velmi užitečné, nemůžete vytvořit samostatné stránky pro přihlašovací a registrační formuláře, pokud si přejete. Chcete-li to překonat, musíte použít kód nebo jiný plugin.

Návrhová omezení

Pro některé uživatele může být vizuální reprezentace výchozích přihlašovacích a registračních formulářů WooCommerce trochu nudná a nudná. WooCommerce vám bohužel nedává možnost je přizpůsobit. Ve výchozím formuláři tedy nemůžete použít různé barvy, textové formáty nebo ohraničení.

Přizpůsobte si přihlašovací a registrační formuláře WooCommerce:

Většinu přizpůsobení přihlašovací stránky WooCommerce a registračního formuláře lze snadno provést pomocí jediného pluginu, Registrace uživatele. Toto je plugin, který je speciálně zaměřen na vytváření efektivních přihlašovacích a registračních formulářů pro váš web. Má to rozhraní, které podporuje funkce drag and drop  pomocí kterého můžete snadno provádět úpravy bez kódování.

Vše, co musíte udělat, je jej nainstalovat a aktivovat.

Musíte také přidat některá z jeho rozšíření.Doplněk WooCommerce může pomoci pokračovat dále. S tímto doplňkem můžete bez námahy integrovat své osobní registrační formuláře do WooCommerce a překonat omezení WooCommerce.

Poté jej můžete použít k vytvoření přihlašovacích nebo registračních formulářů WooCommerce a jejich zahájení.

1. Přidejte do svého přihlašovacího nebo registračního formuláře WooCommerce další pole

Le WordPress Plugin Registrace uživatele vám dává možnost přidat do registračního formuláře další pole. Nejprve musíte vytvořit nový registrační formulář odtud přejít na Registrace uživatele >> Přidat nové na ovládacím panelu WordPress.

Objevte také Jak přidat obrázek na pozadí v WordPress

Můžete použít pole Fakturace a přeprava WooCommerce další z karty Pole na levé straně obrazovky.

V případě potřeby můžete dokonce přidat další pole s rozevíracími nabídkami, zaškrtávacími políčky a přepínači.

Tato pole lze snadno přidat pomocí funkce drag and drop WordPress Plugin Registrace uživatele. Vaše nová pole formuláře se poté zobrazí v registračním formuláři, když si vaši uživatelé budou chtít vytvořit nový účet.

2. Vyměňte výchozí přihlašovací a registrační formuláře WooCommerce

Jakmile vytvoříte nový přihlašovací nebo registrační formulář WooCommerce, měli byste jej nahradit výchozím formulářem WooCommerce.

Viz také náš průvodce Jak přidat obchod WooCommerce na Facebooku

Vše, co musíte udělat, je pokračovat WooCommerce >> Nastavení a otevřete kartu Účty a důvěrnost. Pod oddílem Vytvoření účtu, zkontrolovat Umožněte zákazníkům vytvořit si účet na stránce „Můj účet“ a Uložit změny.

Pak jděte na Registrace uživatele >> Nastavení a otevřete kartu WooCommerce. Zde vyberte registrační formulář, který chcete integrovat. Poté zaškrtněte tuto možnost Vyměňte registrační stránku a uložte změny.

Přečtěte si také náš článek o Jak zobrazit menu pro vaše WooCommerce podmíněných odběratelé

Nyní se zobrazí váš osobní přihlašovací formulář WooCommerce a registrační formulář.

Ve výchozím nastavení se na stejné stránce zobrazí přihlašovací a registrační formuláře WooCommerce. Ale pokud ty chcete je zobrazit na různých stránkách, můžete to udělat také pomocí pluginu Registrace uživatele. Nejprve vytvořte samostatné stránky pro stránky registrace a přihlášení.

Samostatné zobrazení přihlašovací stránky, přidejte následující zkrácený kód na stránku, kterou chcete zobrazit. Po přihlášení uživatele byste jej měli také přesměrovat na odkaz na stránku účtu. Stačí přidat parametr redirect_url  na odkaz na stránku a zveřejnit ji.

[user_registration_my-compte redirect_url = "odkaz na stránku účtu"]

Chcete-li registrační stránku zobrazit samostatně, musíte mít registrační zkrácený kód WooCommerce, který jste vytvořili. Můžete to mít tak, že budete pokračovat Registrace uživatele >> Registrace uživatele z panelu WordPress.

Nyní zkopírujte a vložte krátký kód tam, kde chcete zobrazit registrační formulář. Poté stránku publikujte.

Ou

Pomocí editoru bloků můžete zobrazit registrační formulář, který jste vytvořili. Stačí vyhledat blok Registrace uživatele a vyberte registrační formulář, který chcete zobrazit. Poté stránku publikujte.

3. Zobrazit další pole na stránce účtu

Po přihlášení nebo registraci nového účtu je uživatel přesměrován na stránku Mon Compte. Ale další podrobnosti na přihlašovací nebo registrační stránce WooCommerce se nemusí na stránce účtu zobrazit.

zde je 10 pluginů WordPress pro přidání kalkulačky na váš web

Ale jakmile úspěšně nahradíte přihlašovací a registrační formuláře, můžete si prohlédnout jeho další podrobnosti na stránce účtu. Jen pokračuj  Můj účet >> Podrobnosti o účtu.

4. Integrujte účet WooCommerce na stránce pokladny

Pro pohodlí vašich zákazníků můžete také zobrazit přizpůsobený registrační formulář na stránce pokladny pomocí pluginu Registrace uživatelů. Na stránce pokladny si dokonce můžete vybrat, která pole chcete vyplnit. Chcete-li přidat svůj účet WooCommerce na stránku pokladny, stačí postupovat podle uvedených kroků.

Přečtěte si také náš článek o 10 zásuvných modulů WordPress WooCommerce pro použití ve vašem blogu

Jen pokračuj WooCommerce >> Nastavení a otevřete kartu Účty a důvěrnost. Pak v sekci Účet a ochrana osobních údajů, zaškrtněte možnost Umožněte zákazníkům vytvořit si účet během ověřování objednávky.

Opět přejděte na Registrace uživatele >> Nastavení, a pod záložkou WooCommerce, uvidíte sekci Synchronizovat registraci pokladny. Tady to stačí zaškrtněte tuto možnost: Zaškrtněte tuto možnost pro synchronizaci registrace uživatelů s registrací pokladny WooCommerce. Zobrazí se další pole, která nejsou k dispozici v registračním formuláři WooCommerce.

Pak stačí vybrat pole, která chcete zobrazit svým zákazníkům ve formuláři registrace k pokladně. Zahrnuje dokonce pole pro fakturační a dodací adresy.

Až si váš zákazník přeje provést pokladnu, obdrží formulář s dalšími specifickými poli, která má vyplnit.

5. Přepracujte přihlašovací a registrační formuláře WooCommerce

Registrace uživatelů je skvělá WordPress Plugin tvůrce formulářů, který vám dokonce umožní plně přizpůsobit přihlašovací a registrační formuláře WooCommerce.

Můžete použít jeho addon Přizpůsobení stylu abychom vám pomohli změnit vzhled celého registračního formuláře podle potřeby. Je to docela snadné použití, protože má rozhraní, které podporuje funkce Drag and Drop s možnostmi náhledu v reálném čase.

Vše, co musíte udělat, je zakoupit doplněk Style Customizer a upravit stávající formulář WooCommerce nebo vytvořit nový. Poté klikněte na ikonu tlačítko s ikonou štětce v pravé dolní části obrazovky.

Nyní uvidíte panel Přizpůsobitel.

Zde můžete změnit všechny druhy designových prvků pro přihlašovací a registrační formuláře. Některé z nich se zabývají celkovým vzhledem formuláře, popisky polí, popisem a styly přepínačů nebo zaškrtávacích políček. Má dokonce další možnosti pro názvy sekcí, příspěvky a další CSS.

Jakmile je upravíte, uložte je. Každá změna provedená v přizpůsobení stylu bude automaticky integrována do přihlašovacího nebo registračního formuláře WooCommerce.

Objevte také  Jak chránit formuláře WordPress heslem

Tyto změny tedy uvidíte, kamkoli umístíte formulář do svého online obchodu.

Shrnutí:

Zde jsou některé z nejužitečnějších tipů, jak můžete používat a přizpůsobit různé aspekty svých přihlašovacích a registračních formulářů WooCommerce. Může to velmi pomoci přilákat na váš web řadu zákazníků pomocí jednoduchého rozhraní, které jim umožní vytvořit si nebo se přihlásit ke svému účtu WooCommerce.

Další další prémiové pluginy WordPress 

Objevte také další WordPress pluginy prémiové, které optimalizují výkon vašeho blogu nebo webu WordPress.

1. MapSVG

MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises místní, seznamy dodavatelů atd. 

Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.

Přečtěte si také náš článek o Jak udržet návštěvníky déle na svém webu

Stáhnout| Demo | Web hosting

Doporučené zdroje

Zjistěte další doporučené zdroje, které vám pomohou vytvořit a spravovat váš web.

Proč investovat do čističky vzduchu?

Tady ! To je vše pro náš článek, který vám ukáže, jak přizpůsobit přihlašovací a přihlašovací formuláře WooCommerce. Nyní budete mít  možnost vytváření registračních formulářů a záludného připojení k pluginu Registrace uživatelů. Malé detaily, jako jsou tyto, jsou velmi důležité váš internetový obchod abyste se ujistili, že je zákazníci často používají.

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

Pokud ano komentáře nebo návrhy, neváhejte a dejte nám vědět ve vyhrazené sekci. Ale mezitím sdílejte tento článek na různých sociálních sítích. 

...