この記事では、具体的なコンテンツの作り方についてHirameki 7での実際の操作方法を交えてご案内します。「会社概要」を中心に、関連するコンテンツの作例使って説明しています。企業だけでなく、団体やサークルなどでも利用できる内容になっていますので、ご確認ください。

１．「会社概要」、「会社沿革」の作り方

「会社概要」は、Hirameki 7のWebサイト機能では既にセットパーツ「企業概要」としてご用意しておりますので、企業プロフィールに情報を登録いただいている場合は、その内容がそのまま入力されてパーツを追加するだけで完成します。

しかし、残念ながらセットパーツ「企業概要」では、表示される項目が、

・会社名

・代表者名

・代表電話番号

・本社所在地

・創業日

２．「お客様の声」の作り方

「お客様の声」についても、Hirameki 7ではセットパーツが用意されています。

用意されているセットパーツでは、縦・横に2列、3列、4列と選択することができます。掲載数などに合わせて見出しや画像、テキストを組み合わせて選択すると良いでしょう。

１つの「お客様の声」を掲載する場合は、縦並びを選択し1列で表示させるとレイアウト的にもスッキリします。

「お客様の声」はサービスや商品を購入しようとしている新たな訪問者に対して重要な判断資料となりますが、一方で掲載されている内容についてはできるだけ具体的な内容を掲載いただくことをお勧めします。基本的にはポジティブな内容を掲載いただくケースが多いかと思いますが、表現の変更や画像掲載などの許諾も含めて掲載される内容については、掲載前にお客様に確認の上、了承・同意を取って掲載するようにしましょう。

「お客様の声」パーツは、画像、見出し、テキストで構成されるコンテンツであれば、商品紹介やサービス紹介などにもご利用いただけますので、お客様の声だけでなく様々な目的にご利用いただけます。

例えば、採用ページを作成する場合には、「お客様の声」を「社員からの声」や「メンバーからのメッセージ」など応募者に対する呼びかけを掲載するなどに利用することも可能でしょう。

３．「◯◯の流れ」の作り方

申込や、サービス・商品の購入までの「流れ」を説明するコンテンツは、企業であれば売上やコンバージョンに直結するものです。できるだけわかりやすく、端的に記入することをお勧めします。

こちらの手順や流れを説明するパーツも、もちろんご用意しています。ステップパーツを利用すると、縦方向、横方向にステップを説明するコンテンツを追加することができます。

横方向のステップを選択した場合でも、スマートフォン表示では縦方向に表示されますので、ご留意ください。また全体の文字数やステップ数が多くなりすぎないように注意しましょう。

オリジナルな画像などを使って作成する場合には、4列のレイアウトパーツ、画像パーツ、見出しパーツ、テキストパーツを使って作成することも可能です。

また、「アコーディオンパーツ」を使うことで、長くなる手順をコンパクトに見せることもできます。アコーディオンパーツでは、

アコーディオンパーツのテキスト入力欄はHTMLタグが使えますので、画像タグなどを使い画像を埋め込むことも可能です。

画像を埋め込む際には、ブラウザのデベロッパーツールを利用すると非常に便利です。画像パーツを追加し、一旦保存します。その上で、プレビュー画面を開き追加したい画像を右クリックして「検証」をクリックします。すると画面右側にHTMLソースコードが表示され画像貼り付けタグがハイライトされますので、その状態でさらに該当のコードの上で右クリックすると「コピー」というメニューがありますので、そちらの中の「要素コピー」をクリックします。

コードがコピーされますので、その内容をテキスト入力欄に貼り付けると画像がアコーディオンパーツの中で表示されるようになります。追加した画像パーツは削除してもらっても、アコーディオンパーツ内に配置された画像は削除されませんので、不要な場合は削除いただけます。

ステップパーツを使ったコンテンツとしては、「商品購入の手順」、「契約までの流れ」や「採用プロセス」などに利用できます。