사이드바

1. 숏코드 사용방법 기능 확인하기 – Purchase ⟩ 버튼 클릭

DIY 구독 상품 – 사이드바 (Side-bar) 숏코드입니다.
페이지 또는 상품 상세페이지 등 원하는 페이지에 구매하기 버튼을 표시해줍니다.
버튼 클릭 시, 숏코드에 지정한 상품들이 보여지며 고객은 상품을 선택 후 구입할 수 있습니다.

숏코드

• [msdsp_purchase]

파라미터

• template – 템플릿 타입을 작성합니다. 타입은 type-a, type-b, type-c 가 있으며, 기본 값은 “type-a”입니다.
  ➔ 예시 : template=”type-a”
• theme – 템플릿 색상을 작성합니다. 색상은 default, red, green, yellow, gray, orange, black 이 있으며, 기본 값은 “default”입니다.
  ➔ 예시 : theme=”default”
• button_label – 구매하기 버튼 이름을 작성합니다. 기본 값은 “구매하기”입니다.
  ➔ 예시 : button_label=”A 상품 선택하기”
• title – 구매하기 제목을 작성합니다.
  ➔ 예시 : title=”코드엠 추천 세트”
• item_selector_header – 구매하기 설명을 작성합니다.
  ➔ 예시 : item_selector_header=”정기배송 방식을 선택해 주세요.”
• tab_count – 탭의 개수를 지정합니다. 기본 값은 “1”입니다.
  ➔ 예시 : tab_count=”2″
• tab_title_n – n 번째 탭의 제목을 작성합니다.
  ➔ 예시 : tab_title_1=”A 비타민(1개월마다)” tab_title_2=”B 비타민(2개월마다)”
• tab_product_ids_n – n 번째 탭에 넣을 상품 아이디를 작성합니다. 옵션상품인 경우, 옵션 아이디 값을 넣어주셔야 합니다.
  상품이 여러 개일 경우, 쉼표(,)로 구분하여 작성합니다.
  ➔ 예시 : tab_product_ids_1=”1234,5678,5598,5656″ tab_product_ids_2=”1235,5679,5599,5657″
• tab_selection_n – 해당 파라미터를 추가할 경우, n 번째 탭에 등록된 상품을 여러 개 선택하여 구매할 수 있습니다. 값에 item을 입력합니다.
  ➔ 예시 : tab_selection_1=”item”
• purchase_action – 해당 파라미터를 추가할 경우, 결제하기 버튼이 장바구니 버튼으로 변경됩니다. 값에 add-to-cart을 입력합니다.
  ➔ 예시 : purchase_action=”add-to-cart”

• billing_period – 해당 파라미터를 추가할 경우, 정기결제 기간(매월,매주 등)을 선택하는 창이 추가로 나옵니다. day, week, month, year 등 기간을 작성합니다.
  ➔ 예시 : billing_period=”week”
• billing_intervals – 해당 파라미터는 billing_period 파라미터가 있어야 하며, 정기결제 n 번째 기간(매월마다, 2개월마다, 5개월마다 등)을 지정합니다.
  ➔ 예시 : billing_intervals=”1,2,3″

• ---

• additional_sales_items – 해당 파라미터를 추가할 경우, 고객이 지정된 추가 상품을 선택하는 창이 추가로 나옵니다. 추가 상품에 넣을 상품 아이디를 작성합니다. 상품이 여러 개일 경우, 쉼표(,)로 구분하여 작성합니다.
  ➔ 예시 : additional_sales_items=”9121,9113″

숏코드 예시

• [msdsp_purchase template="type-c" theme="red" button_label="Purchase ⟩" title="코드엠 천연 비누" item_selector_header="정성을 담아 만든 천연 비누입니다 ♥" tab_count="2" tab_title_1="신상품" tab_title_2="인기상품" tab_product_ids_1="111,222,333" tab_product_ids_2="444,555,666" tab_selection_1="item" tab_selection_2="item" billing_period="month" billing_intervals="1,2,3" additional_sales_items="777,888"]

2. 템플릿 타입

3. 템플릿 색상