Pro [CV2] ヒーロー M-01

HERO

ページ冒頭のメインビジュアル

このヒーローは「中央」「左テキスト+右画像」「全面背景画像」の 3 つのレイアウトから選べます。ボタンは 2 個まで置けて、全面背景は動画も設定できます。

Pro [CV2] アンカーナビ M-10
Pro [CV2] 目次 M-11
Pro [CV2] カード一覧 M-05

CARD LIST

カード一覧

このカード一覧は 2〜4 列を選べます。カードの形は「枠+影」「枠なし」「アイコン」の 3 種類です。

  • 画像・アイコン

    カードごとに画像かアイコンを設定できます。カードは 12 枚まで並べられます。

    詳しく見る
  • リンク

    リンクを設定すると、カード全体をクリックできるようになります。

    詳しく見る
  • ボタン

    カードごとにボタンを置けます。一覧の下にもボタンを 1 つ置けます。

    詳しく見る
Pro [CV2] 2 カラム M-04

TWO COLUMN

画像+テキストの 2 カラム

行ごとに画像の左右・比率(1:1 / 2:3 / 3:2 / 1:2)を選べます。「交互に並べる」を ON にすると左右が自動で入れ替わります。

FEATURE 01

顧客情報をひとつにまとめる

名刺・問い合わせ・商談の履歴を顧客ごとに集約。担当者が変わっても、これまでのやり取りをすぐに確認できます。

詳しく見る

FEATURE 02

商談の進み具合がひと目で分かる

商談をステージごとに一覧表示。受注見込みや次のアクションをチーム全体で共有できます。

詳しく見る
Pro [CV2] タブ M-08

TABS

タブ

タブの見た目は「下線」「ピル」の 2 種類。キーボードの ← → でも切り替えられます。

顧客情報をひとつにまとめる

名刺・問い合わせ・商談の履歴を顧客ごとに集約。担当者が変わっても、これまでのやり取りをすぐに確認できます。

詳しく見る
Pro [CV2] フロー M-09

FLOW

フロー

手順を横並び(PC)または縦並びで表示します。ステップごとに所要時間などのタグを付けられます。

  1. STEP 1

    お問い合わせ

    フォームまたはお電話でお気軽にご相談ください。

    • 約1日
    • 担当: 営業
  2. STEP 2

    ヒアリング・ご提案

    現在の業務と課題をうかがい、最適な使い方をご提案します。

    • 約1週間
    • 担当: 営業
  3. STEP 3

    導入・運用開始

    初期設定とデータ移行を行い、運用開始までサポートします。

    • 約2週間
    • 担当: サポート
Pro [CV2] アコーディオン / FAQ M-06

ACCORDION

アコーディオン / FAQ

質問と回答を 30 件まで並べられます。初期表示で開いておく項目を選べ、FAQ の構造化データ(FAQPage)も出力できます。

Pro [CV2] テーブル M-07

TABLE

テーブル

表は 3 つまで横に並べられます(これは「強調する列」を 3 列目にした例)

設定

できること

既定

備考

1 行目を見出し

1 行目を見出しセルにする

オン

—

1 列目を見出し

1 列目を見出しセルにする

オフ

—

強調する列

おすすめの列を色で強調する

なし

料金比較など

最小幅

狭い画面では横スクロール

640

ヒントを表示

※ 注記はリッチテキストで入れられます。

Pro [CV2] 導入企業ロゴ M-12

LOGO LIST

導入企業ロゴ

ロゴを並べる(グリッド)か、横に流す(マーキー)かを選べます。白黒表示にもできます。

  • サンプル株式会社 A
  • サンプル株式会社 B
  • サンプル株式会社 C
  • サンプル株式会社 D
  • サンプル株式会社 E
  • サンプル株式会社 F
Pro [CV2] 画像・動画 M-15
画像の見本
画像・HubSpot 動画・YouTube・ファイルのダウンロードを 1 つずつ置けます。YouTube はクリックしてから読み込みます。
Pro [CV2] テキスト M-14

