WooCommerce 가입 및 로그인 양식을 사용자 지정하는 방법

WooCommerce 로그인 및 등록 양식을 사용자 정의하는 이유는 무엇입니까?

제한된 필드 옵션 :

기본 WooCommerce 등록 및 로그인 양식에는 사용자가 계정을 만들 수있는 적절한 필드가 있습니다. 그러나 필드를 몇 개 더 추가하려는 경우 기본적으로이를 수행 할 수 없습니다. 당신 추가 및 표시 할 수 없습니다. 필요하거나 원하는 경우 확인란, 드롭 다운 메뉴, 청구 및 배송 주소와 같은 필드.

별도의 로그인 및 등록 페이지

기본적으로 WooCommerce 로그인 및 등록 양식은 동일한 페이지에 표시됩니다. 이것도 매우 유용하지만 별도의 페이지를 만들 수 없습니다. 원하는 경우 로그인 및 등록 양식. 이를 극복하려면 코드 나 다른 플러그인을 사용해야합니다.

디자인 한계

일부 사용자의 경우 기본 WooCommerce 로그인 및 등록 양식의 시각적 표현이 약간 지루하고 지루할 수 있습니다. 불행히도 WooCommerce는 사용자 정의 옵션을 제공하지 않습니다. 따라서 기본 양식에서 다른 색상, 텍스트 형식 또는 테두리를 사용할 수 없습니다.

WooCommerce 로그인 및 등록 양식을 사용자 정의하십시오.

WooCommerce 로그인 페이지 및 등록 양식의 대부분의 사용자 정의는 하나의 플러그인으로 쉽게 수행 할 수 있습니다. 사용자 등록. 이것은 귀하의 웹 사이트에 대한 효율적인 로그인 및 등록 양식을 만드는 데 특별히 초점을 맞춘 플러그인입니다. 그것은 드래그 앤 드롭 기능을 지원하는 인터페이스  없이 쉽게 사용자 정의 할 수 있습니다. codage.

당신이해야 할 일은 설치하고 활성화하려면.

또한 일부 확장을 추가해야합니다.WooCommerce 애드온 더 나아가는 데 도움이 될 수 있습니다. 이 애드온 덕분에 사용자 지정 등록 양식을 WooCommerce에 손쉽게 통합하고 WooCommerce의 한계를 극복 할 수 있습니다.

그 후, 그것을 사용하여 WooCommerce 로그인 또는 등록 양식을 만들고 편집을 시작할 수 있습니다.

1. WooCommerce 로그인 또는 등록 양식에 추가 필드 추가

Le 워드 프레스 플러그인 사용자 등록 등록 양식에 더 많은 필드를 추가 할 수있는 옵션을 제공합니다. 먼저 새 등록 양식을 만들어야합니다. 사용자 등록 >> 새로 추가 WordPress 대시 보드에서.

너무 발견 WordPress에 배경 이미지를 추가하는 방법

다음 필드를 사용할 수 있습니다. WooCommerce 청구 및 배송 탭에서 추가 Fields 화면 왼쪽에 있습니다.

필요한 경우 드롭 다운 메뉴, 확인란 및 라디오 버튼을 사용하여 추가 필드를 추가 할 수도 있습니다.

이러한 필드는 의 끌어서 놓기 기능을 사용하여 쉽게 추가할 수 있습니다. 워드 프레스 플러그인 사용자 등록. 그러면 사용자가 새 계정을 만들려고 할 때 새 양식 필드가 등록 양식에 표시됩니다.

2. 기본 WooCommerce 로그인 및 등록 양식 바꾸기

새 WooCommerce 로그인 또는 등록 양식을 만든 후에는 기본 WooCommerce 양식으로 바꿔야합니다.

또한 우리의 가이드를 참조하십시오 어떻게 페이스 북에 WooCommerce 저장소를 추가합니다

당신이해야 할 일은 계속 WooCommerce >> 설정 탭을 엽니 다 계정 및 기밀 유지. 섹션 아래 계정 생성, 점검 고객이 "내 계정"페이지에서 계정을 만들 수 있도록 허용 변경 사항을 저장합니다.

그런 다음 사용자 등록 >> 설정 탭을 엽니 다 WooCommerce. 여기에서 통합하려는 등록 양식을 선택하십시오. 그런 다음 옵션을 확인하십시오. 등록 페이지 교체 변경 사항을 저장하십시오.

에 대한 기사를 읽으십시오 당신의 WooCommerce 조건 가입자를위한 메뉴를 표시하는 방법

이제 개인화 된 WooCommerce 로그인 양식과 등록 양식이 표시됩니다.

WooCommerce 로그인 및 등록 양식은 기본적으로 동일한 페이지에 표시됩니다. 하지만 만약 당신이 다른 페이지에 표시하고 싶은 경우 플러그인을 사용하여 할 수 있습니다. 사용자 등록. 먼저 등록 및 로그인 페이지에 대해 별도의 페이지를 만듭니다.

로그인 페이지를 별도로 표시하려면, 표시하려는 페이지에 다음 단축 코드를 추가하십시오. 또한 사용자 로그인 후 계정 페이지 링크로 리디렉션해야합니다. 매개 변수 만 추가하면됩니다. redirect_url  페이지 링크에 연결하고 후자를 게시합니다.

[user_registration_my-compte redirect_url = "계정 페이지 링크"]

등록 페이지를 별도로 표시하려면 생성 한 WooCommerce 등록 단축 코드가 있어야합니다. 계속해서 가질 수 있습니다. 사용자 등록 >> 사용자 등록 WordPress 대시 보드에서.

