참고:

Adobe Muse는 더 이상 새로운 기능을 추가하지 않으며 2020년 3월 26일 목요일에 지원이 중단됩니다. 자세한 정보 및 지원은 Adobe Muse 서비스 종료 페이지를 참조하십시오.

Adobe Muse에서는 Shopify Cart 위젯을 통해 물건을 판매할 수 있습니다. Shopify는 물건을 판매하도록 온라인 상점을 설정할 수 있는 전자 상거래 솔루션입니다. Shopify에서는 제품을 정리하고, 상품을 맞춤화하며, 신용카드 결제를 수락하고 주문을 처리하는 등 마우스 클릭 한 번으로 모든 기능을 구현할 수 있습니다.

Adobe Muse에서 Shopify 위젯을 구성하려면 먼저 Shopify 계정을 만들어야 합니다. Shopify 계정을 만든 후 이를 사용하여 웹 사이트에 상점을 구성하고 물건을 판매할 수 있습니다.

Shopify 위젯 다운로드

  1. [Get This Widget] 단추를 클릭합니다.

    Shopify 위젯이 기본 다운로드 폴더로 다운로드됩니다. 위젯을 다운로드하는 데 사용한 브라우저 및 컴퓨터의 운영 체제에 따라 다운로드 폴더가 다르게 구성됩니다.

쇼핑 카트 추가 및 구성

Shopify 단추를 추가하고 구성하려면 다음을 수행합니다.

참고:

Adobe Muse에서 Shopify 위젯을 구성하기 전에 먼저 Shopify 계정으로 상점을 만들고 제품을 정리해야 합니다.

  1. Adobe Muse에서 [창] > [라이브러리]를 선택하여 라이브러리 패널을 엽니다. 아직 작업을 수행하지 않은 경우 버튼을 클릭하고 Shopify 위젯을 가져옵니다.

    Shopify 위젯 다운로드에 대한 자세한 내용은 Shopify 위젯 다운로드를 참조하십시오.

  2. 라이브러리 패널에서 [Adobe Widgets] > [Shopify Widget]을 선택하고 웹 페이지 캔버스로 위젯을 끕니다.  

  3. Shopify 위젯을 선택하고 버튼을 클릭하여 옵션 패널을 표시합니다.

    ShopifyButton
  4. 옵션 패널에서 다음을 입력합니다.

    상점 이름

    상점 이름을 입력합니다. 예를 들어 상점 URL이 musewidgeits.shopify.com이면 musewidgets을 입력합니다.

    품목 이름

    제품 이름이 될 품목의 이름을 입력합니다.

    버튼 유형

    구매 버튼만 표시할 것인지 지정합니다.

    버튼 텍스트

    기본적으로 "지금 구매"로 표시되지만, 디자인 목적에 따라 이름을 바꿀 수도 있습니다.

    버튼 색상

    색상 피커를 사용하여 버튼 색상을 설정합니다.

    크기

    소형(230px) 또는 보통(450px) 크기로 표시하도록 버튼을 설정할 수 있습니다.

    사용자 이동 위치

    Shopify 버튼을 클릭했을 때 사이트 방문자가 이동하는 위치를 지정합니다.

  5. 마치려면 옵션 패널 바깥쪽을 클릭합니다. Adobe Muse에서 미리 보기 모드를 사용하거나 [파일] > [브라우저에서 페이지 미리 보기] 옵션을 선택하여 웹 페이지 또는 사이트를 미리 봅니다.

Shopify 버튼 추가 및 구성

Shopify 위젯을 추가하고 구성하려면 다음을 수행합니다.

참고:

Adobe Muse에서 Shopify 위젯을 구성하기 전에 먼저 Shopify 계정으로 상점을 만들고 제품을 정리해야 합니다.

  1. Adobe Muse에서 [창] > [라이브러리]를 선택하여 라이브러리 패널을 엽니다. 아직 작업을 수행하지 않은 경우 단추를 클릭하고 Shopify 위젯을 가져옵니다.

    Shopify 위젯 다운로드에 대한 자세한 내용은 Shopify 위젯 다운로드를 참조하십시오.

  2. 라이브러리 패널에서 [Adobe Widgets] > [Shopify 단추]를 선택하고 웹 페이지 캔버스로 Shopify 단추를 드래그합니다.  

  3. Shopify 단추를 선택하고 단추를 클릭하여 [옵션] 패널을 표시합니다.

    ShopifyButtonOptions
  4. 옵션 패널에서 다음을 입력합니다.

    Shopify 이름

    Shopify 상점 이름을 입력합니다. 예를 들어 상점 URL이 musewidgeits.shopify.com이면 musewidgets을 입력합니다.

    [Shopify 컬렉션 ID]

    Shopify 컬렉션의 ID를 제공합니다.

  5. 마치려면 옵션 패널 바깥쪽을 클릭합니다. Adobe Muse에서 미리 보기 모드를 사용하거나 [파일] > [브라우저에서 페이지 미리 보기] 옵션을 선택하여 웹 페이지 또는 사이트를 미리 봅니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책