旅行会社、工事や建築、リフォーム業、OEM制作、ノベルティ制作、レンタル業なども十分対応できる‥
-本文中

(最終更新 2025年05月07日)

【Shopifyアプリ】商品ページから簡単に見積もりを送信!履歴から下書き注文作成も可能

商品ページに専用のボタンを設置し「見積もり依頼」機能を設置はもちろん、商品の価格表示、購入ボタン、カートに追加ボタンを非表示にすることができるアプリを紹介します。

Shopifyでは、リアルタイムでの購入だけではなく、見積もり依頼を通じて、より柔軟なユーザー体験を提供することができます。

特に、バリエーションが多く、購入に至るまでにヒアリングや相談・調整が必要な商品では、即購入が難しいこともあります。

そんな場合、商品ページで概算金額を提示し、正確な見積もりを依頼するという流れが適した取引形態となることがあります。

特にBtoBの取引では、このようなアプローチが非常に有効です。

今回は、商品ページで「購入」ではなく「見積依頼」ができる便利なアプリをご紹介し、どのようにこの機能を活用できるかを簡単に解説していきます。

お見積りアプル「O:Request a Quote」

紹介するアプリは「O:Request a Quote」というアプリです。アプリの詳細は以下のリンクからご確認いただけます。

このアプリの特徴としては、以下のようなポイントがあります。

・任意の商品の商品ページに専用のボタンを設置し「見積もり依頼」機能を設置可能

・商品の価格表示、購入ボタン、カートに追加ボタンを非表示にすることができ、ユーザーに見積もり依頼を促しやすくします。

・ログインユーザーのみ、または特定のタグを持つユーザーのみに表示を制限することができ、ターゲットユーザーに対してのみ機能を提供できます。

・見積もりリストから、簡単に下書き注文を作成することができ、後で正式な注文へと進めることができます。

これらの機能により、購入前の見積もり依頼をスムーズに進めることができ、特にBtoBの取引において非常に便利なアプリです。

設定方法

まず、以下のページにてインストールします。

O:Request A Quote & Hide Price(Shopifyアプリストア)

インストール後には、テーマエディタでアプリを有効化とストアアフロントクセストークン(Storefront Access Token)を入力します。

アクセストークンの取得するためには、Shopifyが提供する「Headless」という、Storefront API連携を簡単に管理できる販売チャネルアプリをインストールします。

「Headless」でトークン取得する方法は以下の動画をご確認ください。

https://www.youtube.com/watch?v=oSiRY2WyMpc

Storefront APIの連携により、商品やコレクションデータはもちろん、バリエーションの在庫やログインユーザーの情報の読み取りができるようになります。

見積りボタンを設置

左メニューから「Quote settings」を選択して、見積りボタンを設置する商品やコレクションの指定ができます。

また、

・ボタンの場所(カート下/価格表示の下など)
・見積りページの表示(ポップアップ/別途ページへ遷移など)
・閲覧時にボタン表示するユーザー(ログインユーザー/特定のタグを持つユーザー)
・価格の非表示
・購入ボタン、カートに入れるボタンを非表示

などの設定ができます。

見積りフォームの作成

左メニューから「Quote form builder」を選択して見積りフォームを作成する事ができます。

見積りのフローは、

①商品ページから見積りボタンを押す→②見積りフォームが表示(選択した商品とバリエーションの情報や要望などの記入できるノート)→③依頼者の情報入力→④見積り受付のメッセージボックス

という順になります。それぞれのパーツを上から順に設定するイメージです。

ここでは、フォーム作成について具体的な解説は割愛します。実際いじってみる事をおすすめします。

使ってみた感想とデメリット

基本的に有料版ではないと、色々設置に制限があります。サブスクリプションは月額16.99USDから。

実際使ってみて、BtoBビジネスなどに非常に向いているような印象です。また、使い方次第では、ツアーを取り扱う旅行会社、工事や建築、リフォーム業、OEM制作、ノベルティ制作、レンタル業なども十分対応できる優れたアプリだと思います。

もちろん、以下のようなデメリットもあります。

オプション設定は3つまで

そもそもShopifyは1商品のオプションが3つまでしか設定できません。

そのため、ユーザーが選択可能な見積りのオプションも3つに限られます。

