웹사이트 위젯

Product Catalog Widget

수동 제품, Shopify 제품 피드 또는 CSV를 사용하여 모든 웹사이트에 삽입 가능한 제품 카탈로그를 만드세요. 이미지, 가격, 공급업체, 제품 유형, 태그 및 제품 페이지 버튼을 표시한 다음, 코드 없이 검색, 필터, 정렬 및 반응형 레이아웃을 추가하세요.

Product Catalog 위젯을 생성하는 방법

Add your products

제품 추가

수동으로 제품을 추가하거나, Shopify 제품 피드를 연결하거나, 제목, 설명, 가격, 이미지 URL, 제품 링크, 공급업체, 유형 및 태그가 포함된 CSV를 업로드하세요.

Customize your catalog

카탈로그 맞춤 설정하기

표시할 제품 세부 정보를 결정하고, 검색, 필터 및 더 보기 컨트롤을 켜거나 끄고, 기본 정렬을 설정하고, 캐러셀, 그리드 또는 목록 레이아웃을 선택하세요.

Embed it on your website

웹사이트에 삽입하기

제품 카탈로그를 미리 보고, 위젯을 저장한 다음, 페이지에 생성된 삽입 코드를 복사하세요.

제품 데이터를 방문자가 찾아볼 수 있는 카탈로그로 변환하세요

여러 소스에서 제품 추가하기

Shopify 스토어를 선택하거나, CSV 파일을 업로드하거나, 수동으로 제품을 추가하세요. 이미지, 제목, 가격, 공급업체, 카테고리, 태그 및 링크가 포함된 맞춤 설정 가능한 카탈로그 카드에 최대 80개의 제품을 표시하세요.

Add your products from multiple sources

제품 카탈로그 가져오기

동일한 제품 필드를 사용하여 Shopify 제품 피드 외부에 더 작은 선택 항목, 도매 목록, 파트너 카탈로그 또는 제품 세트를 표시하려는 경우 CSV를 업로드하세요.

Import your product catalog

방문자가 올바른 제품을 찾도록 도와주세요

방문자가 제품 이름, 설명, 공급업체, 유형 및 태그를 검색하고, 유형, 공급업체 또는 태그별로 필터링하며, 제목 또는 가격 순으로 찾아볼 수 있도록 하세요.

Help visitors find the right product

페이지에 맞는 카탈로그 디자인하기

캐러셀, 그리드 또는 목록 레이아웃을 선택한 다음 너비, 열, 이미지 비율, 카드 반경, 텍스트 정렬, 색상, 버튼, 모바일 가시성 및 범위가 지정된 사용자 지정 CSS를 조정하여 제품 카탈로그를 만드세요.

Design a catalog that fits your page

WordPress에 Product Catalog 삽입하기

1Get your embed code

After customizing your Jform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jform website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

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

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

코딩 없이 위젯 삽입하기

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

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

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

필요할 때 지원 받기

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

제품 카탈로그 위젯 사용처

방문자가 일치하는 제품 페이지를 열기 전에 제품을 비교해야 하는 곳이라면 어디에든 집중된 제품 카탈로그를 삽입하세요.

캠페인 랜딩 페이지에서 신상품, 시즌 제품 또는 엄선된 제품 세트를 소개하세요.

블로그 게시물 및 구매 가이드에서 추천 상품과 직접적인 제품 링크를 연결하세요.

브랜드 웹사이트에서 전체 스토어를 다시 구축하지 않고도 선택한 제품을 보여주세요.

도매 또는 카탈로그 페이지에서 업로드된 CSV 데이터를 기반으로 제품 라인을 구성하세요.

이벤트 및 팝업 스토어 페이지에서 제한된 캠페인 기간 동안 제공되는 아이템을 미리 보여주세요.

파트너 페이지에서 각 제품 페이지를 여는 버튼과 함께 공유 제품 목록을 홍보하세요.

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

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

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

자주하는 질문

  • 제품 카탈로그 위젯이란 무엇인가요?

    수동 항목, Shopify 제품 피드 또는 업로드된 CSV의 제품을 웹 페이지에 삽입할 수 있는 검색 및 필터링 가능한 카탈로그로 표시하는 웹사이트 위젯입니다.

  • Shopify 제품 소스는 어떻게 작동하나요?

  • 어떤 Shopify 제품 피드를 사용해야 하나요?

  • 수동으로 제품을 추가할 수 있나요?

  • Shopify 앱이나 API 키가 필요한가요?

  • 몇 개의 제품을 표시할 수 있나요?

  • 방문자가 위젯 내에서 제품을 구매할 수 있나요?

  • Can I customize the layout?

  • 색상과 스타일을 맞춤 설정할 수 있나요?

  • Does it work on mobile?