Как да персонализирате формулярите за регистрация и влизане в WooCommerce

Замисляли ли сте се как можете да промените страниците си за вход и регистрация в WooCommerce?

Ако използвате WooCommerce за вашия онлайн магазин, значи вече сте добре запознати с него. Това е една от най-добрите платформи за електронна търговия днес.

Не можете да пренебрегнете факта, че е много удобен за използване и може да бъде от голяма полза за вашия онлайн магазин. Има много колекции от Теми на WordPress et WooCommerce приставки и разширения да ви помогне да направите това.

Но все пак някои от неговите функции като вход за WooCommerce или регистрационна форма за WooCommerce са доста ограничени. Това е, което ще разгледаме в тази статия.

Но преди, ако никога не сте инсталирали WordPress открийте Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог

След това обратно към защо сме тук.

Защо да персонализирате формулярите за вход и регистрация в WooCommerce?

Ограничени полеви опции:

Формата за регистрация и влизане по подразбиране в WooCommerce има адекватни полета за потребителя да създаде акаунт. Но ако искате да добавите още няколко полета, не можете да направите това по подразбиране. Ти не може да добавя и показва полета като квадратчета за отметка, падащи менюта и адрес за фактуриране и доставка, когато е необходимо или желано.

Отделни страници за вход и регистрация

По подразбиране формулярите за вход и регистрация на WooCommerce се показват на същата страница. Въпреки че и това е много полезно, не можете да създавате отделни страници за формуляри за вход и регистрация, ако желаете. Трябва да използвате код или друг плъгин, за да преодолеете това.

Ограничения на дизайна

За някои потребители визуалното представяне на формулярите за вход и регистрация по подразбиране в WooCommerce може да бъде малко скучно и скучно. За съжаление, WooCommerce не ви дава възможност да ги персонализирате. По този начин не можете да използвате различни цветове, текстови формати или граници на формата по подразбиране.

Персонализирайте вашите формуляри за вход и регистрация в WooCommerce:

Повечето персонализации на вашата страница за вход в WooCommerce и формата за регистрация могат лесно да бъдат направени само с една приставка, потребител Регистрация. Това е приставка, която е специално фокусирана върху създаването на ефективни формуляри за влизане и регистрация за вашия уебсайт. Има интерфейс, който поддържа функционалност плъзгане и пускане с които можете лесно да правите вашите персонализации без codage.

Всичко, което трябва да направите е за да го инсталирате и активирате.

Също така трябва да добавите някои от неговите разширения.Добавка към WooCommerce може да помогне да продължите по-нататък. С тази добавка можете лесно да интегрирате вашите персонализирани формуляри за регистрация в WooCommerce и да преодолеете ограниченията на WooCommerce.

След това можете да го използвате, за да създадете формуляри за вход или регистрация в WooCommerce и да започнете да ги редактирате.

1. Добавете допълнителни полета към вашия WooCommerce вход или формуляр за регистрация

Плъгинът за регистрация на потребители на WordPress ви дава възможност да добавите още полета към вашата регистрационна форма. На първо място трябва да създадете нов формуляр за регистрация от там отидете на потребител Регистрация >> Добавяне на ново в таблото за управление на WordPress.

Открийте и вие Как да добавите фоново изображение в WordPress

Можете да използвате полетата на WooCommerce фактуриране и доставка допълнително от раздела Полетата от лявата страна на екрана.

Можете дори да добавите допълнителни полета с падащи менюта, квадратчета за отметка и радио бутони, ако е необходимо.

Тези полета могат лесно да се добавят с помощта на функцията за плъзгане и пускане на плъгина за регистрация на потребители на WordPress. Новите полета на формуляра ще бъдат видими във формуляра за регистрация, когато потребителите ви искат да създадат нов акаунт.

2. Заменете стандартните формуляри за вход и регистрация в WooCommerce

След като създадете новия си формуляр за вход или регистрация в WooCommerce, трябва да го замените с формуляра по подразбиране за WooCommerce.

Вижте и нашето ръководство за Как да добавите WooCommerce магазин на Facebook

Всичко, което трябва да направите, е да продължите WooCommerce >> Настройки и отворете раздела Сметки и поверителност. Под секцията Създаване на акаунт, проверка Позволете на клиентите да създадат акаунт на страницата „Моят акаунт“ и Запазване на промените.