オプション設定を増やせるアプリとの連携もなされていないようなので、3つでいかに情報を整理・集約するかがカギになります。

たとえば「納期」「サイズ」「素材」のように、見積りに直結する項目を厳選して設計するなど工夫が必要です。

依頼者情報入力フォームが日本式でない

もう1つのデメリットは、依頼者情報の入力フォームが日本式でないという点です。

例えば、氏名の入力フィールドが「名 → 姓」の順で、国内の一般的な「姓 → 名」の並びと異なっていたり、住所の入力も「番地・建物名 → 都道府県 → 郵便番号」と、通常とは逆の順序になっているケースがあります。

また、各フィールドの並び替え(ドラッグ&ドロップ)などのカスタマイズもサポートされていないため、ユーザーにとっては入力しづらく、企業の信頼性にも影響を及ぼすおそれがあります。

とくに法人取引やBtoB見積りでは、フォームの印象がそのまま会社の印象につながるため、注意が必要です。

Shopify小技のフリーマーケット

Shopifyを運営する中で、「こんなことできないのか?」という疑問は尽きません。特に初心者にとっては、難しく感じるけれども、実はすぐに活用できる小技がたくさんあります。
当サイトでは、実際に試してみて有効だったShopifyの小技を、誰でも簡単に再利用できるよう提供しています。

少し高度なLiquidのテクニックやアプリを使わずに実装できる機能、そしてカスタマイズのヒントになるアイデアなど、さまざまな情報をご用意しています。

現在、出品者は私1人ですが、 これからさらに充実させていく予定です!もしもShopifyでの設定やカスタマイズで悩んでいる方がいれば、お気軽にお問い合わせください。

もっと知りたい

このブログと運営者について

BLOG More

Js

6日前

Shopifyのカスタマイズに役立つJavaScript「配列メゾット」11選を初心者向けに解説

「2005年新着!夏の水着一覧」という配列があるとします。最安値順に並び替えたいとき、「.sort()」というメソッドを使えば‥..

Js

1週間前

ShopifyではLiquidがあるのになぜJavaScriptが多用されるの?

その理由を一言で言えば、「Liquidは表示前、JavaScriptは表示後に働くから」です。..

Liquid

1週間前

Shopify 関連やおすすめ商品リストが自動生成「recommendations」活用・応用シーン

しかしカートページには、そもそも表示中の商品が存在しないため、このレコメンドの仕組みが機能しないのです。..

Liquid

2週間前

【Shopify Liquid】関連商品・おすすめ商品作成に用いられるオブジェクト「recommendations」について

このオブジェクトは、顧客の行動やストア内でのさまざまなデータを基に、自動的に関連商品を選出します。..

SEO

3週間前

Google、AIモードの導入を発表!収益減少が懸念される中、最も有力なマネタイズとは

このホテル、評価高いし、割引ついてるよ。数ステップで簡単に予約できるけど、今やる?..

SEO

3週間前

AI時代のSEOはオワコン?その真実と「違います」と言える4つの理由

たとえば「近くのコンビニを教えて」といったシンプルな質問に、毎回AIが複雑な推論や自然言語生成をしていたら、とんでもないコストになります。..

設定

4週間前

【Shopify豆知識】ヘッドレス(Headless)ってなに?

少し不気味で怪談を連想させるような響きですが、実際にはShopifyのメリットとして注目されている仕組みのひとつです。..

Liquid

1か月前

【Shopify小技】商品の「カートに追加」の仕組みをシンプルに解説(サンプルコード))

この仕組みにはLiquidだけでなく、JavaScriptやAjax、さらにはサーバー側で動くRubyなど、複数の技術が関わっている..

Liquid

1か月前

カートのノーティフィケーションやドロワーで1注文での同時購入を防ぐ方法は可能?

ノーティフィケーション(画面上部に一瞬表示される通知型カート)については、やや難易度が高めです。..

Liquid

1か月前

【Shopify Liquid】カート内で1つの注文に同時購入を防ぐシンプルな方法

ここで使われているのが、Liquidでよく用いられる「フラグ(真偽)」という考え方です。..

STORY

1か月前

なぜ鳥の巣はあんなに頑丈なのか?成功における「うまくいかない瞬間」の重要性

鳥の巣の初期段階のように、私たちの挑戦も、最初は失敗と不安定の連続です。..

Liquid

