カート追加ボタンデザインの基本ガイド

商品詳細ページに明確な呼びかけを提供することで、販売を増やすカート追加ボタンデザインアプリ。このアプリは、モバイルとデスクトップの両方で機能し、標準の購入ボタン（「カートに追加」、「今すぐ購入」、PayPalなど）がないページでも使用できます。

このガイドでは、アプリのインストールと有効化、ボタンの設定、最適なパフォーマンスを提供するためのガイダンスについて説明します。

アプリのインストールと機能の有効化

このアプリを使用するには、次の手順に従ってください:

1. SHOPLINE管理パネルから、アプリ > カート追加ボタンデザインに移動します。まだインストールしていない場合は、アプリをインストールします。
2. 有効スイッチをオンに切り替えて、製品詳細ページに浮動するカートに追加ボタンを有効にします。
   

カートに追加ボタンのカスタマイズ

ボタンをカスタマイズする際は、以下の設定を調整します:

• ボタンタイプ
  • カートに追加ボタン: このオプションは商品をショッピングカートに追加します。
  • チェックアウトボタン: このオプションは、ユーザーを製品のチェックアウトページに直接案内します。

• ボタンテキスト: ボタンに表示されるテキストを指定します。これはボタンの機能に影響しません。
• 表示色: デフォルト、テーマに合わせた、またはカスタム設定からボタン、テキスト、セレクタの色を決定します。
• スタイル設定: モバイルとデスクトップの表示に異なるスタイルを適用して、ビジネス要件に合わせます。

ボタン体験の最適化

ストアのブランドに合わせたボタンスタイルのカスタマイズ

SHOPLINEのカートに追加ボタンは、ユーザーがアイテムを追加してチェックアウトに進む便利な方法を提供します。カスタマイズ可能なオプションを使用して、ストアのスタイルに合わせてカートに追加/購入ボタンをカスタマイズできます。

• ボタンタイプ: 「カートに追加」または「チェックアウト」ボタンのいずれかを選択して、ユーザーがクリックした後にショッピングカートまたはチェックアウトページに移動するかを決定します。
• ボタンテキスト: テキストをカスタマイズしてストアのニーズに合わせるか、ボタンタイプに基づいてデフォルトを使用します。
• カラー設定: 必要に応じてボタンの背景色とテキスト色を調整します。

コンポーネントスタイル設定: 多様な業界ニーズに対応

コンポーネントスタイルをカスタマイズして、特定のニーズに合わせる。

• 表示位置: モバイルデバイスでは、デフォルトでボタンがページの下部に配置されます。デスクトップでは、ページの上部または下部に配置できます。
• パネルスタイル: SHOPLINEは、モバイルおよびデスクトップインターフェース用に3つのデフォルトスタイルを提供しています。以下を含みます:
  

• • アクションを起こすボタンのみ
  • ユーザー向けの商品バリエーションと数量選択
  • 商品の定価や割引価格などの商品関連情報