Ako prispôsobiť prihlasovacie a prihlasovacie formuláre WooCommerce

Prečo prispôsobovať prihlasovacie a registračné formuláre WooCommerce?

Obmedzené možnosti poľa:

Predvolený registračný a prihlasovací formulár WooCommerce má adekvátne polia na to, aby si užívateľ mohol vytvoriť účet. Ak však chcete pridať niekoľko ďalších polí, v predvolenom nastavení to nemôžete urobiť. Vy nie je možné pridať a zobraziť polia ako začiarkavacie políčka, rozbaľovacie ponuky a fakturačná a dodacia adresa, ak je to potrebné alebo požadované.

Samostatné prihlasovacie a registračné stránky

V predvolenom nastavení sú prihlasovacie a registračné formuláre WooCommerce zobrazené na tej istej stránke. Aj keď je to tiež veľmi užitočné, nemôžete vytvoriť samostatné stránky pre prihlasovacie a registračné formuláre, ak si prajete. Aby ste to prekonali, musíte použiť kód alebo iný doplnok.

Dizajnové obmedzenia

Pre niektorých používateľov môže byť vizuálne znázornenie predvolených prihlasovacích a registračných formulárov WooCommerce trochu nudné a nudné. WooCommerce vám bohužiaľ nedáva možnosť ich prispôsobiť. V predvolenom formulári teda nemôžete použiť rôzne farby, formáty textu alebo orámovanie.

Prispôsobte si svoje prihlasovacie a registračné formuláre WooCommerce:

Väčšinu prispôsobení prihlasovacej stránky WooCommerce a registračného formulára je možné ľahko vykonať pomocou jediného doplnku, Registrácia užívateľa. Toto je doplnok, ktorý je špeciálne zameraný na vytváranie efektívnych prihlasovacích a registračných formulárov pre vaše webové stránky. Má rozhranie, ktoré podporuje funkciu drag and drop  pomocou ktorého môžete ľahko vykonávať úpravy bez kódovanie.

Všetko, čo musíte urobiť, je nainštalovať a aktivovať.

Musíte tiež pridať niektoré z jeho rozšírení.Doplnok WooCommerce môže pomôcť pokračovať ďalej. Vďaka tomuto doplnku môžete bez námahy integrovať svoje vlastné registračné formuláre do WooCommerce a prekonať obmedzenia WooCommerce.

Potom ho môžete použiť na vytvorenie prihlasovacích alebo registračných formulárov WooCommerce a na ich zahájenie.

1. Pridajte ďalšie polia do svojho prihlasovacieho alebo registračného formulára WooCommerce

Le WordPress Plugin Registrácia užívateľa vám dáva možnosť pridať do registračného formulára viac polí. Najskôr musíte vytvoriť nový registračný formulár, odtiaľ prejsť na Registrácia užívateľa >> Pridať nové na hlavnom paneli WordPress.

Objavte tiež Ako pridať obrázok na pozadí v

Môžete použiť polia Fakturácia a preprava WooCommerce ďalšie z tab Pole na ľavej strane obrazovky.

V prípade potreby môžete dokonca pridať ďalšie polia pomocou rozbaľovacích ponúk, začiarkavacích políčok a prepínačov.

Tieto polia možno jednoducho pridať pomocou funkcie drag and drop WordPress Plugin Registrácia používateľa. Vaše nové polia formulára sa potom zobrazia v registračnom formulári, keď si vaši používatelia budú chcieť vytvoriť nový účet.

2. Vymeňte predvolené prihlasovacie a registračné formuláre WooCommerce

Po vytvorení nového prihlasovacieho alebo registračného formulára WooCommerce by ste ho mali nahradiť predvoleným formulárom WooCommerce.

Prečítajte si tiež nášho sprievodcu Ako pridať obchod WooCommerce na Facebooku

