見た目にこだわる:スケジュールを魅力的に見せる方法

画像、動画、ロゴを追加して、スケジュールのレイアウトをカスタマイズしましょう。サービス説明に画像を追加することで、スケジュールをビジュアル豊かにできます。
2017-06-30 約1分で読めます
見た目にこだわる:スケジュールを魅力的に見せる方法

SuperSaaS のスケジュールは、もちろんユーザーにとって使いやすく機能的であるべきですが、ユーザーにとって視覚的に魅力的なものにしたいとお思いかもしれません。この記事では以下のトピックを取り上げます:

スケジュール、イベント、サービスに画像を追加する

スケジュールや説明文に画像を追加する前に、画像へのオンラインリンクを作成する必要があります。自分のウェブサイトやブログ、または ImgurFlickr などのサイトにアップロードして、画像をオンラインで利用できる状態にしてください。

注意:予約スケジュールや予約説明文に画像を直接アップロードしたり貼り付けたりすることはできません。 画像をスケジュールにリンクするには、URL が必要です。

画像の URL が準備できたら、以下の手順でオンライン予約スケジュールに画像を追加してください:

  1. スケジュールの「設定」タブをクリックし、「レイアウト」タブから「カスタムメッセージ」セクションに移動します。
  2. 「スケジュール上部の空白に表示するメッセージ」ボックスで、画像の挿入・編集アイコンをクリックします。
  3. 「ソース」の横に URL を貼り付け、画像のキャプションまたは説明を入力します。
  4. 「Ok」をクリックし、画面下部の「変更を保存」をクリックします。
  5. 使用」タブからスケジュールをテストし、画像が正しく表示されているか確認します。

定員制スケジュールの各予約スロットに画像を追加する: ワークショップやフィットネスセッションなどのグループイベント向けのオンライン予約スケジュール(いわゆる定員制スケジュール)を作成している場合、各予約の説明文にも画像を追加できます。クラス、カンファレンス、ワークショップ、イベントなどの予約の説明文に画像を追加できます。

たとえば、グループイベントのインストラクターや講師のプロフィール写真を表示したい場合、定員制スケジュールの各予約スロットの「説明」フィールドに画像へのリンクを貼り付けることができます。

サービス説明文に画像を追加する: サービスベースのビジネスでは、各サービスの説明文に画像を追加できます。サービス型スケジュールをご覧いただき、特定の要件に適しているかどうかをご確認ください。さまざまなサービスを提供している方は、「サービス」タブから説明文のテキストボックスに画像の URL を追加してください。

スケジュールに YouTube 動画を埋め込む

スケジュールに動画を追加することは、信頼性を高め、新規顧客に自分の仕事をアピールする素晴らしい方法です。以下の手順でスケジュールに動画を埋め込むことができます:

  1. スケジュールの「設定」タブをクリックし、「レイアウト」タブから「カスタムメッセージ」セクションに移動します。
  2. 「スケジュール上部の空白に表示するメッセージ」ボックスで、リンクの挿入・編集アイコンをクリックします。
  3. URL を貼り付けると、「表示テキスト」フィールドに自動的に複製されます。動画の説明や視聴を促す案内文に変更することをお勧めします。
  4. ユーザーをスケジュールから離れさせたくない場合は、「新しいウィンドウで開く」オプションを選択します。
  5. 「Ok」をクリックし、画面下部の「変更を保存」をクリックします。
  6. 使用」から、動画リンクが新しいウィンドウで開くこと、および説明が正しいことを確認します。

YouTube 動画を iframe で埋め込むのも同様に簡単です。動画の下にある「共有」をクリックし、「埋め込む」をクリックすると iframe コードが表示されます。 このコードをコピーして、上記と同じボックスのソースコードオプションに貼り付けてください。変更を保存して確認することをお忘れなく。

ロゴをアップロードすることも可能です。 「レイアウト設定」の「ヘッダーとフッター」設定から行うことができます。 ロゴをクリックしたユーザーがウェブサイトや Facebook ページに誘導されるよう、リンクを追加することもお勧めします。

ロゴのファイルサイズは 100 KB 以内にしてください。 Photoshop や Lightroom などの標準的な画像編集ソフトを使用するか、resizeimage.io などのオンラインツールを利用してサイズを調整できます。

SuperSaaS スケジュールにロゴを追加する方法は、こちらの短い動画でご覧ください:

スタイリッシュでプロフェッショナルな仕上がりのために、スケジュールのレイアウト、カラースキーム、メッセージの設定についてもお読みください。お困りのことや追加のご質問がございましたら、お気軽にお問い合わせください。