WooCommerce 제품 페이지를 사용자 정의하는 방법 (코드 없음 방법)

최근 게시물 게시판 wordpress WooCommerce 제품 페이지를 사용자 정의하는 방법 (코드 없음 방법)

  • 코드를 작성하지 않고 WooCommerce 제품 페이지를 사용자 정의하고 싶습니까?

    WooCommerce 제품 페이지를 사용자 정의하여 전환율을 향상시키고 기존 웹 사이트 방문자로부터 더 많은 판매를 창출 할 수 있습니다.

    이 기사에서는 기술 지식없이 WooCommerce 제품 페이지를 사용자 정의하는 방법을 보여줍니다.

    WordPress에서 WooCommerce 제품 페이지를 사용자 정의하는 이유는 무엇입니까?

    귀하의 WooCommerce 제품 페이지는 귀하의 온라인 매장. 문제는 기본 WooCommerce 제품 페이지가 전환에 최적화되어 있지 않다는 것입니다.

    사용자 지정하여 WooCommerce 제품 페이지에서 방문자를 훨씬 더 높은 비율로 고객으로 전환 할 고유 한 제품 랜딩 페이지를 만들 수 있습니다.

    즉, 추가 트래픽없이 매장에서 더 많은 수익을 올릴 수 있습니다.

    WooCommerce 제품 페이지 사용자 정의를 시작하기 전에 다음이 있는지 확인해야합니다. 가장 빠른 WooCommerce 호스팅 속도가 전환에 영향을 미치기 때문에 온라인 상점을 지원합니다.

    즉, 코드없이 WooCommerce 제품 페이지를 사용자 정의 할 수있는 방법을 살펴 보겠습니다.

    WordPress에서 WooCommerce 제품 페이지를 사용자 정의하는 방법

    SeedProd 이다 최고의 드래그 앤 드롭 페이지 빌더 백만 개 이상의 웹 사이트에서 사용됩니다. WooCommerce 제품 페이지를 쉽게 사용자 정의하고 매출을 높일 수 있습니다.

    먼저해야 할 일은 설치하고 활성화하는 것입니다. SeedProd 플러그인. 자세한 내용은 단계별 가이드를 참조하십시오. WordPress 플러그인 설치 방법.

    노트 : ~이있다 SeedProd 무료 버전 사용할 수 있지만이 자습서에서는 내장 WooCommerce 블록이 있으므로 Pro 버전을 보여줍니다.

    활성화되면 다음을 방문해야합니다. SeedProd»설정 라이센스 키를 입력하십시오.

    SeedProd 라이센스 키 입력

    이 정보는 SeedProd 웹 사이트의 계정에서 찾을 수 있습니다.

    다음으로 방문해야합니다 SeedProd»페이지 그런 다음 ‘새 방문 페이지 추가’를 클릭하십시오.

    새 SeedProd 랜딩 페이지 추가

    다음 화면에서 템플릿을 선택하라는 메시지가 표시됩니다. SeedProd에는 선택할 수있는 전문적으로 디자인 된 수십 개의 템플릿이 있습니다.

    전환율이 높은 WooCommerce 제품 페이지를 구축하고 있으므로 ‘판매’옵션을 선택한 다음 템플릿 중 하나를 선택하십시오.

    템플릿을 클릭하여 선택하십시오.

    SeedProd 페이지 템플릿 선택

    ‘Dinner Sales Page’템플릿을 사용하지만 원하는 템플릿을 선택할 수 있습니다.

    다음으로 페이지 이름을 지정하고 ‘페이지 저장 및 편집 시작’버튼을 클릭하라는 메시지가 표시됩니다.

    이름 WooCommerce 제품 페이지

    드래그 앤 드롭 페이지 빌더 인터페이스가 시작됩니다.

    선택한 템플릿의 실시간 미리보기가 표시되며, 여기에서 가리키고 클릭하여 페이지의 항목을 선택하고 편집 할 수 있습니다.

    SeedProd 페이지 편집기 화면

    왼쪽 열에는 제품 페이지에 추가 할 수있는 새 블록이 있습니다.

    다음으로이 페이지를 WooCommerce 제품 페이지와 비슷하게 만들기 위해 몇 가지 블록을 추가합니다.

    먼저 이미지를 클릭하고 제품 이미지로 바꿉니다. 이미지를 업로드하거나 미디어 라이브러리에서 하나를 선택합니다.

    제품 이미지 수정

    그런 다음 해당 항목을 클릭하고 페이지 편집기에서 직접 변경하여 제품 제목과 텍스트를 변경할 수 있습니다.

    왼쪽 메뉴를 사용하면 크기, 정렬 등을 변경할 수 있습니다.

    제품 제목 및 문구 변경

    마지막으로 표준 WooCommerce 제품 페이지와 마찬가지로 ‘장바구니에 추가’버튼을 추가합니다.

    ‘장바구니에 추가’WooCommerce 블록을 찾아 페이지로 드래그해야합니다.

    장바구니에 추가 버튼 삽입

    이제 WooCommerce 제품 페이지의 기본 사항을 갖추 었으므로 전환을 개선 할 항목을 추가하는 방법을 보여 드리겠습니다.

    먼저 제품 별점을 추가하여 고객에게 제품의 품질이 높다는 것을 보여 드리겠습니다.

    ‘별표 평점’블록을 끌어서 표시하려는 페이지 미리보기에 놓기 만하면됩니다.

    별표 등급 블록 추가

    별 수, 크기, 총 등급 수 등을 완벽하게 제어 할 수 있습니다.

    그 후 고객 추천 블록을 추가합니다. 제품 추천 글을 추가하면 사회적 증거와 제품 전환을 개선하는 데 도움이 될 수 있습니다.

    고객 평가를 수집하는 방법을 찾고 있다면 WordPress에 대한 최고의 평가 플러그인.

    회원 평가를 추가하려면 ‘회원 평가’블록을 표시하려는 페이지로 드래그하면됩니다.

    제품 추천 블록 추가

    회원 평가를 완전히 사용자 지정하고 이미지를 추가하고 평가 텍스트를 변경할 수 있습니다.

    회원 평가 항목을 클릭하면 왼쪽 메뉴의 모든 표시 옵션을 변경할 수 있습니다.

    여러 평가를 추가하려면 ‘평가 추가’버튼을 클릭하십시오. 이렇게하면 고객 후기의 순환 캐 러셀이 자동으로 생성됩니다.

    제품 추천 사용자 지정

    다음으로 아마존 상품 페이지의 질문 및 답변 섹션과 유사한 상품 FAQ 섹션을 추가 할 수 있습니다.

    ‘아코디언’블록을 클릭하여 페이지로 드래그 한 다음 항목을 클릭하면 왼쪽에 편집 화면이 나타납니다.

    FAQ 드롭 다운 아코디언 추가

    여기에서 다른 FAQ 드롭 다운을 추가하고 글꼴 크기, 색상 등을 변경할 수 있습니다.

    페이지 미리보기에서 직접 FAQ 텍스트를 변경할 수 있습니다.

    제품 FAQ 텍스트 사용자 지정

    위의 SeedProd WooCommerce 블록을 제품 페이지에 추가하면 전환을 개선하는 데 도움이됩니다.

    SeedProd에는 제품 페이지에 추가 할 수있는 몇 가지 추가 WooCommerce 블록이 있습니다.

    봄 선물 판매 또는 블랙 프라이데이 판매를 진행하는 경우 ‘카운트 다운’블록을 사용하여 긴급 성을 만들 수 있습니다.

    제품 카운트 다운 타이머

    ‘추천 상품’또는 ‘최고 평점 상품’블록을 사용하여 상점의 다른 상품을 강조 표시 할 수도 있습니다.

    추가 블록을 추가하려면 위와 동일한 단계를 따르십시오.

    WooCommerce 추천 제품 블록

    WooCommerce에 인기 제품을 추가하는 방법에 대한 자세한 내용은 다음 가이드를 참조하십시오. WooCommerce 제품 페이지에 인기 제품을 표시하는 방법.

    추가 블록을 사용하고 설정 메뉴를 조정하여 제품 페이지를 계속 사용자 지정할 수 있습니다.

    WooCommerce 제품 페이지 라이브 게시

    제품 페이지 맞춤 설정을 마쳤 으면 드롭 다운에서 ‘저장’을 클릭 한 다음 ‘게시’를 클릭하여 페이지를 활성화하십시오.

    제품 페이지를 사용자 정의하면 방문자를 구매자로 쉽게 전환 할 수 있습니다.

    맞춤형 WooCommerce 제품 페이지

    WooCommerce 제품 페이지 전환을 개선하는 방법 (2 가지 방법)

    WooCommerce 제품 페이지를 사용자 정의한 후 다음 동적 요소를 사용하여 상점 전환을 더욱 향상시킬 수 있습니다.

    WooCommerce에서 구매 활동 알림 추가

    첫 번째 방법은 소셜 증명 알림을 사용하여 방문자에게 다른 사람이 방금 구매했음을 알리는 것입니다. 이것은 단순히 전환을 개선하기 위해 FOMO를 사용합니다.

    WooCommerce에 사회적 증거를 추가하는 가장 좋은 방법은 TrustPulse. 그것은 중 하나입니다 최고의 WordPress 팝업 플러그인 시장에서 사회적 증명 앱.

    WooCommerce 사이트에서 실시간 구매 알림을 쉽게 표시 할 수 있습니다.

    TrustPulse 실시간 구매 알림

    자세한 내용은 다음 가이드를 참조하십시오. 전환율을 높이기 위해 WordPress 사이트에서 FOMO를 사용하는 방법.

    WooCommerce에서 개인화 된 마케팅 캠페인 만들기

    두 번째 방법은 동적 텍스트를 사용하여 방문자에게 맞춤형 마케팅 메시지를 표시 할 수 있습니다. 동적 텍스트를 사용하면 방문자의 이름, 위치 또는 요일을 표시 할 수 있습니다.

    이를 통해 적시에 적절한 사람들에게 개인화 된 메시지를 표시하여 참여율과 전환을 크게 향상시킬 수 있습니다.

    동적 텍스트를 추가하는 가장 좋은 방법은 OptinMonster. 최고의 팝업이고 이메일 캡처 도구 120 만 개 이상의 웹 사이트에서 사용하는 WordPress 용.

    OptinMonster WooCommerce

    첫째, 당신은 방문해야합니다 OptinMonster 웹 사이트 계정을 만듭니다. 스마트 태그로 동적 텍스트를 만들려면 최소한 Pro 수준의 계획이 필요합니다.

    다음으로, 당신은 설치하고 활성화해야합니다 OptinMonster 플러그인. 자세한 내용은 단계별 가이드를 참조하십시오. WordPress 플러그인 설치 방법.

    이 플러그인은 WordPress 웹 사이트 OptinMonster 앱에.

    활성화시 라이센스 키를 입력해야합니다. OptinMonster 웹 사이트의 계정에서이 정보를 찾을 수 있습니다.

    WordPress 대시 보드에서 OptinMonster»설정에서 ‘기존 계정 연결’을 클릭하고 계정 세부 정보를 입력하십시오.

    OptinMonster 계정 연결

    다음으로 OptinMonster를 WooCommerce와 연결하려고 할 것입니다.

    이렇게하면 캠페인을 맞춤 설정하는 데 사용할 수있는 추가 표시 규칙이 제공됩니다. 같은 페이지에서 ‘키 자동 생성 + WooCommerce 연결’을 클릭합니다.

    OptinMonster와 WooCommerce 연결

    OptinMonster에 연결 한 후 다음으로 이동하십시오. OptinMonster»캠페인 그런 다음 ‘새로 추가’버튼을 클릭합니다.

    OptinMonster 캠페인 작성 도구로 이동합니다.

    새로운 OptinMonster 캠페인 생성

    선택할 수있는 수십 개의 템플릿이 있습니다.

    WooCommerce 스마트 태그가있는 팝업을 만들 것입니다. 이렇게하려면 ‘팝업’캠페인 유형을 선택하고 템플릿 중 하나를 선택합니다.

    ‘Offer’템플릿을 선택하지만 원하는 템플릿을 선택할 수 있습니다.

    OptinMonster 템플릿 선택

    템플릿 위로 마우스를 가져간 다음 ‘템플릿 사용’을 클릭하십시오.

    캠페인 이름을 지정하고 ‘구축 시작’을 클릭하면 드래그 앤 드롭 캠페인 작성기로 이동합니다.

    OptinMonster 캠페인 편집기 화면

    항목을 클릭하고 왼쪽 메뉴에서 사용자 지정하여 팝업의 모든 부분을 사용자 지정할 수 있습니다.

    헤더에 동적 텍스트를 추가하여 오늘 날짜를 표시하고 방문자에게 당일 만 유효한 쿠폰을 제공합니다.

    먼저 텍스트 요소를 두 번 클릭하여 메뉴를 불러옵니다. 그런 다음 ‘스마트 태그’아이콘 ‘{}’을 클릭하여 사용 가능한 스마트 태그 드롭 다운 목록을 표시합니다.

    동적 스마트 태그 선택

    캠페인에 추가 할 스마트 태그를 클릭하기 만하면됩니다.

    스마트 태그는 동적으로 생성 된 텍스트를 사용하여 방문자에게 고유 한 사용자 지정 메시지를 제공합니다.

    동적 텍스트 팝업 저장

    팝업 사용자 정의를 마치면 ‘저장’을 클릭하십시오.

    그런 다음 ‘게시’탭을 클릭 한 다음 ‘게시’옵션을 선택하십시오.

    동적 텍스트 팝업 게시

    빌더를 종료하면 디스플레이 설정을 확인할 수있는 화면으로 이동합니다.

    팝업이 라이브인지 확인하려면 ‘표시 및 상태’메타 상자에서 상태를 ‘게시 됨’으로 변경 한 다음 ‘변경 사항 저장’을 클릭하십시오.

    WooCommerce 팝업 가시성 설정

    동적 텍스트가 포함 된 WooCommerce 팝업이 이제 WooCommerce 스토어에 표시됩니다.

    다양한 동적 텍스트 및 디스플레이 설정을 계속 테스트하여 어떤 캠페인이 최상의 결과를 가져 오는지 확인할 수 있습니다.

    OptinMontster 동적 텍스트 팝업

    이 기사가 코딩없이 WooCommerce 제품 페이지를 사용자 정의하는 데 도움이 되었기를 바랍니다. 우리의 가이드를보고 싶을 수도 있습니다. WooCommerce SEO 쉽게 만들었습니다. 전문가가 선택한 최고의 WooCommerce 플러그인 당신의 상점을 위해.

    이 기사가 마음에 들면 구독하십시오. 유튜브 채널 WordPress 비디오 자습서 용. 당신은 또한 우리를 찾을 수 있습니다 트위터페이스 북.

    Source link

    신고하기
  • 답변은 로그인 후 가능합니다.