웹사이트 위젯

웹사이트용 제품 카드 위젯

특가 상품, 출시, 선물 가이드 및 추천 컬렉션을 위한 반응형 제품 카드 그리드를 만드세요. 제품 이미지, 이름, 설명, 가격, 이전 가격, 프로모션 배지 및 CTA 버튼을 추가한 다음 코드 없이 카드의 스타일을 지정하세요.

제품 카드 위젯을 생성하는 방법

Add product cards

제품 카드 추가

최대 6개 제품에 대한 제품 이름, 이미지, 설명, 가격, 이전 가격, 프로모션 배지, CTA 텍스트 및 제품 링크를 입력하세요.

Customize the layout

레이아웃 사용자 지정

그리드 또는 캐러셀 모드를 선택하고, 데스크톱 열을 설정하고, 이미지 비율 및 간격을 조정하고, 데스크톱 또는 모바일 가시성을 제어하세요.

Embed it on your website

웹사이트에 삽입하기

제품 카드를 미리 보고, 위젯을 저장하고, 스토어, 랜딩 페이지 또는 블로그에 대해 생성된 삽입 코드를 복사하세요.

선택한 제품을 깔끔하고 클릭 가능한 카드 섹션으로 전환

최대 6개 제품 큐레이션

이미지, 제품 URL, 가격, 이전 가격, 설명 및 배지를 사용하여 집중적인 제품 세트를 수동으로 구축하세요. 세일 품목, 베스트셀러, 신상품, 번들 및 캠페인 컬렉션에 사용하세요.

Curate up to six products

모든 카드 세부 정보 스타일 지정

밝은 모드 또는 어두운 모드를 선택하고, 배경, 텍스트, 배지, 가격, 테두리 및 버튼 색상을 업데이트하고, 카드 및 이미지 반경을 조정하고, 그림자를 추가하고, 추가 제어가 필요할 때 범위가 지정된 사용자 지정 CSS를 사용하세요.

Style every card detail

모든 기기에 맞게 레이아웃 조정

그리드 열, 카드 간격, 이미지 비율, 위젯 너비, 데스크톱 가시성 및 모바일 가시성을 설정하여 휴대폰, 태블릿 및 넓은 스토어프런트 페이지에서 제품 카드를 읽을 수 있도록 유지하세요.

Adapt the layout for every device

쇼핑객을 제품 페이지로 보내기

각 카드는 CTA 버튼을 표시하고 새 탭에서 제품 링크를 열 수 있어 방문자가 캠페인, 가이드 또는 페이지 섹션에서 원하는 항목으로 이동할 수 있도록 도와줍니다.

Send shoppers to product pages

WordPress에 제품 카드을 삽입하는 방법

1삽입 코드 가져오기

Jform 웹사이트 위젯을 맞춤 설정한 후, 웹사이트에서 무료로 사용해 보기를 클릭하고 생성된 삽입 코드를 복사하세요.

2페이지 편집기 열기

위젯을 표시할 WordPress 게시물이나 페이지로 이동한 다음 새 블록을 추가하세요.

3사용자 지정 HTML 블록 추가

사용자 지정 HTML을 선택하고 HTML 필드에 Jform 웹사이트 위젯 삽입 코드를 붙여넣으세요.

4업데이트 및 보기

업데이트 또는 게시를 클릭한 다음, 페이지를 열어 삽입된 위젯을 확인하세요.

Jform 웹사이트 위젯이 돋보이는 이유

Jform의 위젯은 웹사이트를 더욱 상호작용형으로 만들고 전환율을 높입니다. 별점 평가 및 추천 슬라이더부터 소셜 증명 팝업 및 미디어 삽입에 이르기까지 다양한 도구를 사용할 수 있습니다. 양식이나 랜딩 페이지에 위젯을 추가하여 데이터 수집을 하고, 증명을 표시하고, 리드를 확보하세요. 코딩이 필요하지 않습니다.

코딩 없이 위젯 삽입하기

간단한 삽입 코드로 웹사이트에 Jform 위젯을 추가하세요. 위젯을 맞춤 설정하고, 모양을 미리 본 다음, 사용자 지정 HTML 또는 삽입 블록을 지원하는 모든 페이지에 붙여넣으세요. 개발자 없이도 가능합니다.

더욱 상호작용형인 페이지 만들기

Jform 웹사이트 위젯을 사용하여 리드를 수집하거나, 고객 피드백을 보여주거나, 소셜 증명을 표시하거나, 미디어를 삽입하거나, 유용한 웹 페이지 도구를 추가하세요. 각 위젯은 방문자가 웹사이트에서 직접 비즈니스와 상호 작용하도록 돕습니다.

필요할 때 지원 받기

위젯 설정, 맞춤 설정, 삽입 또는 문제 해결에 도움이 필요한 경우 Jform 고객 지원 팀이 연중무휴로 대기하고 있습니다. 필요할 때 도움을 받을 수 있다는 확신을 가지고 앞으로 나아갈 수 있습니다.

제품 카드 위젯 사용처

방문자가 항목을 비교하거나 제품 페이지로 더 빠르게 이동하는 데 도움이 되는 간결하고 시각적인 제품 세트가 있는 곳이라면 어디에서나 위젯을 사용하세요.

신상품, 추천 제품 또는 현재 할인을 강조하는 홈페이지 섹션.

직접 제품 링크가 있는 단기 세일 컬렉션이나 출시 라인업을 제공하는 캠페인 랜딩 페이지.

에디토리얼 콘텐츠와 방문자가 구매할 수 있는 관련 제품을 연결하는 선물 가이드 및 블로그 게시물.

베스트셀러, 번들, 액세서리 또는 기간 한정 혜택을 강조하는 컬렉션 페이지.

맞춤형 프런트엔드 개발 없이 제품 카드 그리드가 필요한 소규모 비즈니스 스토어프런트.

프로모션 배지와 이전 가격을 통해 쇼핑객이 혜택을 빠르게 확인할 수 있는 시즌 프로모션.

Jform 양식 빌더로 리드를 유료 고객으로 전환하세요

Jform으로 참여를 행동으로 전환하세요. 리드를 확보하고, 결제를 수집하고, 응답을 자동화하는 강력한 양식을 한 곳에서 모두 만드세요. 모든 제출물은 Jform 받은 편지함에 도착하며, 여기에서 후속 조치를 취하거나 즐겨 사용하는 앱과 연결할 수 있습니다.

시작하기 — 무료입니다!
Convert leads into customers

자주하는 질문

  • 제품 카드 위젯이란 무엇인가요?

    제품 카드 위젯은 이미지, 설명, 가격, 이전 가격, 배지 및 링크와 함께 선택한 제품을 보여주는 반응형 카드 섹션입니다.

  • 제품 카드를 몇 개까지 표시할 수 있나요?

  • 디자인을 맞춤 설정할 수 있나요?

  • 각 제품을 제품 페이지로 연결할 수 있나요?

  • 그리드 및 캐러셀로 작동하나요?

  • 모바일에서도 사용할 수 있나요?

  • 이 위젯은 제품 페이지를 자동으로 스캔하나요?

  • 코드를 작성해야 하나요?