ホテル予約ウェブサイトの作成方法(ステップバイステップガイド)

Booking.com、Expedia.com、Trivago.comなどのホテル予約Webサイトを作成しますか??


まあ、思ったより簡単です.

ホテル予約のウェブサイトの構築は非常に複雑で費用がかかると考えていました。開発者やデザイナーを雇うには多額の費用(15,000〜60,000ドル)を費やす必要があります。数年かかる.

そう考えているなら……… あなたに良いニュースがあります. ��

良いニュースは、開発者やデザイナーを雇ったり、多額の費用をかけたりすることなく、30分未満でホテル予約Webサイトを作成できることです。.

このチュートリアルでは、Booking.comのようなホテル予約Webサイトを作成する方法を紹介します.

ホテル予約ウェブサイトを作成する

ただし、ホテル予約のウェブサイトを作成する前に、まずホテル予約ビジネスモデルの仕組みを確認しましょう.

ホテル予約ウェブサイトが使用する最も一般的なビジネスモデルは次のとおりです.

Contents

商人モデル

このモデルでは、Booking、Expediaなどのオンライン旅行代理店(OTA)が事前に大幅な割引で部屋のブロックを購入しています。.

たとえば、ホテルの100室のブロックを1泊100ドルで購入したとします。次に、100部屋を1泊あたり150ドルで再販します。.

つまり、購入価格の50%以上で販売されています.

代理店モデル

このモデルでは、オンライン旅行代理店は顧客のお金を集めません.

たとえば、Expedia.comで部屋を予約すると、顧客はホテルにリダイレクトされます.

顧客が部屋を予約すると、Expedia.comが手数料を受け取ります.

ホテル比較サイト

のようなサイト Trivago.com 多数のホテルや予約ウェブサイトからニーズに基づいて部屋を選択できるホテル比較サイトです.

顧客がリンクを通じて部屋を予約すると、手数料が発生します.

ホテル予約サイトを今すぐ構築する準備はできましたか?始めましょう…

ホテル予約ウェブサイトを始めるために何が必要ですか?

ホテル予約ウェブサイトを作成するための適切なプラットフォームを選択するために最初に必要なこと.

利用可能なコンテンツ管理システム(CMS)はいくつかあり、最適なものを選択するのは非常に困難です.

ありがたいことに、あなたはそれを心配する必要はありません。私たちはそれらの多くをテストし、最も便利なものをあなたに教えます. 

最高のCMS W3techs

「最も人気のあるCMSはWordPressです– W3Techs

最も人気があり、最高のコンテンツ管理システムはWordPressです.

2700万以上のWebサイトがWordPressを利用しています そして急速に成長しています.

WordPressをおすすめする理由は次のとおりです。

  • WordPressはオープンソースソフトウェアであり、100%無料で使用できます
  • WordPressを使用してあらゆる種類のWebサイトを作成できます
  • 完全にカスタマイズ可能です
  • WordPressディレクトリには、50,000を超えるプラグインと50,000のテーマがあります
  • 速度が最適化され、安全で、SEOにやさしい
  • 公式のWordPressフォーラム、さまざまなFacebookグループ、さまざまなWordPressブログなど、ほとんどどこからでもWordPress関連のサポートを受けることができます。.
  • 常に最新です
  • そして、たくさんあります.

ホテル予約ウェブサイトを作成するには、ドメイン名、ウェブホスティング、SSL証明書が必要です.

  • ドメイン名とは? ドメイン名は、インターネット上のウェブサイトのアドレスです。たとえば、「Google.com」はドメイン名です.
  • Webホスティングとは? Webホスティングとは、Webサイトがホストまたはオンラインで保存される場所です。ドメインとホスティングが接続されると、ウェブサイトをオンラインで見ることができます.
  • SSL証明書とは? メール、パスワード、支払いの詳細など、顧客の詳細を収集する場合は、SSL証明書が非常に必要です。 SSL証明書がなければ、ハッカーはサイトを簡単にハッキングできます.

通常、ドメイン登録費用は 1年間$ 14, ウェブホスティング 9〜14ドル 月額 そして 年間60〜240ドル SSL証明書の場合.

始めたばかりなら多すぎる.

