ホーム / チュートリアル / コンタクトページを始める

はじめましょう コンタクトページ

Knocket連絡先ページは、プロフィールページのように見え、連絡フォーム、ソーシャルリンクのハブ、ライブチャットの入口として機能する共有リンクです。このチュートリアルでは、コンソールの連絡先ページモジュールのすべての画面 — 「あなたのページ」リストからブロックエディターまで — をカバーしています。

概要

コンタクトページモジュール(Knocketコンソールの左サイドバー)は、あなたのプロフィール、DM、またはキャンペーンリンクに挿入する共有可能なページを作成する場所です。すべてのページはhttps://knocket.ai/の下に公開URLを持ちます — 各ユーザーは一意のスラッグを取得するため、2つのKnocketページが同じURLを共有することはありません。新しいメッセージは、Webウィジェットおよびモバイルウィジェットと同じ統一受信箱に届きます。

必要なだけドラフトを保持できます — 一度に公開できるのは1ページだけです。ドラフトを公開すると、現在公開中のページは自動的に非公開になるため、安全に反復作業が可能です。

全ページに共通する保証:あなただけの固有のhttps URL(knocket.ai配下)、Knocket受信箱に接続されたライブチャットブロック、モバイル対応レイアウト、そして無料プランでも表示され続けるPowered by Knocketフッター。

あなたのページ — ページ一覧

「コンタクトページ → あなたのページ」を開く。作成したすべてのページが、ライブプレビュー付きのカードとして表示され、ステータスバッジ(公開済み / 下書き)と簡単な操作が表示されます。

各カードはこれらのコントロールとメタデータを公開します:

カードプレビュー各カードの上部

ページのライブサムネイル。LIVEバッジは右上隅にあり、現在公開中の単一のページを示します。

ページタイトルプレビューの下

ページの内部名(コンソールでのみ表示され、訪問者には表示されません)。エディタ内で名前を変更します。

パブリックURL

リンクhttps://knocket.ai/<your-slug> — 各ページには自動的に一意のスラッグが割り当てられます。クリックしてコピー。これは、プロフィールまたはDMに貼り付けるアドレスです。

テンプレートから作成

ページを作成したテンプレートを表示(例:テンプレートから作成 · フリーランサー)。AIによって生成されたページはテンプレートから作成 · AIと表示されます。

編集青いボタン

このページのブロックエディタを開きます。すべての変更は自動保存されます。保存をクリックしてチェックポイントを作成してください。

公開 / 非公開緑色のボタン

ページの公開状態を切り替えます。このページを公開すると、以前に公開されていたページは自動的に非公開になります(一度に公開できるのは1ページのみ)。

削除ゴミ箱アイコン

ページを完全に削除します。削除されたページは復元できず、URL は新しい下書きで再利用可能になります。

+ 新しいページ右上

次のセクションで説明する作成モーダルを開きます。

新しいページを作成

「+ 新しいページ」をクリックしてください。Knocketは2つの開始点を並べて提供しています。

テンプレートから

事前に作成されたレイアウトを選び、テキスト、メディア、カラーをカスタマイズします。自分が何のページを作りたいか(ポートフォリオ、製品ランディング、イベント、レストランなど)がわかっている場合に最適です。

AI生成

ページを1〜2文で説明すると、Knocketがプロンプトからヘッダー、ブロック、お客様の声などすべてを作成します。

テンプレート — ギャラリー

テンプレートギャラリーは意図別にオプションをグループ化。上部のフィルターを使用:

お問い合わせページ — クリエイター、ビジネス、デベロッパー、AI生成のフィルター付きテンプレートギャラリー
すべて

すべてのテンプレートを1つのグリッドに — どのようなページが必要かまだ決めきれていない場合に便利。

クリエイター

フリーランサー、デザイナー、コーチ向けのポートフォリオスタイルレイアウト。ライブチャット、ソーシャルリンク、ポートフォリオグリッド、カスタムアバターを搭載。

ビジネス

地元のビジネスページ — レストラン、カフェ、スタジオ。営業時間、メニュー/商品、予約リンク、場所を含みます。

開発者

インディーハッカー向け製品ランディングページ — 製品統計、テックスタック、GitHubスター、アプリを試すためのCTA。

AI生成最も右のチップ

新しいページモーダルのAI生成オプションと同じ — テンプレートギャラリーをスキップして直接プロンプトに進むショートカットです。

各テンプレートカードには、ヘッダーのプレビュー(アバター+名前+キャッチフレーズ)、テンプレートカテゴリーラベル(クリエイター、ビジネス、開発者)、簡単な説明、そして事前にインストールされているブロックが表示されます。各カードには2つのボタンがあります:

プレビュー

コミットする前に全体を確認できるように、フルサイズのテンプレートプレビューを新しいタブで開きます。

これを使用