テキスト(リッチテキスト)

自由に文章を書けます。見出し・リスト・表・引用は、ブログ本文と同じ見た目になります。

  • 見出しは h2〜h4
  • ボタンを最大 2 つ置けます
Pro [CV2] CTA M-03
無料

CTA セクション

「中央」「左右」「2 つ並び」の 3 レイアウト。フッター上 CTA(G-04)と同じ見た目の CTA をページの途中に置けます。

ボタンの文言
Pro [CV2] フォーム M-16

FORM

フォーム

HubSpot フォームを、見出し・説明と一緒に置けます(中央 / 左右)。

Starter [CV2] 絞り込み一覧(Starter 版) L-03

FILTER LIST

絞り込み一覧

カテゴリのボタンで一覧を絞り込めます。項目はモジュールの中で登録します(repeater、最大 60 件)。

  • NEW

    サンプルクラウド サービス紹介資料

    機能・料金・サポート体制をまとめた資料です。

  • 料金プランのご案内

    プランごとの機能と料金の違いをまとめました。

  • 製造業での導入事例集

    製造業のお客様の活用方法と導入効果をご紹介します。

  • 営業 DX の進め方ガイド

    営業活動をデジタル化するための手順を解説します。

  • IT サービス業での導入事例集

    IT サービス業のお客様の活用方法をご紹介します。

Pro [CV2] 絞り込み一覧(HubDB 版) L-04

FILTER LIST(HubDB)

絞り込み一覧(HubDB 版)

項目を HubDB のテーブルで管理する版です。見た目・絞り込みは L-03 と同じ。Starter では「絞り込み一覧(Starter 版)」で同じ表示になります。

  • サンプルクラウド サービス紹介資料
    NEW

    サンプルクラウド サービス紹介資料

    機能・料金・サポート体制をまとめた資料です。

    資料をダウンロード
  • 製造業での導入事例集

    製造業での導入事例集

    製造業のお客様の活用方法と導入効果をご紹介します。

    資料をダウンロード
  • 営業 DX の進め方ガイド

    営業 DX の進め方ガイド

    営業活動をデジタル化するための手順を解説します。

    資料をダウンロード
Pro [CV2] 記事一覧 L-01

POST LIST

記事一覧

ブログを指定して最新の記事を表示します。タグを指定すると、そのタグの記事だけを表示します。カード表示とリスト表示があります。

一覧を見る
Pro [CV2] 関連記事 L-02
Pro テンプレートの見本([CV2] カード一覧) T-01〜T-05

TEMPLATES

テンプレートの見本

各テンプレートで作ったページです。LP 用のモジュール(LP-01〜LP-04)は LP の見本で確認できます。

  • トップ(T-01)

    hero → カード一覧 → お知らせ。

    見本を見る
  • 下層ページ(T-02)

    ページ見出し(パンくず込み)→ 本文。

    見本を見る
  • 資料 LP(T-03a)

    フォームを右に追従。イチサンフォームに対応。

    見本を見る
  • 問い合わせ LP(T-03b)

    本文の下にフォーム。

    見本を見る
  • サンクス(T-05)

    フォーム送信後のページ。

    見本を見る
Pro サンプルブログへのリンク([CV2] カード一覧) T-04 / T-08〜T-11

BLOG

サンプルブログ(Pro 版)

Pro ではブログを種別ごとに分けます(ブログ・お知らせ・用語集・セミナー・導入事例)。

  • ブログ(コラム)

    サイドバー・目次・CTA 付きの記事ページ。

    ブログを見る
  • お知らせ

    外部リンク・本文なしの記事に対応した一覧。

    ブログを見る
  • 用語集

    頭文字ナビ付きの一覧と、関連記事付きの記事ページ。

    ブログを見る
  • セミナー

    開催日時・受付状態・種別タグ付きの一覧と申込フォーム。

    ブログを見る
  • 導入事例

    企業名・複数軸のタグで絞り込める一覧。

    ブログを見る