Všetko, čo musíte urobiť, je pokračovať WooCommerce >> Nastavenia a otvorte záložku Účty a dôvernosť. V časti Vytvorenie účtu, skontrolovať Umožnite zákazníkom vytvoriť si účet na stránke „Môj účet“ a Uložiť zmeny.

Potom choďte na Registrácia užívateľa >> Nastavenia a otvorte záložku WooCommerce. Tu vyberte registračný formulár, ktorý chcete integrovať. Potom začiarknite túto možnosť Vymeňte registračnú stránku a uložte zmeny.

Prečítajte si tiež náš článok o Ako zobraziť menu pre vaše WooCommerce podmienených odberatelia

Teraz sa zobrazí váš osobný prihlasovací formulár WooCommerce a registračný formulár.

Prihlasovacie aj registračné formuláre WooCommerce sa predvolene zobrazia na rovnakej stránke. Ale ak ty chcete ich zobraziť na rôznych stránkach, môžete to urobiť aj pomocou doplnku Registrácia užívateľa. Najskôr vytvorte samostatné stránky pre registračné a prihlasovacie stránky.

Samostatne zobraziť prihlasovaciu stránku, pridajte nasledujúci skrátený kód na stránku, ktorú chcete zobraziť. Po prihlásení používateľa by ste ho mali presmerovať na odkaz na stránku účtu. Stačí pridať parameter presmerovanie_url  na odkaz na stránku a zverejniť ju.

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

Ak chcete samostatnú stránku registrácie zobraziť, musíte mať krátky registračný kód WooCommerce, ktorý ste vytvorili. Môžete to mať tak, že budete pokračovať Registrácia užívateľa >> Registrácia používateľa z informačného panela WordPress.

Teraz skopírujte a prilepte krátky kód na miesto, kde chcete zobraziť registračný formulár. Potom stránku zverejnite.

Ou

Môžete jednoducho použiť editor blokov na prezeranie registračného formulára, ktorý ste vytvorili. Stačí vyhľadať blok Registrácia užívateľa a vyberte registračný formulár, ktorý chcete zobraziť. Potom stránku zverejnite.

3. Zobraziť ďalšie polia na stránke účtu

Po prihlásení alebo zaregistrovaní nového účtu je používateľ presmerovaný na stránku mon Compte. Ale ďalšie podrobnosti na prihlasovacej alebo registračnej stránke WooCommerce sa na stránke účtu nemusia zobraziť.

Tu to máte 10 doplnkov WordPress na pridanie kalkulačky na váš web

Lenže po úspešnom nahradení prihlasovacích a registračných formulárov si môžete na stránke účtu pozrieť ďalšie podrobnosti. Pokračuj  Môj účet >> Podrobnosti o účte.

4. Integrujte účet WooCommerce na stránke platby

Pre pohodlie vašich zákazníkov môžete tiež zobraziť prispôsobený registračný formulár na stránke platby pomocou doplnku Registrácia používateľov. Na stránke platby si môžete dokonca zvoliť, ktoré polia majú vyplniť. Ak chcete pridať svoj účet WooCommerce na stránku platby, musíte postupovať podľa uvedených krokov.

Prečítajte si tiež náš článok o 10 doplnkov WordPress WooCommerce, ktoré môžete použiť vo svojom blogu

Pokračuj WooCommerce >> Nastavenia a otvorte záložku Účty a dôvernosť. Potom v sekcii Účet a ochrana osobných údajov, zaškrtnite možnosť Umožnite zákazníkom vytvoriť si účet počas overovania objednávky.

Opäť prejdite na Registrácia užívateľa >> Nastavenia, a pod záložkou WooCommerce, uvidíte sekciu Synchronizovať registráciu registrácie. Tu to stačí začiarknite túto možnosť: Túto možnosť začiarknite, ak chcete synchronizovať registráciu používateľov s registráciou pokladne WooCommerce. Zobrazia sa ďalšie polia, ktoré nie sú k dispozícii v registračnom formulári WooCommerce.

