Preview

Insight記事の見た目サンプル

`InsightRichTextBody.tsx` のコードをそのまま読む代わりに、実際の画面として見られる確認ページです。

これは見た目確認用のサンプルページです。実際のInsight記事に、CTA、Refcome内URLカード、コールアウト、フォーム、埋め込みを差し込むとどんな雰囲気になるかをブラウザで確認できます。

CTAの見え方

本文の流れの中で、資料請求や問い合わせにつなげたい場所にCTAを差し込めます。

採用広報の進め方をまとめた資料を配布中

記事を読んで興味が出た方向けに、すぐ次の行動につながるCTAの見本です。

資料をダウンロードフォーム入力は1分ほどで完了します。

Insightや資料などのRefcome内URLを本文に1行だけ貼ると、Notionのようなカード表示に自動で変わります。

補足、ポイント、注意点のような短いコラムを、本文の途中に箱型で差し込めます。

HubSpotの共有URLを本文にそのまま貼ると、自動でフォームとして表示されます。下の例では実際のHubSpotフォーム枠を表示します。

※フォームが表示・送信されない場合は、以下へお問い合わせください。

YouTubeの通常URLを本文にそのまま貼ると、自動で動画埋め込みに変わります。下の例では watch URL をそのまま置いています。