テンプレートのブロックにプレースホルダーテキストを事前入力した新しい下書きページを作成します。ブロックエディタに直接移動します。

AI生成 — ページを説明する

プロンプトから始めたいですか?新規ページモーダルでAI生成をクリックするか(またはテンプレートギャラリーのAI生成チップ)、ジェネレーターが左右二列の画面で開きます — 左側にプロンプト、右側にライブプレビュー。

連絡先ページ — 説明フィールドと例文入力があるAIページジェネレーター
説明テキストエリア · 2000文字

ジェネレーターにあなたが誰で、ページに何を載せたいかを伝えてください。1文または2文で十分です。プレースホルダーにはサンプルが表示されています:「私は東京のフリーランス写真家です。ポートフォリオ、予約カレンダー、ソーシャルリンクが欲しいです。」

例を試してみるプロンプトチップ

始めるための4つの事前作成済みプロンプト:フリーランス写真家のポートフォリオ、SaaS創業者のランディングページ、ニューヨークのヨガインストラクター、インディーミュージシャンのEPリリース。任意のチップをクリックすると説明が自動入力されます。

私のページを生成プライマリーボタン

AIを実行します。右パネルにはスピナーが表示され、その後ドラフトページがレンダリングされます。同じ説明から新しいドラフトを取得するには、いつでも再実行できます。

ライブプレビュー右カラム

生成されたページを実際のレンダーサイズで表示します。ヘッダー(アバター、名前、キャッチコピー)、リアルタイムチャットCTA、ソーシャルアイコン、お客様の声、およびカテゴリー固有のブロック(クリエイター向けのポートフォリオ、開発者向けの製品統計など)はすべてここに表示されます。

お問い合わせページ — ヨガインストラクターページを生成した後のAIページジェネレーターのプレビュー

下書きに満足したら、下部の2つのアクションボタンで次に進む場所を決定します。

私のページを生成再ロール

同じ説明に対してAIを再実行します。決定する前にバリエーションを探すのに最適。

エディターでカスタマイズ主なCTA

現在のドラフトを保存し、ジェネレーターを閉じ、ブロックエディターを開いて各フィールドを手動で調整できるようにします。

ブロックエディター

テンプレートから始めた場合でもAI生成から始めた場合でも、同じエディターに移動します:3パネルのレイアウトで、中央にプレビュー、右側にブロックリスト、右レールの上部にプロンプト駆動の変更用のAI入力ボックスがあります。上部バーには、使用したテンプレート、ホーム/チャット切替、公開URL、保存ボタンが表示されます。

コンタクトページ — 中央にページのプレビューを表示し、右側にブロックリストを表示するブロックエディタ。

AI生成から出力されたページは、すべてのブロックが既に入力済みの状態で同じエディターで開きます — コピー、色、ポートフォリオのサムネイル、お客様の声など。必要な部分を調整し、残りはそのまま使用できます。

コンタクトページ — エディタで開かれ、すべてのブロックが事前に入力されたAI生成ページ

トップバー

ページ名セレクター

"エディター"ラベルの横のドロップダウンで、エディターを離れずに下書きを切り替えられます。

ホーム / チャット切り替え

ランディングビュー(ホーム)とチャットドロワー状態を切り替えるプレビュー — 訪問者がチャットを始めるをクリックしたときに何が表示されるかをプレビューするのに便利です。

パブリックURL右上

ページの編集可能なスラッグ — https://knocket.ai/の後ろの部分。自動生成されたスラッグをブランドに合ったものに変更できます(例:surya-yoga-nyc)。スラッグはすべてのKnocketユーザー間でグローバルに一意であり、変更は保存を押した瞬間に反映されます。

保存右上のボタン

現在の状態をドラフトにコミットします。自動保存はバックグラウンドで実行され続けます。明示的に保存するとチェックポイントが確定されます。

AI入力パネル

ブロックリストの上にある紫色の星マークボックス。自然言語でリクエストを入力 — 「自己紹介を一言に短縮」、「小規模SaaS創業者からの推薦文を3つ追加」、「主色をロゴ(黄色)に合わせる」 — すると、Knocketがそれに応じてブロックを書き換えたり追加したりします。すべてのAI入力アクションは元に戻せます。

ヘッダーカード

AIフィル直下の最初のブロック。詳細パネルを開いて変更するには、編集をクリックします:

アバター

円形のプロフィール写真がページの上部に表示されます。PNGまたはJPGをアップロードするか、URLをドラッグ&ドロップしてください。

表示名

アバターの下に表示される太字の名前。これは訪問者が「向こう側にいる人物」を見るものです。

キャッチフレーズ / バイオ

表示名の下に1、2文の背景を記載します。

ブロックリスト — すべてのブロックタイプ