幸いなことに、Hostgatorは無料のドメイン登録と無料のSSL証明書を、月額$ 2.75からのホスティングプランで提供します。.

HostGatorは最も古いWebホスティングプロバイダー(2002年に設立)の1つであり、現在世界中で数百万を超えるWebサイトに電力を供給しています. 

共有、WordPressホスティング、VPS、クラウド、専用など、さまざまなタイプのホスティングを提供します.

HostGator共有ホスティングの主な機能:

  • 無料ドメイン登録
  • ワンクリックでWordPressをインストール
  • 無料のWordPressサイト転送
  • 最新のコントロールパネル
  • 無料のSSL証明書
  • 計測されていない帯域幅 & ストレージ
  •  24時間365日のサポート
  • 99.98%の稼働率
  • 45日間の返金保証

ホテル予約ウェブサイトを作成する方法

1. Webホスティングを入手する

ニーズに基づいてホスティングプランを選択するために最初に必要なこと.

一緒に行くことをお勧めします HostGatorの共有ホスティング 予定 手頃な価格なので.

ステップ1, まず、 HostGatorの ウェブサイト。にクーポンを追加しました このリンク 60%割引になります。プロモーションコードを入力することもできます WPMYWEB60 支払いの詳細を記入している間.

または,

ここをクリックして==に移動します> www.hostgator.com <==ウェブサイト.

ステップ2, 共有ホスティングプランを選択する.

HostGatorは、Hatchling、Baby、Businessの3つの異なる共有ホスティングプランを提供します.

今すぐ1つのWebサイトのみをホストする場合は、 孵化計画. ただし、現在の計画はいつでもアップグレードできます.

クリックしてください 今買う 開始するためのボタン.

Hostgator共有プラン

その後、ドメイン登録ページにリダイレクトされます.

2.ドメインを登録する

ホテル予約Webサイトを構築する前に、Webサイトのドメイン名を選択する必要があります.

ビジネスやウェブサイトに適切なドメイン名を選択することは非常に重要です.

ドメイン名はあなたのビジネスをオンラインで表し、あなたのウェブサイトにアクセスするときに人々が最初に気づくので.

間違ったドメイン名を選択すると、ビジネスがうまく成長しない可能性があります.

ビジネスに適したドメイン名を選択する方法についてのクイックガイドを以下に示します。

a).COMドメインを常に使用する

.comは最も人気のあるドメイン拡張子であり、ユーザー数が非常に多いため、.comドメインを登録することを強くお勧めします。ブランドを構築する方が簡単です.

さらに、.comは主に商業ビジネス、eコマースWebサイト、ブログ、またはあらゆる種類の収益性の高いWebサイト用に作成されました.

読んだ, .Com vs .Net –どのドメイン拡張子を選択する必要があるか.

b)ドメイン名をできるだけ短くする

ドメイン名はできるだけ短くしてください。理想的なドメイン長は5〜14文字です.

短い名前は覚えやすく、覚えやすい.

c)ドメイン名にハイフンと数字を使用しない

ドメイン名にハイフンや数字を追加しないでください。ハイフンまたは数字を含むドメイン名は正当に見えず、ほとんどの場合、詐欺師はそれを使用します.

d)文字を繰り返さないでください

ウェブサイトのドメインを選択するときは、文字を繰り返さないでください。たとえば、このドメインでは、「petttshoop.com」は、1つ以上の繰り返される文字を含み、使用するのは適切ではありません.

これらのタイプのドメイン名はしばしば人々を混乱させる.

e)新しいドメイン名を考える

.comドメイン名は非常に人気があるため、すべての適切なドメイン名がすでに登録されているため、再度登録することはできません。これが発生した場合、適切な名前が見つかるまで、新しい名前を考える必要があります。ブランドに自分の名前を使用することもできます.

ドメインを登録しましょう.

ステップ1、ドメインを選択する

このページから、ドメイン名を登録する必要があります.

最初に、ドメイン名を入力すると、ドメインが登録可能かどうかが自動的にチェックされます. 

入力したドメインが既に使用されている場合は、新しい名前をお試しください.

次に、 新しいドメインを登録する.

HostGatorドメイン登録

ステップ2、ドメインのプライバシーを追加する

ドメイン名を入力すると、 ドメインのプライバシー保護 オプション。デフォルトではチェックされています.