1か月前

【Shopify Liquid】商品ページの「オプション」を色か画像にしたい

そもそもShopifyの商品オプションに画像や色を登録できるのか?..

STORY

2か月前

現代言語哲学の巨人が教えてくれた「失敗する人の口癖」とは

あの時もし、あの会社に転職していたら・・..

STORY

2か月前

40代・50代にとって新たな挑戦が「苦痛」である理由・・私が救われたニーチェの言葉

苦しみがあるからこそ、深みが生まれる。..

SEO

2か月前

【ローカルSEO】AI時代「ラーメン屋」で検索上位のためのコツ&対策キーワード

ラーメンとチャーハンの欲張りセット、絶賛販売中!新宿駅から徒歩3分..

STORY

2か月前

中卒のシングルマザーが小惑星を発見!? スタンダードを破る成功者たち「ダークホース」

彼女は15歳で高校を中退し、高卒認定試験にも不合格。いわゆる「成功のレール」からは大きく外れた人生を歩んでいました。..

STORY

2か月前

新たな挑戦をするほどタバコや酒、スマホの依存が強くなる理由「悪循環の消防士たち」とは

この消防士たち、なんと「中毒」や「依存」という形で、僕たちを無理やり落ち着かせようとする。..

Liquid

2か月前

【Shopify Liquid】商品ページ「バリエーションの在庫ステータス」その仕組みについて

ブロックを複数箇所に設置しても、動的操作ができるのは1箇所のみという制限があります。..

設定

2か月前

【備忘録】Shopify通知・メルマガ 外部ドメインのメールアドレス認証 (CNAME、DMARC)

自分の備忘録として認証方法の具体的な手順を紹介したいと思います。..

STORY

2か月前

収入だけじゃないよ!40代男性「IT関連」副業のメリット5選と個人的な感想

40代男性にとってこのスキルアップは、単なる知識の習得以上の意味を持つことが多いのではないでしょうか。..

Liquid

2か月前

【Shopify Liquid】店舗受取を希望する購入者への「注文通知メール」をカスタマイズ

「注文通知メール」にコピペすればOKなのでは?と思われがちですが、なぜか店舗情報が上手く表示されません。..

設定

2か月前

Shopify「店舗受取」運用に必要な基本的なフローと操作まとめ

アパレルや雑貨など「実物を見てから購入したい」お客様に対しても、あらかじめ在庫を確保しておくことで、店舗でのスムーズな購買体験を提供できます。..

設定

3か月前

【Shopify小技】飲食店でのテイクアウトに応用可能!「店舗受取専用」商品を作成する方法

「どこで店舗受取専用の商品を作成すればいいの?」と迷ってしまう人も多いのではないでしょうか?..

Liquid

3か月前

【Shopify Liquid】恥ずかしいけど「CONTAINS」2つの使い方に今日気づいた‥

何の疑問も持っていなかった私、ちょっぴり衝撃でした。..

Liquid

3か月前

【Shopify Liquid】毎月「7」のつく日だけ!限定セールを自動表示する方法

Liquidにおける日にちの自動計算の仕組みはもちろん、for文やif文、フラグの概念も理解しやすくなるはずです。..

アプリ

3か月前

【Shopifyアプリ】注文に「任意の連番」をつける事もできる!「SeriaLogic」の使い方を解説

チケット購入順に入場番号を自動で割り振る事はできないの?..

Liquid

3か月前

【Shopify Liquid】土日など休日はスキップ!自動で最短の発送日を算出して案内する方法

Liquidを使って土日や祝日をスキップし、自動で最短の発送日を算出する方法を紹介します。..

Liquid

3か月前

【Shopify小技】15時までの購入で当日発送と案内&注文メール通知に実装

たとえば、「15時までの注文は当日発送」といった案内を、自動で表示できたら便利だと思いませんか?..

Js

4か月前

【Shopify小技】セール終了の日付と時間までのカウントダウンをJavascriptで実装

こうした視覚的な要素は、購入の後押しとなり、より多くの顧客を引き込む効果が期待できます。..

Liquid

4か月前

【Liquid日付計算】注文通知メールをカスタマイズ!支払期限を翌週月曜日の日付にする

特に「銀行振込」や「コンビニ決済」のような後払いの決済方法では、支払い期限を明示することが重要です。..