이제 등록 양식을 표시 할 단축 코드를 복사하여 붙여 넣으십시오. 그런 다음 페이지를 게시하십시오.

Ou

블록 편집기를 사용하여 생성 한 등록 양식을 볼 수 있습니다. 블록을 검색하십시오. 사용자 등록 보려는 등록 양식을 선택하십시오. 그런 다음 페이지를 게시하십시오.

3. 계정 페이지에 추가 필드 표시

로그인 또는 새 계정 등록 후 사용자는 페이지로 리디렉션됩니다. 월의 compte. 그러나 WooCommerce 로그인 또는 등록 페이지의 추가 세부 정보는 계정 페이지에 표시되지 않을 수 있습니다.

여기 당신은 간다 웹 사이트에 계산기를 추가하는 10 가지 WordPress 플러그인

그러나 로그인 및 등록 양식을 성공적으로 교체 한 후에는 계정 페이지에서 추가 세부 정보를 볼 수 있습니다. 그냥 계속 해  내 계정 >> 계정 세부 정보.

4. 결제 페이지에서 WooCommerce 계정 통합

고객의 편의를 위해 사용자 등록 플러그인을 사용하여 결제 페이지에서 개인화 된 등록 양식을 표시 할 수도 있습니다. 체크 아웃 페이지에서 입력 할 필드를 선택할 수도 있습니다. 결제 페이지에서 WooCommerce 계정을 추가하려면 주어진 단계를 따르기 만하면됩니다.

에 대한 기사를 읽으십시오 블로그에서 사용할 10 가지 WordPress WooCommerce 플러그인

그냥 계속 해 WooCommerce >> 설정 탭을 엽니 다 계정 및 기밀 유지. 그런 다음 섹션에서 계정 및 개인 정보, 옵션을 확인 고객이 주문 확인 중에 계정을 만들 수 있도록합니다.

다시, 사용자 등록 >> 설정, 그리고 탭 아래 WooCommerce, 섹션이 표시됩니다 체크 아웃 등록 동기화. 여기 충분 해 옵션 확인 : 사용자 등록을 WooCommerce 체크 아웃 등록과 동기화하려면이 옵션을 선택하십시오.. WooCommerce 등록 양식에서 사용할 수없는 추가 필드가 표시됩니다.

그런 다음 결제 등록 양식에서 고객에게 표시 할 필드를 선택하기 만하면됩니다. 청구 및 배송 주소 필드도 포함됩니다.

다음 번에 고객이 결제를 원할 때 완료 할 추가 특정 필드가있는 양식을 받게됩니다.

5. WooCommerce 로그인 및 등록 양식 재 설계

사용자 등록은 훌륭합니다 워드 프레스 플러그인 WooCommerce 로그인 및 등록 양식을 완벽하게 사용자 정의할 수 있는 양식 작성기입니다.

그의 애드온 스타일 커 스터 마이저 전체 등록 양식의 모양을 원하는대로 변경할 수 있습니다. 실시간 미리보기 옵션과 함께 드래그 앤 드롭 기능을 지원하는 인터페이스가있어 사용하기 매우 쉽습니다.

Style Customizer 애드온을 구매하고 기존 WooCommerce 양식을 편집하거나 새 양식을 작성하기 만하면됩니다. 그런 다음 브러시 아이콘 버튼 화면 오른쪽 하단에

이제 Customizer 패널을 볼 수 있습니다.

여기에서 로그인 및 등록 양식에 대한 모든 종류의 디자인 요소를 변경할 수 있습니다. 그들 중 일부는 양식, 필드 레이블, 설명 및 라디오 단추 또는 확인란 단추 스타일의 전체 모양을 다룹니다. 섹션 제목, 게시물 및 추가 CSS에 대한 추가 옵션도 있습니다.

사용자 지정이 완료되면 저장하십시오. 스타일 사용자 지정에 대한 모든 변경 사항은 WooCommerce 로그인 또는 등록 양식에 자동으로 통합됩니다.

너무 발견  WordPress 양식을 비밀번호로 보호하는 방법

따라서 온라인 상점에서 양식을 배치 할 때마다 이러한 변경 사항을 볼 수 있습니다.

요약 :

다음은 WooCommerce 로그인 및 등록 양식의 다양한 측면을 사용하고 사용자 정의하는 방법에 대한 가장 유용한 팁입니다. WooCommerce 계정을 만들거나 로그인 할 수있는 쉬운 인터페이스를 통해 웹 사이트로 많은 고객을 유치하는 데 큰 도움이 될 수 있습니다.

기타 추가 프리미엄 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.

에 대한 기사를 읽으십시오 웹 사이트 방문자를 더 길게 유지하는 방법

다운로드| 데모 | 웹 호스팅

추천 자료

웹 사이트 구축 및 관리에 도움이되는 기타 권장 리소스에 대해 알아보십시오.

결론

여기 ! 이것이 WooCommerce 가입 및 로그인 양식을 사용자 정의하는 방법을 보여주는 기사입니다. 이제 당신은  등록 양식을 만들고 사용자 등록 플러그인에 대한 약간의 연결을 만들 수 있습니다. 이와 같은 작은 세부 사항은 온라인 상점 고객이 자주 사용하도록합니다.

그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요한 경우에 대한 가이드를 참조하십시오. 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.

당신이 있다면 댓글 또는 제안 사항은 예약 섹션에 알려주십시오. 그러나 그동안 이 기사를 다른 소셜 네트워크에서 공유하십시오. 

...