Hopin Canvasを使用してイベント登録ページを設定する方法

  • 更新

No_Free.png

Hopin Canvasとは?

Hopin Canvasは、イベントのマーケティング向けに美しくデザインされた、機能的で魅力的なイベント登録ページをすばやく作成して起動するオーガナイザー向けの新しいツールです。

これはHopinプラットフォーム全体と統合されているため、すべての参加者にシームレスなイベント体験をご提供できます。

Hopin Canvasを使用してイベントページを作成するには、準備したテーマの1つを編集する必要があります。 必要なテーマを選択し、ブランドのデザインにぴったり合うようにカスタマイズし、テキストを挿入し、お持ちの画像に置き換えるだけです。 以上です!

開始するには、

  • [イベントダッシュボード] で[登録] > [登録フォーム]を開きます。
  • Hopin CanvasHopinデフォルトにすぐにアクセスできます。 Hopin Canvasページの編集をクリックして、カスタマイズを開始します。
備考:イベントでHopin Canvasをアクティベートするには、必ず[このレイアウトを使用]をクリックしてください。

choose_canvas.png

  • 希望のテーマを選択する

choose_a_theme.png

  • 次に表示されるページは、要素をドラッグアンドドロップしてイベントページを作成できるページビルダーです。

イベントページビルダーのレビュー

Screenshot_2021-07-04_at_12.34.22.png

ページの左側には、イベントページのさまざまなセグメントをカスタマイズできる要素を含むサイドメニューがあります。 ヘッダーブロックを使用すると、ヘッダーを追加してカスタマイズできます。 セクションブロックを使用すると、セクションを追加してカスタマイズできます。

ワークスペースでは「コピー」ボタンをクリックしてブロックを複製できます。右上の「元に戻す」ボタン(cmd+z または ctr+z)をクリックして操作を取り消すか、ブロックの左側にある「削除」ボタンを使用してブロックを削除できます。  

Step_1.gif

トップパネルでは、モバイルデバイス、タブレット、デスクトップでイベントページがどのように表示されるかを確認できます。

ページビルダーの右側には、[レイアウト]タブと[テーマ]タブがあります。 [レイアウト]タブでは、テキスト、ロゴ、画像などの各ブロックのコンテンツをカスタマイズできます。[テーマ]タブでは、作業中の現在のテーマが表示され、フォントとボタンの色を変更できます(上位プランのみ)。

Step_2.gif

独自のイベントページを作成する

独自のイベントページを最初から作成する場合は、最初に好きなテーマを選択し、ページビルダーに入ってから右上の[元に戻す]ボタンをクリックします。 これにより、作業するための空白ができます。

備考:以前にイベントページを編集した場合、空白を作成するには各ブロックを削除するしかありません。

Screenshot_2021-07-04_at_12.37.51.png