ドメインプライバシー保護を追加することを強くお勧めします. 

しかし、それはあなたに追加の14.95ドルの費用がかかりますが、スパマーからあなたを救います.

HostGatorドメインのプライバシー

ドメインのプライバシーは基本的に、次のようなドメイン検索ツールからすべての連絡先情報を隠します 誰が, ICANNルックアップ, 等.

ドメインのプライバシーを有効にしていない場合、スパマーはあなたの名前、電話番号、メールアドレスを収集し、常にスパムを送信します.

次に、HostGator注文フォームに記入する必要があります.

ステップ1、ホスティングプランを選択する

このセクションから、現在ホストするWordPressサイトの数を選択できます. 

その後、ホスティングの請求サイクルを選択する必要があります. 

私はあなたに 最大割引には36か月のパッケージを選択してください.

次に、ユーザー名とセキュリティPINを設定します.

HostGatorホスティングプランを選択

ステップ2、お支払い情報を入力する

ここでは、メールアドレス、名前、電話番号などの支払い情報を入力する必要があります.

右側に支払い情報を入力します。クレジットカードとPayPalの両方を使用して支払うことができます.

Hostgatorの請求情報を入力してください

ステップ3、追加サービスを追加する

SSL証明書、SiteLock Essentials、SiteBackup、HostGator SEOツールなどの追加サービスを追加するように求められますが、これは完全にオプションです.

追加のサービスを追加できます.

Hostgator Add Addons

ステップ4、今すぐチェックアウト

次に、「利用規約」ボックスをチェックし、 今すぐチェックアウト ボタン.

Hostgatorチェックアウト

ステップ5、メールを確認する

支払いが完了すると、HostGatorのcPanelログイン詳細がメールで送信されます.

クリックしてください コントロールパネルのURL そしてあなたの ユーザー名 そして パスワード HostGatorのダッシュボードにログインするため.

HostGator cPanelログインの詳細

3. WordPressをインストールする

まず、メールで受け取ったログイン詳細を使用して、ホスティングアカウントにログインします。.

ステップ1、WordPressインストーラーに移動

人気のリンクの下の上部に、 WordPressインストーラー オプション。クリックして.

cPanel WordPressインストーラー

ステップ2、インストールするドメインを選択する

まず、ドロップダウンメニューをクリックして、ドメインを選択します。ディレクトリフィールドを空白のままにして、  WordPressのインストールを開始するには.

cPanel WordPressのインストール

ステップ3、インストール設定

WordPressをインストールする前に、セットアッププロセスを完了する必要があります。ブログのタイトル、管理者ユーザー名、名前、メールアドレスを入力してください.

完了したら、 インストール プロセスを開始するボタン.

cPanel WordPress設定

ステップ4、ログイン詳細を保存する

WordPressのインストールが完了するまでに1分ほどかかります.

完了すると、管理者ログインの詳細が表示されます:ユーザー名とパスワード.

ユーザー名とパスワードをメモ帳ファイルに保存することを強くお勧めします.

HostGator WordPressインストール完了

4. WordPressサイトの設定

HostGatorにWordPressをインストールしたら、WordPressブログを設定します。.

まず、WordPress管理パネルにログインします.

管理者のログインURLがわからない場合は、追加してください wp-admin ウェブサイトの名前の最後に。例えば, yoursite.com/wp-admin

次に、管理者のユーザー名とパスワードを入力して、WordPressダッシュボードにアクセスします.

ステップ1、デフォルトのプラグインをアンインストールして削除する

WordPressをインストールした後の最初のことは、デフォルトのプラグインをアンインストールして削除することです.

プラグインを削除するには、 プラグイン > インストールされているプラ​​グイン 下にスクロールして、インストールされているプラ​​グインを確認します.

WordPressプラグインをアンインストールする

ステップ2:SSL証明書を設定する

デフォルトでは、SSL証明書がすでにインストールされており、HTTPプロトコルとHTTPSプロトコルの両方を使用してWebサイトにアクセスできます.

ただし、Google Chromeブラウザでサイトを開くと、「これへの接続は安全ではありません」メッセージ。それの訳は グーグルアドバイス HTTPSのみでWebサイトを実行するWebマスター.