Potom stačí vybrať polia, ktoré chcete zákazníkom zobraziť v registračnom formulári platby. Zahŕňa dokonca aj polia fakturačnej a dodacej adresy.

Keď si váš zákazník bude chcieť nabudúce zaplatiť, dostane formulár s ďalšími konkrétnymi políčkami, ktoré vyplní.

5. Redizajn prihlasovacích a registračných formulárov WooCommerce

Registrácia užívateľa je skvelá vec WordPress Plugin tvorca formulárov, ktorý vám dokonca umožňuje plne prispôsobiť prihlasovacie a registračné formuláre WooCommerce.

Môžete použiť jeho addon Prispôsobovač štýlov aby sme vám pomohli zmeniť vzhľad celého registračného formulára podľa vašich predstáv. Používanie je celkom jednoduché, pretože má rozhranie, ktoré podporuje funkcie Drag and Drop s možnosťami ukážky v reálnom čase.

Všetko, čo musíte urobiť, je kúpiť doplnok Style Customizer a upraviť existujúci formulár WooCommerce alebo vytvoriť nový. Potom kliknite na ikonu tlačidlo s ikonou štetca v pravom dolnom rohu obrazovky.

Teraz uvidíte panel Prispôsobiteľ.

Tu môžete zmeniť všetky druhy dizajnových prvkov pre svoje prihlasovacie a registračné formuláre. Niektoré z nich sa zaoberajú celkovým vzhľadom formulára, štítkami polí, popisom a štýlmi prepínačov alebo začiarkavacích políčok. Má dokonca ďalšie možnosti pre názvy sekcií, príspevky a ďalšie CSS.

Po dokončení ich prispôsobenia si ich uložte. Každá zmena, ktorú urobíte v prispôsobení štýlu, bude automaticky integrovaná do prihlasovacieho alebo registračného formulára WooCommerce.

Objavte tiež  Ako chrániť svoje formuláre WordPress heslom

Tieto zmeny teda uvidíte všade, kam umiestnite formulár do svojho online obchodu.

Zhrnutie:

Tu je niekoľko z najužitočnejších tipov, ako môžete použiť a prispôsobiť rôzne aspekty svojich prihlasovacích a registračných formulárov WooCommerce. Môže to byť skvelá pomoc pri prilákaní množstva zákazníkov na váš web pomocou jednoduchého rozhrania, ktoré im umožňuje vytvoriť si alebo sa prihlásiť do svojho účtu WooCommerce.

Ďalšie ďalšie prémiové doplnky WordPress 

Objavte aj iné WordPress pluginy prémiové, ktoré optimalizujú výkon vášho blogu alebo webovej stránky 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 miestne, zoznamy dodávateľov atď. 

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.

Prečítajte si tiež náš článok o Ako udržať svojich návštevníkov dlhšie na svojich webových stránkach

Stiahnuť| demo | web hosting

Odporúčané zdroje

Zistite ďalšie odporúčané zdroje, ktoré vám pomôžu pri vytváraní a správe vašich webových stránok.

záver

Tu ! To je všetko pre náš článok, ktorý vám ukáže, ako prispôsobiť prihlasovacie a prihlasovacie formuláre WooCommerce. Teraz budete mať  schopnosť vytvárať registračné formuláre a nepríjemné pripojenie k pluginu User Registration. Malé detaily, ako sú tieto, sú veľmi dôležité váš internetový obchod aby ste sa uistili, že ich zákazníci používajú často.

Môžete sa však tiež poradiť naše zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, pozrite si nášho sprievodcu Tvorba blogu WordPress alebo jeden na Divi: najlepšia téma WordPress všetkých čias.

Ak máte komentáre alebo návrhy, neváhajte a dajte nám vedieť v rezervovanej sekcii. Medzitým však zdieľajte tento článok na rôznych sociálnych sieťach. 

...