Заменете формулярите по подразбиране за регистрация на woocommerce

След това отидете на потребител Регистрация >> Настройки и отворете раздела WooCommerce. Тук изберете формуляра за регистрация, който искате да интегрирате. След това проверете опцията Заменете страницата за регистрация и запазете промените.

Прочетете и нашата статия на Как да показваме условно меню за вашите абонати на WooCommerce

Сега ще бъдат показани вашият персонализиран формуляр за вход в WooCommerce и формуляр за регистрация.

И двете формуляри за вход и регистрация в WooCommerce ще бъдат показани на една и съща страница по подразбиране. Но ако вие искат да ги покажат на различни страници, можете да направите това и с помощта на приставката потребител Регистрация. Първо, създайте отделни страници за страниците за регистрация и вход.

За да покажете страницата за вход отделно, добавете следния кратък код на страницата, която искате да покажете. Трябва също да го пренасочите към връзката към страницата на акаунта след влизане на потребителя. Просто добавете параметъра пренасочване_url към връзката към страницата и я публикувайте.

[user_registration_my-compte redirect_url = "връзка към страницата на акаунта"]

За да покажете страницата за регистрация отделно, трябва да имате създадения от вас кратък код за регистрация в WooCommerce. Можете да го получите, като продължите потребител Регистрация >> Потребителска регистрация от таблото за управление на WordPress.

Сега копирайте и поставете шорткода там, където искате да покажете формуляра за регистрация. След това публикувайте страницата.

Можете просто да използвате Block Editor, за да видите формуляра за регистрация, който сте създали. Просто потърсете блока потребител Регистрация и изберете регистрационната форма, която искате да видите. След това публикувайте страницата.

3. Покажете допълнителни полета на страницата на акаунта

След като влезе или се регистрира за нов акаунт, потребителят се пренасочва към страницата Mon Compte. Но допълнителните подробности на страницата за вход или регистрация в WooCommerce може да не се показват на страницата на акаунта.

Заповядай 10 WordPress приставки за добавяне на калкулатор към вашия уебсайт

Но след като успешно замените формулярите за вход и регистрация, можете да видите допълнителните му подробности на страницата на акаунта. Просто продължете Моят акаунт >> Данни за акаунта.

Забележка: Външният вид на страницата „Моят акаунт“ може да варира от тема до тема.

4. Интегрирайте акаунта в WooCommerce на страницата за плащане

За удобство на вашите клиенти можете също да покажете персонализирания формуляр за регистрация на страницата за плащане с приставката за регистрация на потребителя. Можете дори да изберете кои полета искате да попълнят на страницата за плащане. За да добавите вашия акаунт в WooCommerce на страницата за плащане, просто трябва да изпълните дадените стъпки.

Прочетете и нашата статия на 10 WordPress WooCommerce приставки, които да използвате във вашия блог

Просто продължете WooCommerce >> Настройки и отворете раздела Сметки и поверителност. След това в раздела Акаунт и поверителност, проверете опцията Позволете на клиентите да създадат акаунт по време на валидиране на поръчката.

Отново отидете до Регистрация на потребителя >> Настройки, и под раздела WooCommerce, ще видите раздела Синхронизиране на регистрация при плащане. Тук е достатъчно проверете опцията: Отметнете тази опция, за да синхронизирате регистрацията на потребителя с регистрацията за плащане в WooCommerce. Ще бъдат показани допълнителни полета, които не са налични във формуляра за регистрация на WooCommerce.

Интеграция на акаунт за влизане и регистрация на woocommerce

След това просто трябва да изберете полетата, които искате да се показват на вашите клиенти във формуляра за регистрация при плащане. Той дори включва полета за адреси за фактуриране и доставка.

Следващият път, когато вашият клиент желае да плати, той ще получи формуляра с допълнителни специфични полета, които трябва да попълни.

5. Препроектиране на формуляри за вход и регистрация в WooCommerce

Регистрацията на потребители е чудесен плъгин за създаване на формуляри за WordPress, който дори ви позволява напълно да персонализирате формулярите за вход и регистрация в WooCommerce.