そして、これはあなたのサイトにHTTPS(SSL)接続でのみロードすることを強制することで修正できます.

HTTPSの前

サイトを強制的にHTTPSにリダイレクトすることは非常に簡単です.

ステップ1, そのためには、ホスティングcPanelにログインする必要があります。.

ステップ2, に行く ファイルマネージャー > public_html

cPanelファイルマネージャ

ステップ3, 検索して編集 .htaccess ファイル

ただし、デフォルトで.htaccessファイルが非表示になっている場合があります。この場合、設定に移動し、「非表示のファイルを表示する」というオプションを確認します.

cPanelは隠しファイルを表示します

ステップ4, の終わりに .htaccess ファイル、コードの一部を追加.

RewriteEngine On
RewriteCond%{HTTPS}オフ
RewriteRule ^(。*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L、R = 301]

手順5, ファイルを保存します.

手順6, 次に、WordPressダッシュボードから、 設定 > 一般的な

手順7, 変更 HTTP プロトコル HTTPS

WordPressのHTTPSプロトコルの変更

手順8, クリックしてください 変更内容を保存 下部に。完了すると、自動的にログアウトされます.

それでおしまい。これで、WebサイトはHTTPSでのみ開きます.

読んだ, WordPressでHTTPをHTTPSにリダイレクトする3つの方法

5.ホテル予約テーマをインストールする

このパートでは、WordPressサイトにホテル予約テーマをインストールする方法を紹介します.

ホテル予約のWordPressテーマはたくさんあり、最適なものを見つけるのは難しい.

しかし、心配する必要はありません。私はあなたのためにいくつかのホテル予約テーマを調査してテストしました、そして最高のものを提案します.

ソーホー ワードプレスのホテル予約テーマです.

理由は次のとおりです。

  • ワードプレスのテーマで最も売れているホテル予約の1つです。.
  • 常に最新です
  • いくつかのプレミアムプラグインが付属しています
  • モバイルとSEO対応
  • 完全に応答性があり、カスタマイズ可能
  • 速度を最適化
  • 6つの異なるホームページレイアウトが付属しています
  • Easy Booking.com、Airbnbなどの統合
  • などなど.

ソーホーホテルブッキングテーマのレビュー

テーマには機能の膨大なリストがあります. あなたはできる ここですべての機能を確認してください.

テーマは次のようになります.

ソーホーホテルの部屋の例 ソーホーホテル検索

あなたはチェックすることができます デモはこちら.

Soho Hotel WordPressテーマを購入する

ただし、別のタイプのホテル予約テーマを使用する場合は、 ここでより多くのテーマ.

ステップ1. ホテル予約テーマを購入したら、すべてのファイルをダウンロードします. 

ステップ2. コンピューターにZIPファイルを抽出します.

そのファイルには、テーマファイル、ダミーデータ、プラグインがあります。.

ステップ3. ファイルを抽出したら、 テーマ フォルダ.

ソーホーホテルテーマアップロード

ステップ4. アップロード soho-hotel.zip そして soho-hotel-child.zip WordPressサイト上のファイル.

手順5. テーマファイルをアップロードするには、 外観 > テーマ WordPressダッシュボードから.

手順6. 次にクリックします 新しく追加する > テーマをアップロード テーマファイル(zip)をアップロードします.

手順7. アップロードしたら, ソーホーの子テーマのみをアクティブ化.

アクティブ化すると、ライセンスキーを使用してテーマをアクティブ化するように求められます.

テーマのライセンスキーを取得する方法?

これは有料のテーマなので、ライセンスキーを使用してテーマをアクティブ化する必要があります。ライセンスキーについては、最初に、 Envatoアカウント, ダウンロードセクションに移動します.

そこから、 ライセンス証明書と購入コード(テキスト) オプションを選択すると、ライセンスキーと購入コードを取得できます。これを取得したら、テーマをアクティブ化できます.

codecanyonダウンロードライセンス

手順8. 完了すると、テーマ推奨プラグインをインストールするように指示されます。クリックしてください プラグインのインストールを開始 オプションとその後 活性化する それら.

WordPressがプラグインのインストールを開始

それでは、テーマのデモデータをインポートしましょう.

テーマのダミーデータをインポートする

ダミーコンテンツをインポートするには、WordPressダッシュボードに移動します.

