Kanorioでは現在39種類のモジュールを提供しており、21種類のコンテンツモジュール、2種類のストアモジュール、16種類の統合モジュールに分類されています。モジュールリストは製品の進化に伴い変更される可能性があります。サイトを作成する際は、エディターの「モジュール」パネルに表示されるオプションを参照してください。
コンテンツモジュールは、「ビジュアル」、「テキスト＆メディア」、「テキストコンテンツ」、「ユーティリティ」の4つのタブに整理されています。モジュールを選択する際は、「訪問者がこのセクションを見た後に何を理解し、どう行動すべきか？」を自問してみてください。サービスを説明したい場合はテキストやカードモジュールを、データを収集したい場合はフォーム統合を、直接販売したい場合はストアモジュールを使用します。
ヘッダーとフッターもコンテンツモジュールですが、これらはサイトの固定された上下のフレームとして機能します。これらは一般的なモジュールリストではなく、"レイアウト"パネルから追加または設定してください。ヘッダーにはロゴ、ページリンク、主要なCTAを配置し、フッターには連絡先情報、ソーシャルリンク、ナビゲーション、法的リンクを配置します。
コンテンツモジュールは、ブランド、サービス、実績、情報を紹介するために使用されます。ヘッダーとフッターはモジュールパネルにはなく、「レイアウト」から追加します。
大きな画像や全幅のビジュアルを使用して、強い第一印象を与えます。
| モジュール | 目的 |
|---|---|
| ヒーローセクション | 訪問者が最初に目にするセクション。見出し、短い紹介、ブランドロゴに最適です。 |
| 全幅画像 | タイトル、説明、ボタンをサポートする全幅の画像です。 |
| 画像カルーセル | 複数のプロジェクトや写真のスライドギャラリー。注目の事例に最適です。 |
| 画像ギャラリー | 複数の画像のグリッドレイアウト。ポートフォリオやイベント写真に最適です。 |
画像とテキストやカードを組み合わせて、ブランド、サービス、または機能を紹介します。
| モジュール | 目的 |
|---|---|
| テキスト＆画像 | 詳細な説明と組み合わせた画像。ブランドストーリーやサービスの流れに最適です。 |
| カードギャラリー | 画像、タイトル、概要を含むカードのグリッド。サービスや製品に最適です。 |
| カードカルーセル | カードの水平スライダー。複数のサービスを紹介するのに最適です。 |
| コールアウト | 雰囲気を設定したり、ブランドの主張を強調するための大胆なステートメントです。 |
| マルチメディア | ビデオ、オーディオ、PDFをカードとしてアップロード。カタログや教材に最適です。 |
「マルチメディア」モジュール経由でアップロードされたPDF、オーディオ、ビデオは、デジタル製品やブログメディアとストレージ容量を共有します。現在の使用量と制限を確認するには、ウェブサイトのストレージ管理をお読みください。
読む必要のある情報に焦点を当てたテキストモジュールです。
| モジュール | 目的 |
|---|---|
| ブログリスト | 公開されたブログ投稿を自動的にリスト表示。ソースとレイアウトで調整可能です。 |
| 長文テキスト | 詳細な説明用。Markdownと目次をサポートしています。 |
| テキストカードギャラリー | 画像なしで重要なポイントを強調。プロセスやチームの役割に最適です。 |
データ、時間、FAQ、外部リンクのための機能的なモジュールです。
| モジュール | 目的 |
|---|---|
| FAQ | 訪問者の疑問を解消するための折りたたみ可能な質問リストです。 |
| 料金表 | 異なるプランや機能を比較し、訪問者がオプションを理解するのを助けます。 |
| 主要指標 | クライアント数や経験年数など、数字を使用して成果を示します。 |
| タイムライン | ブランドの歴史、プロジェクトの進捗、またはマイルストーンを表示します。 |
| カウントダウン | イベントやオファーの期限を表示。終了日が正しいことを確認してください。 |
| 配送情報 | 配送エリア、料金、送料無料のしきい値を表示します。 |
| メディア/ブログリンク | 外部記事、メディア掲載、またはブランドリンクのリストです。 |
ストアモジュールは、製品と決済フローがすでに設定されているサイト向けです。単に価格を表示するだけでなく、訪問者をチェックアウトへ導きます。
| モジュール | 目的 |
|---|---|
| 料金選択 | 1つの製品に対する異なるプランや機能を表示。サービスに最適です。 |
| 製品表示 | 複数の画像とハイライトを備えた1つの製品を紹介します。 |
| 製品カタログ | 複数の製品をリスト表示。訪問者はクイック購入または製品ページ経由で購入できます。 |
チェックアウトなしでサービスを比較するだけでよい場合は、「料金表」を使用してください。販売を行いたい場合は、まずオンラインストアと決済設定を完了してください。
統合モジュールは、他のプラットフォームからの公開コンテンツや予約ツールを埋め込みます。これらはトラッキングコードではありません。トラッキングコードはバックグラウンドでデータを記録しますが、統合モジュールはコンテンツを表示したり、インタラクションを可能にしたりします。
| モジュール | 目的 |
|---|---|
| インスピレーションや製品キュレーションのために公開プロフィールやボードを表示します。 | |
| Behance | クリエイター向けのプロジェクトを紹介します。 |
| ブランドの最新情報のために公開投稿やリールを表示します。 | |
| Threads | 短い形式の思考のために公開されたThreads投稿を表示します。 |
| TikTok | チュートリアルや舞台裏のために公開ショートビデオを表示します。 |
| Discord | 訪問者をサーバーに案内するための招待情報を表示します。 |
| モジュール | 目的 |
|---|---|
| YouTube | 公開ビデオやプレイリストを埋め込みます。 |
| Spotify | 音楽、アルバム、またはポッドキャストを埋め込みます。 |
| Apple Music | Apple Musicのトラック、アルバム、またはプレイリストを表示します。 |
| Apple Podcast | Apple Podcastの番組やエピソードを表示します。 |
| モジュール | 目的 |
|---|---|
| SurveyCake | フィードバックや登録のためのアンケートを埋め込みます。 |
| Googleフォーム | 簡単な問い合わせのためにGoogleフォームを埋め込みます。 |
| Typeform | プレミアムなアンケート体験のためにTypeformを埋め込みます。 |
| Calendly | 訪問者が直接予約できるようにします。 |
| モジュール | 目的 |
|---|---|
| Figma | 公開デザイン、FigJamボード、またはプロトタイプを表示します。 |
| Googleビジネス | 実店舗の場所、住所、営業時間、地図情報を表示します。 |
モジュールパネルで目的やプラットフォーム名で検索してください。それでも見つからない場合は、最も近いコンテンツモジュールの組み合わせを使用してください（例：カードを使用してサービスを説明し、外部リンクを使用して訪問者を別のツールに誘導する）。すべてのサードパーティサービスが埋め込めるわけではありません。
AIをサポートするモジュールには、作成または編集時にAIアシスタントの入り口が表示されます。統合、ヘッダー、フッター、および外部データに依存するモジュールは、通常手動設定が必要です。
統合モジュールは外部コンテンツ（ビデオ、フォーム、予約）を表示または有効にします。サードパーティのトラッキング（GTM、GA4、Meta Pixelなど）はバックグラウンドでデータを記録します。
はい、ただし各インスタンスには異なる目的を持たせるべきです。例えば、1つはサービス用、もう1つはプロセス用などです。同じコンテンツを複製しないでください。
オンラインストアで製品設定と決済設定を完了し、正しいウェブサイトを編集していることを確認してください。ストアモジュールには既存の製品データが必要です。
リンクインバイオツールは専用のフルページレイアウトであり、「モジュールを追加」リストには表示されません。これらはソーシャルリンクや予約リンク用であり、他のモジュールと混在させることはできません。一般的なカバー、テキスト、または統合モジュールをお探しの場合は、上記のカテゴリに戻ってください。リンクインバイオページを編集するには、リンクインバイオツールの使用をお読みください。
