旅行会社、工事や建築、リフォーム業、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

STORY

15時間前

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

あの時もし、あのとき転職していたら・・..

STORY

2日前

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

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

SEO

1週間前

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

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

STORY

1週間前

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

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

STORY

1週間前

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

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

Liquid

2週間前

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

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

設定

3週間前

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

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

STORY

4週間前

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

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

Liquid

4週間前

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

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

設定

4週間前

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

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

設定

4週間前

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

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

Liquid

1か月前

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

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

Liquid

1か月前

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

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

アプリ

2か月前

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

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

Liquid

2か月前

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

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

Liquid

2か月前

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

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

Js

2か月前

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

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

Liquid

2か月前

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

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

制作アイディア

2か月前

Shopifyでファンクラブを制作する人が押さえておくべき「リアルな要件定義」7項目

最初、ファンクラブサイトを作るには手軽なWordPressを考えました。しかし、会員情報を扱うことになるため、セキュリティの不安‥..

Js

2か月前

【JavaScript】Shopify ブログ関係なく特定タグを持つ全記事の一覧を作る(+時系列で並び替え)

残念ながら、Liquidでブログ記事を並び替えできる方法はない(2025年2月現在)ようです。..

Flow

3か月前

【Shopify Flow】注文をGoogleスプレッドシートに追加!つまずきやすい4つのポイントを解説

ただし1点注意点が必要です。注文のラインアイテムを一番最後に表示されるようにするという点です。..

Flow

3か月前

【Shopify Flow】「スケジュール」ワークフロー終了後に「実行対象リスト」を内部メールで送信

実はこのフロー、正確にいうと「実行後」ではなく、ほぼ同時進行になります。..

Flow

3か月前

Shopify Flowとはなに?使い方のヒントになる実践サンプル6選

日本語対応にはまだ課題があり、独自の組み合わせによって初心者には少々ハードルが高い領域と言えます。..

Liquid

3か月前

Shopify「ブログ」カスタマイズ&オリジナル記事一覧作成のヒント8選

商品ページだけでは伝えきれない情報を発信する事によってきっとECサイトの成長に役立つと考えられます。..

Liquid

3か月前

【Shopify カスタマイズ】メニュー カスタマイズ&作成するために知っておくべき事5選

オリジナルメニューを作成することで、サイトの使いやすさや視覚的魅力を向上させることができます。..

アプリ

3か月前

【Shopifyアプリ】会員のQRコードを簡単生成!イベントで入場チェックをする

QRコード入場が流行っているけど、うちでも導入できないか?..

アプリ

3か月前

Helium Customer Fieldsを使って顧客に任意のタグを付けるフォームを作成

会員からの退会希望の通知を受けたスタッフは、有効期限と会員番号のメタフィールドの値を削除し、「有料会員」タグを削除するなど、マニュアル作業が発生してしまいます。..

Liquid

4か月前

【Shopify小技】アプリなしでストア会員にメルマガ登録を促すボックスを作る

アプリなしでのカスタマイズは、AjaxリクエストやCustomerのAccount APIの用いる必要があるため難しい..

Flow

4か月前

【Shopify Flow】特別な日にロイヤリティの高い顧客にクーポン番号メールを送る

このパレートの法則に基づき、客単価の高いリピーターを増やす戦略が練られております。..

Flow

4か月前

【Shopify Flow】ちょっと気になる「Get product data」「Get customer data」データの絞り込みについて

上限100名にしかデータ取得ができないため、その中でさらに「苦情履歴あり」タグを持つユーザーを絞り込むと、9900人は対象から外れる・・..