すべてをカスタマイズ可能 — 各ブロックのコピー、アクセントカラー、ページ上の位置。任意のブロックをクリックしてフィールドをインラインで編集し、任意の行をドラッグして順序を変更します。リストの下部にある+ ブロックを追加をクリックして、ブロックピッカーを開きます。

お問い合わせページ — 右側にドラッグハンドル付きブロックリスト、ブロック追加ボタン、およびフルブロックライブラリグリッド

任意のブロックをクリックして詳細パネルを開くと、各ブロックごとに独自のフィールド(推薦文の場合はアバター、引用、著者、役割など、アジェンダの場合は時間、タイトル、サブタイトルなど)が表示されます。エディターでブロックの順序を変更すると、ライブプレビューがリアルタイムで更新されます。

お問い合わせページ — 各アイテムのアバター、引用、著者、役割フィールドを表示するテストモニュメントブロックの詳細パネル

完全なブロックライブラリー:

Live Chatピン留めブロック

チャットドロワーを開くヘッダーエントリーポイントです。オンラインステータス(「オンライン・約2分で返信」)とチャットを始める CTAを表示します。削除することはできません。

ソーシャルアイコン

WhatsApp、X、Instagram、LinkedIn、TikTok、YouTube、GitHub、Telegram、Discord、およびMessenger用のアイコン行。各チャネルをオンに切り替え、そのURLをドロップします。

ポートフォリオ

キャプション付きの画像/ビデオグリッド。各アイテムにはサムネイル、タイトル、サブタイトル、およびオプションのリンクがある。フリーランサーやクリエイターに最適。

よくある質問

折りたたみ可能な質問/回答ペア。プレセールの異議やサポートマクロに最適です。

メニュー / 製品

画像付きの価格付きアイテム — レストラン、カフェ、小規模なECサイト。

予約 / RSVP

Calendlyリンク、イベントRSVPフォーム、または手動の日時選択ウィジェットを埋め込む

役割と特典

採用またはチームページ用の役割カード — タイトル、説明、応募への呼びかけ。

お客様の声

著者名、役職、会社を記載した引用カード。信頼性を高めるためにアバターを追加します。

スキル

あなたが何をするかのタグスタイルのリスト。フリーランサーやコンサルタントに便利です。

体験

過去の作業やプロジェクトのタイムライン。各行には期間、会社、役割、簡単な説明があります。

リンク

フラットリンクボタン(バイオスタイルのリンク)。各行にはアイコン、ラベル、URLがあります。

サービス

価格設定済みのオファリング — 各行にはサービス名、説明、および「$Xから」という価格が含まれています。コーチ、コンサルタント、スタジオに最適です。

アジェンダ

時間指定スケジュール行(講演、セッション、コース)。各行には時間、タイトル、およびサブタイトルがあります。

営業時間と所在地

1日の営業時間、住所、地図リンク。ローカルビジネスに最適です。

指標

統計カードの行に表示される主要な数値(ユーザー数、収益、成長率など)。

開発者 / コミュニティ

GitHubのスター数、貢献者、コミュニティリンク。GitHubリポジトリURLから自動で統計を取得。

メディア

カバー画像、タイトル、アクセントカラーを備えたスタンドアロンの動画または画像ブロック。以下で詳しく説明します。

QRコードと連絡先

ページURLとあなたの連絡先情報(メール、電話)を含むスキャン可能なQRコード。

各ブロックは賢明なデフォルト設定で提供されています。文章を差し替えたり、アクセントカラーを調整したり、ページ上の任意の場所にドラッグして新しい位置に配置したりできます。

公開して共有する

ページの表示が正しくなったら、エディターの右上にある保存をクリックしてください。下書きがコミットされると、ヘッダーにチェックマークが表示されます。あなたのページに戻り、このページのカードで公開をクリックすると、古い公開中のページは自動的に非公開になります。

あなたのページURLはページタイトルの下に表示されます。形式は https://knocket.ai/<your-slug> のようになります(例:https://knocket.ai/surya-yoga-nyc)。各スラッグはアカウントごとに一意で、他の誰にも使用されることはありません。URLをコピーして、どこでも貼り付けてください。

  • バイオ内リンク — Instagram、TikTok、X、LinkedIn、YouTube。
  • DM / コールドアプローチ — フォーム+メール+Calendlyリンクの代わりに1つのURL。
  • メール署名 — 電話番号/メール/ソーシャルの羅列を1ページに置き換えます。
  • 名刺QRコード — ページURLがクリーンにQRコードとしてエンコードされます。
  • キャンペーンランディング — キャンペーンごとに新しいドラフトを作成し、実行中のものを公開します。

ページから送信されたすべてのメッセージは、ウェブウィジェットやモバイルウィジェットのトラフィックと同じKnocket受信箱に届きます。手動でチャネルを切り替える必要はありません。

コンタクトページを公開する準備はできましたか?

60秒。カード不要。永久に無料。

無料で始める