사이드바 숏코드의 기능은 기능 확인용 샘플 페이지의 Purchase ⟩ 버튼을 클릭하시면 확인하실 수 있습니다.
숏코드 예시 #
아래와 같은 숏코드를 추가하여 원하시는 위치에 상품 구매용 사이드바 버튼을 추가할 수 있습니다.
이후 버튼을 클릭하면 숏코드로 지정한 상품들이 보여지게되며, 해당 상품들을 선택하여 결제를 진행할 수 있습니다.
[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"]
숏코드 #
[msdsp_purchase]
파라미터 #
template
– 템플릿 타입을 작성합니다. 타입은 type-a, type-b, type-c가 있으며, 기본 값은 type-a입니다.
예시 :
template="type-b"
theme
– 템플릿 색상을 작성합니다. 색상은 default, red, green, yellow, gray, orange, black 이 있으며, 기본 값은 default입니다.
예시 :
theme="black"
button_label
– 구매하기 버튼(사이드바 버튼)의 이름를 지정합니다. 기본 값은 구매하기입니다.
예시 :
button_label="바로 구매하기"
title
– 사이드바의 제목을 지정합니다.
예시 :
title="추천 상품"
item_selector_header
– 사이드바의 설명을 지정합니다.
예시 :
item_selector_header="원하시는 상품을 선택해주세요."
tab_count
– 탭의 개수를 지정합니다. 기본 값은 1입니다.
예시 :
tab_count="2"
tab_title_n
– n번째 탭의 제목를 지정합니다.
예시 :
tab_title_1="A 상품" tab_title_2="B 상품"
tab_product_ids_n
– n번째 탭에 추가할 상품 아이디를 지정합니다. 옵션상품의 경우 옵션 아이디값을 입력해주셔야 합니다.
상품이 여러개인 경우엔 쉼표(,)로 구분하여 작성합니다.예시 :
tab_product_ids_1="1234,3333,3322" tab_product_ids_2="1235,5555,5678"
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="month"
billing_intervals
– billing_period 파라미터와 같이 사용하는 파라미터로, billing_period에서 지정한 갱신 주기의 옵션을 지정합니다.
예시 :
billing_intervals="1,2,3"
예를 들어 billing_period를 month로, billing_intervals를 1,2,3으로 지정한 경우 매달 결제, 2개월마다 결제, 3개월 마다 결제와 같은 옵션을 생성할 수 있습니다.
additional_sales_items
– 추가 구매가 가능한 상품을 등록하고 싶을 때 이용합니다. 상품의 아이디를 입력하며, 상품이 여러개인 경우 쉼표(,)로 구분하여 작성합니다.
예시 :
additional_sales_items="1234,1236,1250"
템플릿 #
TYPE-A
TYPE-B
TYPE-C
템플릿 색상 샘플 #
● | ● | ● | ● | ● | ● | ● |
default | red | green | yellow | gray | orange | black |