クリックしてください デモインポートオプション.

まず、既存のデータをすべて削除してから、データを1つずつインポートする必要があります.

sohoテーマインポートデモコンテンツ

それでおしまい。これでウェブサイトを使用する準備が整い、ホームページにアクセスできます.

でも心配はいりません。色、背景画像、フォント、レイアウト、ウィジェットなど、サイトのすべてを変更できます.

では、ホテルの予約ページの作り方を見てみましょう.

6.ウェブサイトにホテルを追加する

次に、ページにホテルを追加する方法を説明します.

しかし、始める前に、Soho WordPressテーマに付属するWPbakeryページビルダーが、ページ、投稿、宿泊施設、および紹介セクションの両方で利用できることを確認してください.

デフォルトでは、WPBakeryページビルダーはページでのみアクティブ化されるため.

そのため、WPBakeryページビルダーを使用して投稿、宿泊施設、紹介セクションを編集することはできません。.

すべてのコンテンツセクションでWPbakeryページビルダーを有効にするには、 WPBakeryページビルダー > 役割マネージャー.

次に、 役職 タイプ > カスタム そして、すべてのオプション、投稿、ページ、宿泊施設、および証言を確認してください.

すべてのページに対してページビルダーを有効にする

完了したら、 変更内容を保存 ボタン.

ページに部屋を追加しましょう.

ただし、すでにデモコンテンツがインストールされているため、各ページを手動で作成する必要はありません。.

ビルド済みのページをクリックし、必要に応じてWPBakeryページビルダーを使用してカスタマイズします.

ただし、部屋を手動で追加する方法も示します。後で簡単にページをカスタマイズできるように.

ステップ1.宿泊施設に行く

WordPressダッシュボードから、 宿泊ページ.

そのページでは、テーマのデモコンテンツが付属するいくつかの追加済みの部屋を見つけることができます.

新しい宿泊施設を追加するには、 新しく追加する ボタン.

次に、 バックエンドエディター WPBakeryページビルダーでページを編集するオプション.

宿泊施設を追加

ステップ2.画像カルーセルを追加する

最初に、 要素を追加 ボタンをクリックして、 画像カルーセル.

検索オプションを使用して要素を見つけることもできます.

WPBakery画像カルーセル設定

設定から、画像、スライダーのサイズ、スライダーの速度、自動再生などを設定できます.

完了したら、 変更内容を保存 ボタン.

ステップ3.タイトルを追加する

次に、プラスアイコンをクリックして新しい要素を追加します.

検索する 題名 そしてそれを編集する.

私の場合は、「部屋の説明「.

好きな名前を入力できます.

WPBakeryタイトル設定

次にクリックします 変更内容を保存.

手順4.テキストブロックを追加する

このエリアに、ホテルの簡単な説明を追加します.

WPBakeryテキストブロック設定

ステップ5.タブのコンテンツを追加する

このセクションでは、タブのコンテンツを追加する方法を説明します.

タブのコンテンツは次のようになります.

WPBakeryタブ

これにより、あなたのページはプロフェッショナルな外観になり、最も重要なのは、顧客がクリックするだけで部屋の概要を簡単に確認できることです。.

まず、 タブ 素子.

tabs要素に、 生のHTML 素子.

タブ

このセクションでは、上の図のようなテーブルを表示するためのHTMLコードを配置する必要があります.

WPBakery Raw HTML設定

以下が使用できるコードです.

こんにちは高速無線LAN空港出迎え24時間フロントデスク
スイミングプール運転手サービス専用バスルーム
キングサイズベッドルームサービス荷物預かり
コーヒーメーカーミニバー部屋の金庫

オプションを追加または削除することもできます.

ただし、アイコンを追加するには、フォントの素晴らしいアイコンを使用する必要があります.

あなたはここでより多くのフォント素晴らしいアイコンを見つけることができます, https://fontawesome.com/ そして https://codesprogram.com/icons.

たとえば、Apple Payアイコンを追加したいので、必要なコードは次のとおりです。

保存することを忘れないでください.

ステップ6.画像ギャラリーを追加する

その後、画像ギャラリーを追加してホテルの部屋を表示します.

複数の画像を追加できます。ただし、同じ寸法の画像を使用することをお勧めします.

