AI で作った提案書・見積書を URL で送る方法:限定公開・開封の確認・承認ボタンまで
要約
AI が HTML で書いた提案書や見積書は、そのまま公開して URL を送れば、相手はスマホでもリンクを押すだけで開けます。料金を載せるなら、限定公開かパスワード(どちらも Pro)で、知らない人に開かれないようにします。開かれたかは、ページの訪問者の数で日ごとにわかります。ページにフォームを置けば「この内容で進める」の返事もメールで届きます。
Free プラン: カード登録なし、公開 1 ページまで、フォームの回答は月 50 件まで表示。Free のページは一般公開で、限定公開とパスワードは Pro
目次
ChatGPT や Claude に頼むと、提案書も見積書も 1 枚の Web ページとして書いてくれます。目的、作業の範囲、料金の表、スケジュール、次にお願いしたいこと。できあがるのは .html のファイルです。このファイルをメールや Chatwork に添付すると、相手の画面ではコードが並んだり、ダウンロードが始まったりします。送るのはファイルではなく、公開したページの URL です。
このやり方が向くところ・向かないところ
向くのは、契約の前の段階です。提案書を見てもらう、概算の見積もりを比べてもらう、どのプランで進めるか決めてもらう。ここまでがこのページの役目です。
その先は、それぞれ専用のサービスに渡します。正式な契約を結ぶのは電子契約のサービス、請求書を出して受け取るのは請求書のサービスです。Convika は、契約の締結も、請求書の発行や保存もしません。
添付より URL がいい理由
- 相手の端末を選ばない。 添付した HTML がどう開くかは、相手のメールアプリと端末しだいです。URL なら、スマホでもパソコンでも、押せばページとして開きます。メールで送るときの違いは HTML ファイルをメールで送る方法、Chatwork なら Chatwork で HTML ファイルが開けないとき にまとめています。
- 打ち合わせのあとに直しても、送り直さなくていい。 PDF は直すたびに新しいファイルになり、相手が古い版を読んでいることもあります。URL は同じまま、中身だけが新しい版になります。
- 開かれたかがわかる。 送った PDF は、開かれたかを教えてくれません。訪問者を数えるサービスで公開したページなら、開かれた日がわかります。
もう HTML ファイルを添付して送り、相手が開けずに困っているなら、Convika の HTML ビューアー で開いてもらえます。スマホでもパソコンでも使え、ファイルはブラウザの中で開くだけで、Convika のサーバーには届きません。
相手の会社が記録用に PDF を求めるときは、公開したページをブラウザで開き、印刷から「PDF に保存」を選べば作れます。
AI への頼み方
提案書を書いてもらうときに、次の文をメモと一緒に ChatGPT や Claude に貼ります。どのサービスでも公開でき、スマホで読みやすく、PDF にもきれいに印刷できる 1 枚になります。
提案書(見積書)を、Web ページとして公開できる 1 つの HTML ファイルで書いてください。
- CSS は <style> タグの中に書き、1 ファイルで完結させる。JavaScript は使わない。外部のフォントやスクリプト、キーが必要な画像は読み込まない。
- <meta name="viewport" content="width=device-width, initial-scale=1"> を入れ、<title> には屋号と案件名を入れる。
- 見出しごとに分ける: ご依頼の目的、作業の範囲、含まないもの、スケジュール、お見積もり、次のステップ。
- お見積もりは表にする。品目・数量・単価・金額の列、小計・消費税・合計の行。金額は「¥」と 3 桁ごとのコンマで書く。
- 画面の幅が 600px より狭いときは、表の 1 行を 1 枚のカードにして縦に並べ、横にスクロールさせない。
- 印刷用の CSS(@media print)を入れる。背景は白、文字は黒、表の 1 行がページをまたいで切れないようにする。
- 下に書いた内容だけを使う。足りないところは【要記入】と書き、相手の会社名・金額・実績を作らない。
内容:
[打ち合わせのメモ、相手のご要望、こちらの料金を貼る]
公開する前に、すべての金額と日付をメモと照らし合わせ、【要記入】を残さず埋めます。ページの上で「この内容で進める」を受け取りたいときは、下の 承認ボタン のフォームも同じ会話で足してもらいます。
提案書を公開して URL を受け取る 5 つの手順
1. AI のページを HTML ファイルにする
Claude には「このページ全体を 1 つの HTML ファイルで出して」と頼み、ダウンロードするかコードをコピーします。ChatGPT では、コードのブロックをコピーするか、出てきたファイルをダウンロードします。<!doctype html> から </html> まで、全部そろっていることを確かめます。
2. Convika の無料アカウントをつくる
app.convika.com で登録します。Free プランはカードの登録がいりません。
このページの上のボックス は、登録しなくても使えます。ファイルを入れると短い間だけ開けるリンクができ、提案書がスマホでどう見えるかを登録の前に確かめられます。お客さんが何日かあとに開くリンクにするには、無料アカウントをつくって公開します。
3. ファイルを入れる
ダッシュボードで「HTML ファイルをアップロードする」を選びます。「ファイルから」で .html ファイル(2 MB まで)を選ぶか、「コードから」で AI のコードを貼り、「プレビューをつくる」を押します。アップロードに AI のクレジットは使いません。
4. プレビューで確かめる
「プレビューを開く」を押します。プレビューのリンクはまだ誰にも見えず、3 分間使えます。スマホでも開き、見積もりの表が縦に並ぶこと、横にはみ出さないことを確かめます。
5. 公開して URL をコピーする
「ページを公開する」を押し、「このページを開ける人」で「一般公開」を選んで「次へ」を押します。はじめての公開では、一般公開なら続いて大きな「無料で公開する」のボタンが出ます。押すとすぐに公開され、ページの下に Convika のバナーが出ます。出したくないときは、その下の「Convika のバナーなしで公開する」から Pro のお申し込み画面に進みます。限定公開かパスワードを選んだときは、「次へ」のあとすぐにこのお申し込み画面が開き、カードの登録か支払いが済むと公開されます。お申し込み画面の大きなボタン「申し込む(月額¥1,800)」を押すと、その場で月 ¥1,800 を支払い、解約するまで毎月更新されます。公開すると yourpage.convika.page のような URL になるので、それをメールや Chatwork に貼ります。
チャットから出ずに公開する
提案書を Claude や ChatGPT で書いたなら、公開もその会話のまま頼めます。Convika を一度つないでおけば、あとは一言ずつです。
最初に一度だけつなぐ
- Claude(Web 版かデスクトップ版): 「カスタマイズ」→「コネクタ」を開き、「+ 追加」から「カスタムコネクタを追加」を選びます。URL に
https://mcp.convika.comを入れ、求められたら Convika にログインします。Anthropic の コネクタのガイド によると、どのプランでもカスタムコネクタを追加でき、Free プランでは 1 つまでです。Team と Enterprise では、組織のオーナーが追加します。 - ChatGPT: Convika が ChatGPT のプラグインのディレクトリに載るまでは、開発者モード(Developer mode)でつなぎます。アカウントやワークスペースによっては使えません。手順は MCP クライアントの接続 にあります。
つないだら、提案書を書いた会話でこう頼む
この提案書を Convika に保存して、プレビューを見せて。問題なければ公開して。
公開した提案書の着手金を 30% に直して、同じ URL で公開して。
この提案書のページ、今週は何人が開いた? どこから来た?
AI は先に非公開のプレビューを見せ、公開するのは頼んだときだけです。直すたびに新しい版になり、URL は変わらないので、送ったリンクのままお客さんは新しい版を見られます。コネクタ経由の保存と公開に、Convika の AI クレジットは使いません。AI が公開したページは一般公開です。限定公開かパスワード(Pro)にするなら、AI にはプレビューまで頼み、ダッシュボードのページの画面で「ページを公開する」を押して、「このページを開ける人」で選びます。
料金を載せるなら限定公開に
提案書には、こちらの料金と相手の計画が載っています。送る前に、誰が開けるかを決めます。
| 公開範囲 | 開ける人、検索結果、Convika のギャラリー |
|---|---|
| 一般公開(Free) | URL を知っている人なら誰でも開けます。検索結果に出ることがあります。「このページをギャラリーに載せない」を選べば、どのプランでもギャラリーには載りません |
| 限定公開(Pro) | URL を知っている人は、パスワードやアカウントなしで開けます。検索結果にもギャラリーにも出しません |
| パスワードを知っている人だけ(Pro) | パスワードを伝えた人だけが開けます。検索エンジンにはパスワードの入力画面しか見えません |
料金を載せた提案書を Free で公開すると、それは一般公開のページです。URL は推測しにくいものの、検索結果に出ることがあり、相手が転送した先でも開けます。Free で送るなら、ページの設定の「公開範囲」で「このページをギャラリーに載せない」を選んでおきます。画面にも「検索結果には出ることがあります。」と書いてあるとおり、検索には出ます。AI に頼んで <head> に <meta name="robots" content="noindex"> の 1 行を入れてもらえば、検索エンジンに結果に出さないよう伝えられます。それでも、URL を知っている人は開けます。人に見せたくない金額が載っているなら、Pro(月 ¥1,800)の限定公開かパスワードにします。違いは HTML を限定公開する方法 と HTML ページにパスワードをかける方法 で説明しています。
Free で同時に公開できるのは 1 ページです。別のお客さんの提案書を公開しようとすると、「いま公開中のページと入れ替える(無料)」が出て、入れ替えると前の提案書は公開が止まり、そのリンクは開かなくなります。何社かに同時に出すなら、Pro なら同時に 100 ページまで公開できます。
提案書を送るサービスの Stacktree は、Free でもパスコードをかけられる代わりに、ページを開けるのは 7 日(お客さんが開き続ければ最長 90 日)で、つくれるのは合計 3 ページです。Convika の Free のページには期限がなく、フォームでお客さんの返事を受け取って 1 件ずつメールで届けます(パスワードは Pro)。
開かれたかを確かめる
ダッシュボードで提案書のページを開くと、「過去7日間のアクセス」に「ページビュー」と「訪問者」が出ます。「このサイトの概要」では、「訪問者」の数を 1 日ごとの棒グラフで見られ、「流入元」に「メール」や「直接」などの入り口が並びます。
ただし、わかるのは「誰かが開いた」ことまでです。
- 誰が開いたかは出ません。 Convika は訪問者の名前を知りません。
- 開いたときのメールは届きません。 ダッシュボードを見に行くか、Convika をつないだ AI に「何人来た?」と聞きます。
- どこを何分読んだかも出ません。
それでも、次の 3 つを守れば、訪問はほぼ「相手が開いた」と読めます。
- お客さんごとに別のページにする。 そのお客さんにしか送っていないページへの訪問は、ほぼその人か、その人が回した社内の誰かです。
- 読む人ごとに URL に印をつける。 担当者と決裁者に送るなら、
?utm_source=tantouと?utm_source=kessaiのように末尾を変えます。ページの「アクセス解析を開く」の「キャンペーン(UTM)」で、どちらのリンクから来たかがわかります。印は転送されてもついたままで、誰かまではわかりません。 - 自分の訪問を混ぜない。 ダッシュボードから開いた自分のブラウザは数えません。メールのリンクから自分で開くと、1 人として数えます。
メールの「開封確認」は、当てにしすぎないほうが安全です。Apple の説明では、「メール」でのアクティビティを保護をオンにしていると「あなたがメールをどのように操作したかにかかわらず、リモートコンテンツはデフォルトでバックグラウンドでダウンロードされます」。読まれていなくても「開封」と数えられることがあります。
承認ボタンをつける
返事が「了解です、進めてください」のメール 1 通だと、どのプランで決まったのかが流れてしまいます。提案書の最後にフォームを置けば、プランの選択、お名前、メールアドレス、ひと言を 1 回で受け取れます。AI に次の文を貼ります。
提案書の最後に「この内容で進める」のセクションを足し、HTML のフォームを入れてください。
- <form method="post"> にする。action 属性と onsubmit 属性はつけない。ページのどこにも JavaScript を足さない。
- 見積もりのプランごとのラジオボタンを、すべて name="plan" でそろえる。表と同じプラン名にし、<fieldset> の <legend> は「プランを選んでください」。どれか 1 つは必須。
- name="name" のテキスト欄「お名前」と、name="email" のメール欄「メールアドレス」。どちらも必須。
- name="note" のテキストエリア「進める前に変えたいこと(任意)」。
- name="agree" の必須のチェックボックス「この提案書の内容で進めます」。
- 送信ボタンは 1 つで「この内容で進める」。
- どの欄にも見えるラベルをつける。印刷用の CSS ではフォームを隠す。
ページ全体をもう一度 1 つの HTML ファイルで出してください。
このファイルを入れると、ページの画面に「このページのフォームは、まだ誰にも届きません」と出るので、「このフォームをつなぐ」を押します。フォームは書いたとおりの項目と見た目のまま Convika につながり、新しいプレビューができます。プレビューで送った回答は保存されないので、公開したあとに自分のメールアドレスで 1 回試し、届いたのを確かめてからお客さんに URL を送ります。「選択肢のボタンに名前がないため、元の項目のままではつなげません。」と出たら、ラジオボタンの name をそろえるよう AI に頼み直します。
お客さんが「この内容で進める」を押すと、回答がメールで届きます。件名は「【ページ名】新しい送信がありました」の形で、選んだプランと書いた内容がすべて入っています。そのメールに返信すると、お客さんが入力したメールアドレスに届きます。回答はページの画面の「フォーム」の「回答を見る」にも残り、「CSV でダウンロード」で書き出せます。Free で見られる回答は、すべてのフォームを合わせて月 50 件までです。それより後の回答も保存され、Pro にすると見られます。
このボタンで残るのは、お客さんが選んだプランと入力した内容と日時です。電子署名ではなく、本人の確認もしません。契約書が必要な仕事は、このあと電子契約のサービスで結びます。
送ったあとに直す
「初回は小さく始めたい」「納期を 1 週間延ばしたい」。打ち合わせのあとの直しは、AI にページ全体を直して出してもらいます。ダッシュボードで提案書のページを開き、「HTML ファイルで更新」の「ファイルをアップロードする」から入れると、新しい版のプレビューができます。「同じリンクで v2 を公開する」(数字は版の番号)を押せば、送った URL のまま中身が新しくなります。前の版にも戻せます。くわしい手順は AI で作ったページを後から直す方法 にあります。
承認のフォームをつないだページを直すときは、ページの画面の「HTML をコピー」か「HTML をダウンロード」で今の HTML を取り出し、直したい点と「フォームはそのまま残して」をあわせて AI に渡します。そうすれば、フォームはつながったままです。
よくある質問
AI で作った提案書を、どうやって取引先に送ればいいですか?
HTML のまま公開して、URL をメールやチャットで送ります。Convika なら「HTML ファイルをアップロードする」でファイルを入れ、プレビューを確かめて「ページを公開する」を押すと、yourpage.convika.page のような URL になります。相手はアカウントなしで、押すだけで開けます。
提案書は PDF と URL のどちらで送るのがいいですか?
まず URL を送り、相手がファイルを求めたら PDF を添えます。URL はスマホでも開け、直しても同じリンクで新しい版が見られます。PDF は、公開したページをブラウザの印刷から「PDF に保存」すれば作れます。
Claude や ChatGPT に提案書を公開してもらえますか?
できます。先に Convika をつないでおきます。Claude なら「カスタマイズ」→「コネクタ」で https://mcp.convika.com をカスタムコネクタとして追加し、ChatGPT なら開発者モードでつなぎます(使えないアカウントもあります)。あとは提案書を書いた会話で「この提案書を Convika に保存して公開して」と頼みます。AI は先に非公開のプレビューを見せ、公開したあとも、同じ URL のまま金額を直したり、何人が開いたかを答えたりできます。AI が公開したページは一般公開で、限定公開とパスワードは Pro にして、ダッシュボードで選びます。
Free プランで公開した提案書は、ほかの人に見られますか?
見られることがあります。Free のページは一般公開で、URL を知っている人は誰でも開け、検索結果に出ることもあります。「このページをギャラリーに載せない」を選べば Convika のギャラリーには載りません。検索にも出さない、決まった人だけに見せる、というときは Pro(月 ¥1,800)の限定公開かパスワードにします。
相手が提案書を開いたか、わかりますか?
開かれた日はわかりますが、誰が開いたかはわかりません。ページの「訪問者」が 1 日ごとに出ます。開いたときのメールは届きません。お客さんごとにページを分けるか、読む人ごとに URL の末尾に印をつけると、訪問が誰のものか見当がつきます。
「この内容で進める」ボタンを押してもらえば、契約になりますか?
フォームに残るのは、お客さんが選んだプランと入力した内容です。電子署名ではありません。契約書が必要な仕事は、承認をもらったあと電子契約のサービスで結びます。
Convika で請求書も出せますか?
出せません。Convika は提案書のページを公開し、フォームの回答を受け取るところまでです。請求書の発行と受け取りは、請求書のサービスを使います。
送ったあとに金額を直したら、URL は変わりますか?
変わりません。「HTML ファイルで更新」で直したファイルを入れ、「同じリンクで v2 を公開する」を押すと、同じ URL で新しい版が表示されます。
出典
- メールプライバシー保護とプライバシー(Apple)(2026年11月13日に確認)
- カスタムコネクタのガイド(Anthropic のヘルプ)(2026年11月13日に確認)
- Stacktree の料金(2026年11月13日に確認)
次のステップ
HTML ページにパスワードをかけて、知っている人だけに見せる 3 つの方法
HTML ページにパスワードをかけるなら、Basic 認証、StatiCrypt での暗号化、パスワード機能のある公開サービスの 3 つです。JavaScript で書いたパスワードはソースで読めます。ChatGPT や Claude で作った HTML にかける手順も説明します。
関連記事
- HTML ファイルをメールで送って、相手にページとして見てもらう方法HTML ファイルをメールに添付すると、届くのはファイルで、開き方は相手のメールアプリしだいです。会社の設定で止められることもあります。このガイドは Gmail・Outlook・iPhone での添付の手順と、URL を本文に貼って送る方法を説明します。
- Chatwork で HTML ファイルを送ると開けない? リンクで見せる方法Chatwork に添付した HTML ファイルは、チャットの中ではプレビューされず、相手はダウンロードしてから開くことになります。Chatwork のヘルプでわかることと、HTML を URL にしてチャットに貼り、相手にクリックやタップだけでページを開いてもらう手順を説明します。
- HTML のページを限定公開する:検索に出さないことと、開ける人を限ることHTML の「限定公開」は 2 つあります。検索に出さないなら noindex の 1 行、URL を知らない人に開かせないならパスワードです。YouTube の限定公開との違いと、それぞれの手順を説明します。
- AI で作ったページを後から直したい。URL も QR コードもそのままで差し替える方法公開して配ったあとに誤字や日付の間違いが見つかったら。ChatGPT や Claude に直した HTML をもらい、Convika の「HTML ファイルで更新」で入れ替えると、配ったリンクも印刷した QR コードも、そのまま新しい内容を開きます。
- AI で作ったページの問い合わせフォームに、送信内容が届くようにする方法ChatGPT や Claude が書いたフォームは、送信しても内容がどこにも届きません。メールで受け取る方法と、管理画面に保存して CSV で見る方法を比べて、手順を説明します。
Skipbox
激安&爆速の GitHub Actions ランナーが月 6,000 円で使い放題
アカウント専用のマシンに、Docker のレイヤーとパッケージのキャッシュがジョブのあとも残ります。乗り換えは、runs-on を一行書き換えるだけ。
Skipbox を無料で試す