デザイン管理

購入ボタンタグ

ショッピングページに購入ボタンを設定していただくための購入ボタンタグを出力します。
購入ボタンタグを設定していただくとショッピングページとカートの連携は完了となります。

購入ボタンの設定

①画面左のメニューバーより > 【デザイン管理】 > 【購入ボタンタグ】をクリックします。

 

購入ボタンの設定

②購入ボタンタグを取得したい対象の商品を検索します。

③対象の商品の「タグを取得」をクリックします。

 

購入ボタンの設定

④「コピー」ボタンをクリックします。

⑤購入ボタンを表示させたいHTMLファイルに貼り付けますと購入ボタンが表示されます。

 

左記が実際の購入ボタンの表示例です。

 

購入ボタンタグの編集方法

購入ボタンタグを編集することで個数とプルダウンの表示を失くし、購入ボタンのみを表示させることが可能です。

編集方法は以下の通りです。

①購入ボタンタグをコピーします。②無色:購入ボタンタグのデフォルトのHTMLです。編集の必要はありません。

③黄色:<input type="hidden" name="quantity" id="quantity" value="1">を指定の位置に挿入します。

④灰色:購入ボタンタグのデフォルトのHTMLから削除します。
※「購入」の部分を編集することで購入ボタンに表示する文言の設定や画像の挿入をすることができます。

 

購入ボタンタグの編集方法

左記が編集を完了した購入ボタンタグです。

 

購入ボタンタグの編集方法

左記が編集した購入ボタンタグの実際の表示例です。

※その他のHTMLファイルの修正方法については制作会社様等にご確認ください。誤った修正をされますと、カートへの連携がうまくできない場合がございます。購入ボタンタグのHTMLを修正いただいた際は、必ずカートに商品が正しく入るかをご確認ください。

 

2つの商品をかごに入れる購入ボタンの設定

頒布会コースと単品商品の組み合わせであれば、2つの商品を同時にかごに入れる
購入ボタンの設定が可能でございます。

<設定例>

・頒布会コード(メイン商品)の商品ID:●●●

・単品商品コード(+1商品)の商品ID:▲▲▲

【変更前】

①の商品<form action=”https://ドメイン/api/cart_item.html” class=”bot_open” method=”post”>
<input type=”hidden” name=”id” id=”id” value=”●●●” />
<input type=”hidden” name=”cart_item_type” id=”cart_item_type” value=”distribution_course” />
<input type=”hidden” name=”quantity” id=”quantity” value=”1″>
<button name=”button” type=”submit” class=”btn btn-primary”>*購入ボタンタグ名*</button> </form>
②の商品<form action=”https://ドメイン/api/cart_item.html” class=”bot_open” method=”post”>
<input type=”hidden” name=”id” id=”id” value=”▲▲▲” />
<input type=”hidden” name=”cart_item_type” id=”cart_item_type” value=”single_product” />
<input type=”hidden” name=”quantity” id=”quantity” value=”1″>
<button name=”button” type=”submit” class=”btn btn-primary”>*購入ボタンタグ名*</button> </form>

【変更後】

※2つの商品の購入ボタンタグを組み合わせたタグ
<form action=”https://*カートのドメイン*/api/cart_item.html” class=”bot_open” method=”post”>
<input type=”hidden” name=”is_multiple_item” id=”is_multiple_item” value=”true” />
<input type=”hidden” name=”items[0]id” id=”items_id” value=”●●●” />
<input type=”hidden” name=”items[0]cart_item_type” id=”items_cart_item_type” value=”distribution_course” />
<input type=”hidden” name=”items[0]quantity” id=”items_quantity” value=”1″>
<input type=”hidden” name=”items[1]id” id=”items_id” value=”▲▲▲” />
<input type=”hidden” name=”items[1]cart_item_type” id=”items_cart_item_type” value=”single_product” />
<input type=”hidden” name=”items[1]quantity” id=”items_quantity” value=”1″>
<button name=”button” type=”submit” class=”btn btn-primary”>*購入ボタンタグ名*</button></form>

    この投稿は役に立ちましたか? 役に立った 役に立たなかった 13 人中 4 人がこの 投稿 は役に立ったと言っています。