見出し画像

【Beds24予約エンジン】自社HPのデザインと統一するコツ

自社HPを持つお宿向けの内容です。

予約エンジンのデザインは、できる限り自社HPと統一しましょう。

同様のデザインにすることで、ゲストの離脱を防ぐ効果が期待できます。

以下、Beds24予約エンジンの設定方法を解説します。

1.配色を統一

自社HPからカラーコードをコピー

自社HPの色から、16進数のコードをコピーしましょう。

Windowsの場合、標準搭載されている『ペイント3D』を使用します。

①自社HPの画面をスクショ
②スクショをペイント3Dに取り込み
③スポイトでカラーコードを取得(画像参照)

参考及び画像元:簡単!windows10の標準ツール『ペイント3D』(後略)

※Macの方はこちら

Beds24予約エンジンに色を反映

以下のページで、コピーした色を貼り付けてください。

予約エンジン > プロパティ予約ページ > スタイル

色の反映箇所について、詳しくはこちら

2.フォントを統一

以下のページで、自社HPのフォントに近しいものを選択しましょう。

予約エンジン > プロパティ予約ページ > スタイル

Beds24で使用できるフォントは8種類です。

①Arial

  • 一定の太さ

  • カジュアルな印象

②Courier New

  • かなり細めで一定の太さ

  • 洗練された印象

③Georgia

  • 高さが異なるオールドスタイル数字を採用

  • 上品で、大人っぽい印象

④Lucida Sans Unicode

  • 少しずつ異なる太さ

  • 親しみやすい印象

⑤Tahoma

  • 文字間が少しせまい

  • スッキリした印象

⑥Times New Roman

  • 新聞用書体

  • 信頼できる、堅実的な印象

⑦Trebuchet MS

  • 少しスリム

  • 親しみやすい印象

⑧Verdana

  • 古くから使われている

  • 小さい文字も読みやすい

3.適切なサイズの画像を掲載

スマホでの閲覧を想定した、画像サイズの目安を紹介します。

大きすぎる画像・・・ページの読み込みが遅くなるためNG
小さすぎる画像
・・・画像がボヤけるためNG

参考:(前略)画像サイズの目安

なお、Beds24で推奨する画像の容量は、1枚あたり5MB以下です。

メイン画像

推奨サイズは2000px以上です。

画像元:ホテルシルバーホーン

サブ画像

推奨サイズは320px〜1280pxです。

画像元:so, KANAZAWA

画像サイズの変更は、こちら(iLoveIMG)で簡単に行えます。

最後に

設定が難しい場合は、弊社メールサポートにお問い合わせください。


いいなと思ったら応援しよう!