WPBakery画像ギャラリーの設定

  • ウィジェットのタイトル – イメージギャラリー
  • ギャラリータイプ –画像グリッド
  • 画像サイズ –中

完了したら、 変更内容を保存 ボタン.

ステップ7.よくある質問(FAQ)セクションを追加する

ページの下部に、よくある質問(FAQ)セクションを追加できます.

これは基本的に、ほとんどの顧客がよく尋ねる一般的な質問です.

FAQ要素を追加し、質問と回答を入力します.

WPBakery FAQ設定

複数のFAQを追加できます.

完了したら、 変更内容を保存.

7.支払いゲートウェイを追加する

デフォルトでは、4つの異なる支払いゲートウェイをアクティブ化できます。

  • 到着時に支払う
  • 銀行振込
  • PayPal
  • ストライプ

支払いゲートウェイを有効にするには、 ホテルの予約 > 設定 > 支払いゲートウェイ.

ソーホーホテルテーマペイメントゲートウェイ

完了したら、忘れずに セーブ 設定.

8.サイトをカスタマイズする

ここで最も重要な部分が来ます.

[カスタマイズ]オプションから、タイトル、説明、フォント、色、ロゴ、ウィジェット、ヘッダー、フッターなど、サイトの外観を変更できます.

WordPressダッシュボードから、 外観 > カスタマイズ 必要に応じて設定を変更します.

ソーホーホテルカスタマイズテーマ

必要な変更を加えたら、 公開する ボタン.

次は何ですか?

これで、ホテル予約Webサイトの作成が完了しました.

ちょっと待って…

予約注文の受付を開始する前に、サイトのロゴとファビコン、パーマリンク、製品画像、支払いゲートウェイの追加など、変更する必要がある多くの事項があります。.

最初, に向かいます Sohoテーマのドキュメントページ. このドキュメントでは、テーマと予約システムを設定する方法について説明します.

二番目, ここに私はリストしました WordPressのインストール後に行う最も重要なこと. (これを強くお勧めします).

次, インストールする必要があります セキュリティプラグイン WordPressサイト用。ハッカーからサイトを保護できます。.

しかし、最も重要なのは、 WordPressサイトのバックアッププラグイン.

それは、サイトで問題が発生した場合や壊れた場合に、バックアップからサイトを保存できるためです。強くお勧めします.

最後になりましたが、少なくとも, あなたはすべてのオプションを通過し、何が何をしているかを確認する必要があります.

また、他のホテル予約Webサイトにもアクセスできます。 Booking.com, Expedia.com, Airbnb.com, アイデアなどのために、またはそれらの設計とプロセスを実装することもできます.

もう一つ.

Soho Hotel Booking WordPressテーマを使用しているため、サポートに関する質問があるか、コードを使用してテーマをカスタマイズしたい場合があります。.

その場合、テーマプロバイダーのサポートチームに連絡する必要があります。.

サポートチームに連絡する方法はいくつかあります.

それでおしまい。これは、ホテル予約ウェブサイトを構築する方法です.

よくある質問(ホテル予約ウェブサイトの作成方法):-

Booking.comのようなホテル予約Webサイトを作成する方法?

Booking.comのようなホテル予約Webサイトの構築は非常に簡単です。この記事では、これについての段階的なチュートリアルを作成しました.

ホテル予約サイトを作るのにいくらかかりますか?

ホテル予約サイトを立ち上げるのにかかる費用は 100〜150ドル.

ホテル予約ウェブサイトを構築するために開発者を雇う必要がありますか?

いいえ。開発者を雇うための推定コストは約20,000〜80,000ドルです。.
ただし、ホテルの予約ウェブサイトを構築する場合、費用は合計で100〜150ドルになります。.

ホテル予約サイトを作るために何が必要ですか?

ホテル予約ウェブサイトを作成するには、ドメイン、ウェブホスティング、SSL、テーマが必要です.

このチュートリアルでは、Booking.comのようなホテル予約Webサイトを構築する方法を共有しました.

このチュートリアルが役に立った場合は、友達と共有することを忘れないでください.

このような素晴らしいコンテンツについては、以下のメールニュースレターを購読してください.

この記事も好きかも, 

Amazonのようなeコマースサイトを作る方法(ステップバイステップガイド)

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map