Можете да използвате неговия Адон Стили за персонализиране за да ви помогне да промените облика на целия формуляр за регистрация, както искате. Той е доста лесен за използване, тъй като има интерфейс, който поддържа функционалността Drag and Drop с опции за визуализация в реално време.

Всичко, което трябва да направите, е да закупите добавка Style Customizer и да редактирате съществуващия си WooCommerce формуляр или да създадете нов. След това кликнете върху бутон с икона на четка в долната дясна част на вашия екран.

Сега ще можете да видите панела Customizer.

Тук можете да промените всички видове елементи на дизайна за вашите форми за вход и регистрация. Някои от тях се занимават с цялостния външен вид на формуляра, етикетите на полетата, описанието и стиловете на бутона за избор или отметка. Той дори има допълнителни опции за заглавия на секции, публикации и допълнителни CSS.

Когато приключите с персонализирането им, запазете ги. Всяка промяна в персонализирането на стила ще бъде автоматично интегрирана във формуляра за вход или регистрация на WooCommerce.

Открийте и вие Как да защитите с парола вашите WordPress формуляри

Така че ще можете да видите тези промени, където и да поставите формуляра във вашия онлайн магазин.

Резюме:

Ето някои от най-полезните съвети за това как можете да използвате и персонализирате различни аспекти на вашите формуляри за вход и регистрация в WooCommerce. Това може да бъде от голяма помощ за привличането на редица клиенти към вашия уебсайт с лесен интерфейс, който им позволява да създават или влизат в своя акаунт в WooCommerce.

Други допълнителни премиум приставки за WordPress

Открийте и други първокласни плъгини за WordPress, които помагат за оптимизиране на производителността на вашия блог или уебсайт в 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 местни, списъци с доставчици и др.

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.

Прочетете и нашата статия на Как да запазите посетителите си по-дълго на вашия уебсайт

Изтегляне| демонстрация | уеб хостинг

2. Изображение с увеличаване на изображението

Този плъгин ви позволява лесно да добавите функция за панорамно увеличение за изображения във вашия блог на WordPress чрез кратък код. Можете например да го интегрирате във вашата статия или на вашата страница.

Като функционалност ще имате наред с другото: панорамно увеличение на едно изображение или галерия с неограничени изображения, позицията на контролната лента може да бъде отгоре, отдясно, отдолу и отляво, дъното на контейнера може да е тъмно, светло и нищо от това; визуализацията на живо в таблото за управление, пример за многократно мащабиране на една и съща страница и т.н.

Открийте и нашето 5 прекъсва премиум плъгините на WordPress

Изтегляне | демонстрация | уеб хостинг

3. Маркетинг автоматизация

Тази премиум приставка за WordPress осигурява прост и гъвкав потребителски интерфейс, чиято цел ще бъде да ви помогне лесно да създадете мощен бюлетин на вашия уебсайт. Неговата гъвкавост ще ви позволи да управлявате широк спектър от събития, условия и действия - така че можете лесно да конфигурирате маркетинговата си стратегия за електронна поща, за да я изпращате, проследявате и печелите.

Основните му функционалности са: възможността за прилагане на условна логика въз основа на реакцията и поведението на посетителите, проследяване на действията на посетителите на уебсайта, идеално за всички програми за лоялност, отлично за маркетингови стратегии, които залагат на наградите, интуитивно табло за управление, сегментирането на посетителите на уебсайта, възможността за извършване на проучвания, sms известия и по имейл, изскачащи прозорци въз основа на поведението на посетителите, банерни реклами въз основа на поведението на посетителите и много други.

Изтегляне | демонстрация | уеб хостинг

Препоръчителни ресурси

Научете за други препоръчани ресурси, които да ви помогнат да изградите и управлявате вашия уебсайт.

Заключение

Тук ! Това е за нашата статия, която ви показва как да персонализирате формулярите за регистрация и влизане в WooCommerce. Сега ще имате възможността за създаване на регистрационни форми и кучка връзка с приставката за регистрация на потребителя. Малки подробности като тези са много важни за вашия онлайн магазин за да сте сигурни, че клиентите ви ги използват често.

Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.

Ако имате коментари или предложения, не се колебайте да ни уведомите в запазения раздел. Но междувременно споделете тази статия във вашите различни социални мрежи.

...