Shopifyストアに追従カート・追従購入ボタンを追加するアプリについて徹底解説｜ご利用ガイド

はじめに

今回の記事は、Shopify アプリである「シンプル追従カート｜追従購入ボタン（Buy Button）」の解説記事です。

Shopify とは、ざっくり説明すると EC サイトを簡単に構築することができるプラットフォームであり、Shopify アプリとはそのプラットフォームの拡張機能のようなものです。WordPress の拡張機能のようなもの、とご認識頂いて大丈夫です。

「シンプル追従カート｜追従購入ボタン（Buy Button）」は、ストアにノーコードで追従カートを導入できるアプリです。

「シンプル追従カート｜追従購入ボタン（Buy Button）」を使用することで、ストアの利便性の向上が期待できます。

ご興味のある方は、以下の URL よりアプリのインストールを行ってください。

シンプル追従カート｜追従購入ボタン（Buy Button）

「シンプル追従カート｜追従購入ボタン（Buy Button）」でできること

Shopify アプリである、「シンプル追従カート｜追従購入ボタン（Buy Button）」は、以下のようにノーコードでブログデザインを自由にカスタマイズできます。

「シンプル追従カート｜追従購入ボタン（Buy Button）」は、ノーコードで追従カートを挿入できます。

「シンプル追従カート｜追従購入ボタン（Buy Button）」は、ノーコードで見た目をカスタマイズできます。

「シンプル追従カート｜追従購入ボタン（Buy Button）」では、追従カートを様々なデザインにカスタマイズできます。

「シンプル追従カート｜追従購入ボタン（Buy Button）」では、追従カートで選択されたバリアントや、数量をリアルタイムで反映できます。

アプリのインストール

それでは、実際にアプリのインストールを行なっていきましょう。

ストア管理画面左下の「設定」をクリックします。

ストアの管理画面の「アプリと販売チャネル」画面に表示されている「Shopify App Store」をクリックして、Shopify App Store に移動してください。

検索窓に、「シンプル追従カート｜追従購入ボタン（Buy Button）」と入力してください。以下の画像のアプリをクリックしてください。

「インストール」ボタンをクリックして、ストアにアプリを追加しましょう。マーチャント用のアカウント（実際に物販などで運用しているアカウント）ですと、月額 $9.99 でご利用いただけます。インストール後、7 日間は無料でご利用いただけます。

「インストール」ボタンをクリックすると以下の画面に遷移します。右下の「インストール」ボタンをクリックして、アプリのインストールを行いましょう。

以下の管理画面が表示されます。

アプリをテーマに追加

アプリをテーマに追加します。

自動でアプリをテーマに追加

管理画面の「設定」ページの「テーマに追従カートを追加」セクションでアプリをテーマに追加します。

追加したいテーマを選択し、「テーマに追加」ボタンをクリックしてください。

これでテーマにアプリを追加できます。
忘れないように、右上の「保存する」ボタンをクリックしてください。

手動でアプリをテーマに追加

手動でアプリをテーマに追加します。

管理画面の「設定」ページの「テーマに追従カートを追加」セクションから行います。

「テーマをプレビュー」ボタンをクリックしてください。

以下のようにに移動します。

以下の画像の左側にある埋め込みアプリアイコンをクリックしてください。

アプリを有効化してください。忘れないように「保存する」ボタンをクリックしましょう。

見た目のカスタマイズ

見た目のカスタマイズをします。
まず、下矢印ボタンをクリックして、カスタマイズ項目を表示しましょう。

以下の画像は編集できる箇所を表しています。

追従カート内の表示項目を設定できます。

ボタンの文言を設定できます。

ボタンのアニメーションの設定ができます。

完売時のボタンの文言の設定ができます。

クリック時のアクションの設定ができます。

数量ピッカーのタイトルを設定できます。

ボーダの表示・非表示を選べます。

表示スタイルを設定できます。

スマホ時のレイアウトを設定できます。

上下の余白を設定できます。

左右の余白を設定できます。

全体の背景色を設定できます。

ボーダーの色を設定できます。

商品名と価格の色を設定できます。

数量ピッカーとバリアントピッカーのタイトルの色を設定できます。

ボタンの色を設定できます。

終わりに

今回は、「シンプル追従カート｜追従購入ボタン（Buy Button）」の解説を行いました。

少しでも興味があれば、以下のリンクよりアプリをインストール頂けるとありがたいです。

シンプル追従カート｜追従購入ボタン（Buy Button）