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

株式会社UnReactのアイコン
株式会社UnReact

はじめに

今回の記事は、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)」では、追従カートを様々なデザインにカスタマイズできます。

様々なデザインにカスタマイズできる!

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

バリアントや数量ピッカーをリアルタイムで反映できる!

アプリのインストール

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

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

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

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

アプリと販売チャネルの「Shopify App Store」をクリック

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

「シンプル追従カート|追従購入ボタン(Buy Button)」と入力

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

「インストール」ボタンをクリック

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

アプリのインストール

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

管理画面の表示

アプリをテーマに追加

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

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

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

テーマに追従カートを追加

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

「テーマに追加」ボタンをクリック

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

「保存する」ボタンをクリック

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

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

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

テーマに追従カートを追加

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

「テーマをプレビュー」ボタンをクリック

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

商品ページ

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

埋め込みアプリアイコンをクリック

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

アプリを有効化、「保存する」ボタンをクリック

見た目のカスタマイズ

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

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

下矢印ボタンをクリック

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

表示項目の設定

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

ボタンの文言の設定

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

ボタンのアニメーションの設定

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

完売時のボタンの文言の設定

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

クリック時のアクションの設定

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

数量のタイトル

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

ボーダを表示する

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

表示スタイル

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

スマホ時のレイアウト

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

上下余白

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

左右余白

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

全体の背景

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

ボーダーの色

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

商品名と価格の色

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

数量ピッカーとバリアントピッカーのタイトルの色

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

ボタンの色

終わりに

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

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

シンプル追従カート|追従購入ボタン(Buy Button)

シンプル追従カート|追従購入ボタン(Buy Button)

recommendおすすめ記事

シンプルブログタグ絞り込み|お手軽タグ一覧挿入のアイコン
アプリ解説

Shopifyでタグによるブログの絞り込みができるアプリについて徹底解説|ご利用ガイド

シンプル会員商品割引|お手軽ログイン商品セール設定のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員商品割引ができるアプリについて徹底解説|ご利用ガイド

シンプルボリュームディスカウント|お手軽まとめ買い割引のアイコン
アプリ解説

Shopifyで商品毎にボリュームディスカウント(まとめ買い割引)を実現できるアプリについて徹底解説|ご利用ガイド

シンプルノベルティ|お手軽ギフト特典のアイコン
アプリ解説

Shopifyで条件を満たす注文にノベルティ商品を自動で付与できるアプリについて徹底解説|ご利用ガイド

シンプル期間限定セール|お手軽バーゲンセールのアイコン
アプリ解説

Shopifyでストア内の全商品に対する期間限定セールを簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプルおひとり様一点限りの購入制限設定のアイコン
アプリ解説

Shopifyで商品毎におひとり様一点限りの購入制限設定ができるアプリについて徹底解説|ご利用ガイド

シンプルVIP会員商品割引|お手軽VIP商品セール設定のアイコン
アプリ解説

ShopifyでVIP顧客の商品割引が実現できるアプリについて徹底解説|ご利用ガイド

シンプル決済カスタマイズ|お手軽条件ごとの決済方法のアイコン
アプリ解説

Shopifyで指定した条件下で特定の決済方法を非表示にできるアプリについて徹底解説|ご利用ガイド

シンプル配送カスタマイズ|お手軽条件ごとの配送方法のアイコン
アプリ解説

Shopifyで指定した条件に応じて特定の配送方法を非表示にできるアプリについて徹底解説|ご利用ガイド

シンプルクラウドファンディング|お手軽自社クラファンのアイコン
アプリ解説

Shopifyで商品ごとのクラウドファンディングを実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員初回注文割引|お手軽初回ログインセール設定のアイコン
アプリ解説

Shopifyでアカウント作成後の初回購入時に注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプル顧客タグ注文割引|顧客タグ BtoB 割引のアイコン
アプリ解説

Shopifyで顧客タグに応じて自動注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプル会員初回送料割引|お手軽初回ログイン送料無料のアイコン
アプリ解説

Shopifyでアカウント作成後の初回購入で、送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプル会員送料割引|お手軽ログイン送料無料のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員配送料割引ができるアプリについて徹底解説|ご利用ガイド

シンプルセット商品在庫連携|お手軽セット商品管理の自動化のアイコン
アプリ解説

Shopifyに在庫連携したセット商品販売機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員注文割引|お手軽ログインセール設定のアイコン
アプリ解説

Shopifyでログイン状態に応じた会員注文割引ができるアプリについて徹底解説|ご利用ガイド

シンプルVIP注文割引|お手軽VIP会員セール設定のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 注文割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル延長保証|お手軽保証付き商品販売のアイコン
アプリ解説

Shopifyに保証商品や保険商品を作成し延長保証機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプルVIP送料割引|お手軽VIP会員送料無料のアイコン
アプリ解説

Shopifyに注文回数や注文金額に応じた自動 VIP 送料割引機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプルパンくずリスト|お手軽 Breadcrumbsのアイコン
アプリ解説

Shopifyにパンくずをノーコードで表示できるアプリについて徹底解説|ご利用ガイド

シンプル顧客タグ送料割引|お手軽顧客タグ送料無料のアイコン
アプリ解説

Shopifyに顧客タグに応じた自動送料割引機能を追加できるアプリについて徹底解説|ご利用ガイド

シンプルブログ記事カスタマイズ|お手軽ブログテンプレートのアイコン
アプリ解説

Shopifyブログ記事のデザインを簡単にカスタマイズできるアプリについて徹底解説|ご利用ガイド

