予約スケジュールをフェイスブック・ページに統合する方法
このチュートリアルでは、フェイスブックページ上のフレームにSuperSaaSの予約スケジュールを統合する方法について説明します。
iframeはユーザーが自分のFacebookのページを離れることなく、予約スケジュールにアクセスすることができます。
予約ボタンの統合であれば、予約ボタンを追加するためのチュートリアルを参照ください。
統合のために必要なものは？
- フェイスブック・ビジネス・ページ
- SuperSaaSアカウント（少なくとも一つ以上のスケジュールが必要）
フェイスブック・ページにSuperSaaSスケジュールをフレームとして追加
あなたのフェイスブック・ビジネス・ページへのログイン
ブラウザで新たなウィンドウを開き、次のURLへ進みましょう。apps.facebook.com/static_html_plus/
-
“ページにStatic HTMLを追加”を選択
-
もしあなたが複数のフェイスブック・ビジネス・ページを持っている場合、まず初めにスケジュールを統合したいページを選び、それから “Static HTMLを追加: iframe タブ”をクリックしてください。 Add Static HTML: iframe tabs
-
Static HTMLタブがあなたのフェイスブック・ビジネス・ページ上に現れます。
-
設定タブにある"HTMLタブの編集"をクリクして、左側のカラムからの"アプリ"を選択します。
-
対象フレームの"設定を変更"を選択します。
-
デフォルト（初期設定）のWelcomeテキストを、あなたの好きなものに変更することが出来ます。
例えば、Book now!等です。をクリックして下さい。
-
ステップ6を繰り返すことで、デフォルト（初期設定）のスター画像を変更することが出来ます。
"Change", next to Custom tab image:をクリックして下さい。
これによって、新たなページが開き、そこで画像をアップロードすることが出来ます。
スター画像の上に移動し、"Edit"をして下さい。
-
ポップアップが開いて、コンピューターから画像を選択できます。 111 × 74 pixels.
右クリックして "Save as…"・・・として保存”を選択するか、自分自身のボタンを作って下記の見本をダウンロード、利用することができます。
例として(右クリックして'Save as…') 又は作成
-
画像のプレビューが現れ、保存せずに確認することが出来ます。
しかし、検索機能を用いてフェイスブック・ページに戻った場合、すでにその画像がフェイスブックページ上に表示されています。
-
これらのデザイン変更を完了させたのち、iframeをページへ統合することが出来ます。
作成したBook now!ボタンをクリックして下さい（Static HTMLタブ）。
-
セクション無料のアプリに移動し、迅速な統合のためのウェブサイトのアプリを選択します。（それはHTMLアプリの代わりに作業することも可能です）
-
外部ページフィールドのURLへのスケジュールのURLを貼り付けます。
[保存]をクリック＆公開するスケジュールをスケーリングするためにスクロールバーを削除します。
あなたのウェブサイトのプレビューを表示するには、[プレビュー]をクリックします。
(リンクの先頭が
httpsへ変更されます。 変更前はこちらhttp)
その場合、スケジュールはそれ自身のブラウザ・ウインドウ内に表示されます。
leadgateを使用してFacebookページのいいね増加を図る
自分のFacebookのページにスケジュールを統合したら、静的なHTMLアプリでleadgateを作成することができます。
leadgateを有効にした場合、スケジュールのフレームを参照する前に自分の情報を取得し、ポップアップが表示されます。
-
管理者モードで静的なHTMLのアプリを表示し、編集タブをクリックします。
ついでLeadgate利用にチェックを入れます。
-
チェックを入れたら、ビジターへのメッセージを入力して保存 & 公開します。
