「カゴに入れる」ボタンの設定変更は行えますか?

No:6006

  • ビジネスプラン+エキスパートプラン
  • スタンダードプラン
  • ベーシックプラン

最終更新日: 2019/08/29

ベーシックプランスタンダードプラン

「カゴに入れる」ボタンHTMLソースの設定変更について案内いたします。
「カゴに入れる」ボタンを画像に変更する方法法は以下をご覧ください。
「カゴに入れる」ボタンを画像に変更することは可能ですか?

3ステップカートご利用の場合の設定

3ステップカートご利用時の設定変更は、商品一覧の右端「カゴ」ボタンをクリックし遷移したページの「3ステップ」タブで行います

3ステップカート用カゴに入れるボタン取得画面

商品管理 > 商品左「カゴ」ボタン > 「3ステップ」タブ画面

商品管理 > 商品右「カゴ」ボタン > 「3ステップ」タブ画面各設定を編集し最下部の「更新」ボタンをクリックするとHTMLソース欄に出力されるHTMLソースが更新されます。

各設定について

文字コード
HTMLソースの文字コードを指定する設定です。用意のある文字コードは「Shift-JIS/EUC-JP/UTF-8」です。設置するネットショップの文字コードに合わせてご利用ください。
ボタンの色
表示されるボタン色の設定です。
(ブラウザ標準、白、黒、青、緑、オレンジ、赤、黄、黄2、茶、紫)から選択可能です。ボタン上の文字はボタンの色に合わせて自動で変更となります。
「お問い合わせボタン」の表示
「カゴに入れるボタン」下部に「商品に関するお問い合わせ」ボタンを配置する設定です。
設定が有効になっている際のカゴソースを貼り付けたショッピングページでは、「商品に関するお問い合わせ」が表示され、そのボタンをクリックすると商品専用の問い合わせフォームが開きます。
数量指定
「カゴに入れる」ボタン横の数量指定箇所の表示についての設定です。
テキストフォーム・セレクター・無し、から選択します。
セレクターの場合は、選択肢の指定が可能です。
無しの場合は、「カゴに入れる」ボタンクリック時には1個の商品がショッピングカートに追加されます。
※シンクロカゴではテキストフォーム固定でありその他指定を行うことはできません。

ゼロステップカートご利用の場合の設定

ゼロステップカートご利用時の設定変更は、商品一覧の右端「カゴ」ボタンをクリックし遷移したページの「ゼロステップ」タブで行います。

ゼロステップカート用カゴに入れるボタン設定画面

商品管理 > 商品右「カゴ」ボタン > 「ゼロステップ」タブ画面

各設定について

文字コード
HTMLソースの文字コードを指定する設定です。用意のある文字コードは「Shift-JIS/EUC-JP/UTF-8」です。設置するネットショップの文字コードに合わせてご利用ください。
ボタンの色
表示されるボタン色の設定です。
(グレー、白、黒、青、緑、オレンジ、赤、黄、黄2、茶、紫)から選択可能です。ボタン上の文字はボタンの色に合わせて自動で変更となります。
「お問い合わせボタン」の表示
「カゴに入れるボタン」下部に「商品に関するお問い合わせ」ボタンを配置する設定です。
設定が有効になっている際のカゴソースを貼り付けたショッピングページでは、「商品に関するお問い合わせ」が表示され、そのボタンをクリックすると商品専用の問い合わせフォームが開きます。
数量指定
「カゴに入れる」ボタン横の数量指定箇所の表示についての設定です。
テキストフォーム・セレクター・無し、から選択します。
セレクターの場合は、選択肢の指定が可能です。
無しの場合は、「カゴに入れる」ボタンクリック時には1個の商品がショッピングカートに追加されます。

ビジネスプラン+エキスパートプラン

PCサイト(パソコン向けショッピングページ)用の設定

PCサイト用の設定変更は「ページ自動生成タブ」 > 左メニュー「PC設定」 > デザインパターンの「編集」 > テンプレート選択下の「詳細設定(背景色等が変更可能です)」にチェックを入れた画面で行います。

ページ自動生成機能でのカゴに入れるボタン変更「ページ自動生成タブ」 > 左メニュー「PC設定」 > デザインパターンの「編集」 > テンプレート選択下の「詳細設定(背景色等が変更可能です)」色を指定して「変更する」ボタンをクリックすることで、色が反映されます。

上記設定の場合は以下の様な表示となります。

image

ページ自動生成機能では、スマートフォンサイトの設定変更は用意がございません。

カゴタイプ設定(3ステップカート→ゼロステップカートへの切替)

自動生成ページで利用するカゴタイプ(3ステップカート/ゼロステップカート)の設定変更は、「ページ自動生成タブ」>左メニュー「基本設定」>「商品設定タブ」>「カゴタイプ設定」にて行います。

ページ自動生成機能でのカゴタイプ変更

ゼロステップカートは、定期購入に非対応ですので、定期購入専用商品の商品詳細ページでは、3ステップカートの「カゴに入れる」ボタンだけが表示されます。