カスタム購入ボタンの作成・設置方法｜Buy Button App

「Buy Button App」をインストールすると、購入ボタンのデザインをカスタマイズし、ブログ、ストアの HTML、外部 Web サイトなどに設置できます。複数のマーケティングチャネルに購入ボタンを設置することで、商品の購入につなげやすくなります。

Buy Button App をインストールして設定する

STEP 1. Buy Button App をインストールする

「SHOPLINE管理画面 ＞ 拡張機能ストア」を開き、「Buy Button App」を検索してインストールします。

インストール完了後、Buy Button App の設定ページを開き、ストアのアカウントでログインします。
 

STEP 2. 購入ボタンの対象商品を選択

ストアのアカウントにログインすると、「Select Product（商品を選択）」画面に自動的に移動します。

画面上部の検索欄に商品名を入力して検索するか、商品リストをスクロールし、購入ボタンを設置する商品を選択します。

ステップ 3

商品を選択したら、基本またはクラシックのレイアウトスタイルを選択します。

基本：

クラシック：

ステップ 4

ボタンスタイルをクリックして、レイアウト、テキスト、カラースキーム、フォントなど、ボタンの外観と内容を変更します。

ステップ 5

ウィンドウの上部にあるアイコンをクリックすることで、さまざまなデバイスでのBuy Buttonの見え方をプレビューできます。

ステップ 6

ページの下部にあるコードを取得！をクリックし、コードを直接コピーするか、コードをコピーをクリックしてクリップボードにコピーします。

ステップ 7

Buy Buttonのコードをコピーしたら、ボタンを追加したいチャネルのHTMLに貼り付けます。

Buy Buttonをクリックすると、顧客は商品用のストアフロントのチェックアウトページにリダイレクトされます。