シンプルブログ記事目次|自動見出し一覧挿入のアイコン
アプリ解説

Shopifyのブログ記事にブログ目次を自動で作成できるアプリについて徹底解説|ご利用ガイド

シンプルお知らせ一覧|お手軽ブログ一覧挿入アプリのアイコン
アプリ解説

Shopifyストアにお知らせセクションを挿入してブログ・ニュース一覧を表示できるアプリについて徹底解説|ご利用ガイド

シンプル流れるロゴ|流れるロゴリスト挿入アプリのアイコン
アプリ解説

Shopifyに流れるロゴリストを設置して画像のスライドショーを表示できるアプリについて徹底解説|ご利用ガイド

シンプルスライドショー|お手軽画像スライダーのアイコン
アプリ解説

Shopifyにスライドショーを追加して画像をスライダー表示できるアプリについて徹底解説|ご利用ガイド

シンプル名入れ|お手軽名前入りギフトオプションのアイコン
アプリ解説

Shopifyに名入れオプションを追加するアプリについて徹底解説|ご利用ガイド

シンプル在庫数表示|お手軽残りわずか表示のアイコン
アプリ解説

Shopifyで残りわずか表示を挿入して在庫数表示が実現できるアプリについて徹底解説|ご利用ガイド

シンプル購入制限|お手軽注文制限について徹底解説のアイコン
アプリ解説

Shopifyに購入制限機能を追加して数量制限・注文規制を実現できるアプリについて徹底解説|ご利用ガイド

シンプルギフトラッピング|お手軽ギフト包装アプリのアイコン
アプリ解説

Shopifyでギフトラッピング機能を実現するアプリについて徹底解説|ご利用ガイド

シンプルランキング表示|お手軽ベストセラーのアイコン
アプリ解説

Shopifyにランキングバッジを導入するアプリについて徹底解説|ご利用ガイド

シンプル顧客タグごとの限定販売|お手軽ロイヤリティのアイコン
アプリ解説

Shopifyに顧客タグごとの限定販売機能を追加するアプリについて徹底解説|ご利用ガイド

シンプルロゴ一覧|お手軽ロゴリスト表示のアイコン
アプリ解説

Shopifyでロゴ一覧をノーコードで実現できるアプリについて徹底解説|ご利用ガイド

シンプル余白調整|お手軽レイアウトのアイコン
アプリ解説

Shopifyに余白(マージン)を挿入してページデザインの調整ができるアプリについて徹底解説|ご利用ガイド

シンプルのし(熨斗)アプリのアイコン
アプリ解説

Shopifyにのし(熨斗)を設定できるアプリについて徹底解説|ご利用ガイド

シンプル画像バナー|お手軽広告バナーアプリのアイコン
アプリ解説

Shopifyに画像バナーを追加できるアプリについて徹底解説|ご利用ガイド

シンプル Q&A|どこでも FAQのアイコン
アプリ解説

Shopifyに Q&A を設置してよくある質問・FAQ を簡単に導入できるアプリについて徹底解説|ご利用ガイド

シンプル流れる告知|流れるお知らせ挿入アプリのアイコン
アプリ解説

Shopifyに流れる告知を設置してお知らせを表示できるアプリについて徹底解説|ご利用ガイド

シンプルモバイルアプリバナー|スマホアプリに誘導のアイコン
アプリ解説

Shopifyでモバイルアプリに誘導するバナーを簡単に設置できるアプリについて徹底解説|ご利用ガイド

シンプル売り切れ非表示|在庫切れ商品の表示変更のアイコン
アプリ解説

Shopifyに売り切れ商品・在庫切れ商品を非表示にする機能を追加できるアプリについて徹底解説|ご利用ガイド

シンプルレビュー|お手軽口コミのアイコン
アプリ解説

Shopifyにレビュー(口コミ)機能を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員限定販売|お手軽アカウント必須販売のアイコン
アプリ解説

Shopifyで会員限定販売を実現できるアプリについて徹底解説|ご利用ガイド

シンプル会員ランク|お手軽顧客タグ付けのアイコン
アプリ解説

Shopifyに会員ランク機能を導入して自動で顧客タグを付与できるアプリについて徹底解説|ご利用ガイド

シンプル Wishlist|お手軽お気に入りのアイコン
アプリ解説

Shopifyにお気に入り(wishlist)を簡単に導入できるアプリについて徹底解説|ご利用ガイド

シンプル Coming Soon|商品ページ発売予告アプリのアイコン
アプリ解説

Shopifyで Coming Soon(発売予告)を実施するアプリについて徹底解説|ご利用ガイド

シンプルセット販売|お手軽クロスセルのアイコン
アプリ解説

Shopifyでセット販売(クロスセル)を簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル予約販売|受注販売や在庫切れ商品販売で使えるのアイコン
アプリ解説

Shopifyに予約販売機能を追加して受注販売や在庫切れ販売を簡単に実現できるアプリについて徹底解説|ご利用ガイド

シンプル販売期間設定|商品ごとに期間限定販売のアイコン
アプリ解説

Shopifyで販売期間設定を商品毎に行うことができるアプリについて徹底解説|ご利用ガイド

シンプルVIPプログラム|お手軽VIP会員限定販売のアイコン
アプリ解説

ShopifyでVIP会員限定販売ができるアプリについて徹底解説|ご利用ガイド

シンプルポイント|追加料金なしで使えるお手軽ポイントアプリのアイコン
アプリ解説

Shopifyにポイント機能を導入できるポイントアプリについて徹底解説|ご利用ガイド