登録ページの作成の詳細については、以下のオプションをご覧ください。

  • ヘッダーを追加

    • 左側の「ヘッダー」タブをクリックして、いずれかのオプションを選択します。

    Screenshot_2021-07-04_at_12.41.35.png

    • 追加されたら、背景画像をクリックしてから「レイアウト」タブをクリックして画像を変更し、ロゴを追加します。 「ヘッダーに表示」ボタンをトグルして、ロゴを削除・表示します。
    :画像を追加するときは、右側に指定されている画像の形式とサイズに注意してください。

    Screenshot_2021-09-19_at_11.05.09.png

    • テキストを編集するには、いずれかのテキストをダブルクリックします。 次に、「テーマ」タブを選択して、テキストのフォントを変更します(フォントの変更はページ上のすべてのフォントに適用されます)。 デモンストレーションについては、以下のビデオを参照してください。

    • ボタンをカスタマイズするには、ボタンをクリックし、「レイアウト」タブを選択してテキストを変更し、「テーマ」タブを選択してフォントと表示色を変更します。

    Screenshot_2021-09-09_at_15.37.00.png

  • 「情報」セクションを追加する

    • 「セクション」タブをクリックして、任意のセクションスタイルを選択します。 セクションはいくつでも追加できます
    • ヘッダーの手順に示されているように、テキストをダブルクリックして編集します。 「テーマ」タブを使用してフォントを変更できます。

    Screenshot_2021-07-04_at_12.59.49.png

  • 講演者を追加 

    • 「講演者」タブをクリックして、イベントの講演者紹介に使用される講演者グリッドを追加します。
    • ここでは、テキストをダブルクリックして講演者情報を手動で追加することができます。または、イベントダッシュボードですでに講演者を追加している場合、ブロックをキャンバスに配置すると、情報が自動的にインポートされます。 「講演者をインポート」のブロックをクリックし、追加する人を選択します。

    Step_3.gif

    講演者を追加したら、講演者名をクリックして、各々に「講演者の略歴」を追加できます。 「モーダルで略歴を表示」を「オン」に切り替えると、下のテキストボックスに略歴を追加できます。 さらにリンクを追加したり、テキストの書式設定をすることもできます。

    speaker_bio.png

    略歴を追加したら、「モーダルのプレビュー」をクリックして、参加者がイベントに登録した際にどのように表示されるかを確認できます。 

    speaker_bio_2.png

  • 「スケジュール」セクションを追加する

    Screenshot_2021-07-04_at_13.29.19.png

  • 「スポンサー」セクションを追加する

    Screenshot_2021-07-04_at_13.31.40.png

  • ブースを追加する

    • 「展示会」タブを選択してブースを追加します
    • すでにイベントダッシュボードからブースを追加している場合は、それらをインポートできます。
    • ブースを作成するときは、サイズを「スモール」または「ラージ」に設定してください。 ミニブースはインポートできません。

    Screenshot_2021-07-04_at_13.33.10.png

  • 色の変更 & カラーパレット(上位プランのみ)

    各テーマにはあらかじめ複数の色が設定されており、ユーザーがそれを上書きすることも可能です。 各色は、プライマリフォント、セカンダリフォント、背景、CTA(コール・トゥ・アクション)の色など、テーマの異なるUI要素に対応しています。

    Screenshot_2021-09-04_at_12.33.04.png

    UI要素の色を変更するには:

    1. UIの正しい部分に対応する丸いアイコンをクリックします
    2. 16進数コードを入力するか、カラーピッカーで色を選択します

    Step_4.gif

    イベントページの設定がすべて終わったら、右上のプレビューボタンを使用してイベントページを確認します。 イベントの公開後に変更を加える場合は、作業内容が失われないように、必ず「保存」をクリックしてください。

    Screenshot_2021-07-04_at_13.34.21.png

    イベントが公開されると、ランディングページはイベントダッシュボードの登録ページ設定で選択した内容に応じて、デフォルトのHopin登録ページか、作成したばかりのイベントページになります。

  • ハイパーリンクを追加する方法は?

    ハイパーリンクを追加する機能は、イベントページビルダーの「セクション」タブからスタイルを選択すると使用できます。

    Screenshot_2021-09-04_at_13.00.58.png

    ハイパーリンクを追加するには、単語を強調表示し、3つのドットをクリックして、ハイパーリンクオプションを選択し、リンクを入力します。

    Screenshot_2021-09-04_at_12.53.38.png

イベントダッシュボード内の内容を変更した場合はどうなりますか? 

Canvasにイベントページをセットアップしたあとにイベントダッシュボード内の内容を変更した場合、たとえば新しいブースを追加した場合は、イベントページを更新し、その新しい情報をインポートする必要があります。

イベントページのURLはどこにありますか?

イベントページのURLを見つけるには、「イベントダッシュボード」>「概要」ページに移動します。 右側の「イベントリンク」セクションで、「リンクを表示」をクリックします。

Screenshot_2021-09-04_at_12.44.38.png

これにより、イベントの登録リンクが表示されます

Screenshot_2021-09-04_at_12.45.22.png

テーマを変更したい場合はどうすればよいですか? 

すでにテーマの作成を開始したあとでもテーマは変更できますが、以前の作業内容は失われることにご注意ください。

ブロックのいずれかをクリックして、右側の「テーマ」タブを選択します。テーマエリアで、「テーマの変更」をクリックして新しいテーマを選択します。

Screenshot_2021-09-09_at_15.43.56.png

ご質問やサポートのお問い合わせは、support@hopin.comまでお気軽にお寄せください。

この記事は役に立ちましたか?