ウィジェットをWordPressに埋め込む方法

ウィジェットをWordPressに埋め込む方法

ウィジェットの作成方法では、ウィジェットの「埋め込み予約コード」の生成方法についてご説明しました。

生成した埋め込みコードを、体験を販売するHPのHTMLに貼り付けるだけで、簡単に、販売画面を作ることができます。

ここでは、WordPress(ワードプレス)を例に、埋め込みコードをHTMLに貼り付ける方法について説明します。

1.JTB BÓKUNにログインし、左側メインメニュー>オンライン・セール>ウィジェット

2.チャンネルを選択します(ここでは「自社ページ」というチャンネルを例に説明します)

3.ウィジェットタイプを選択します(貴社のホームページにどのように表示させたいかを選択してください)

  (ここでは「商品ページ」を例に説明します)

4.「埋め込みコードを生成する」をクリックします

5.「埋め込みコードのコピー」をクリックし、ワードあるいはテキストに貼り付けて保存します

これで、JTB BÓKUN側での操作が完了しましたので、続いてWordPressでの貼り付けについて説明します。


1.WordPressにログインします

2.既にウェブページを作成した場合、そのページをクリックします。もし新たにページを作成する場合、「新規追加」をクリックします

       (ここでは新規追加を例に説明します)

3.「+」ボタンをクリックし、「カスタムHTML」というブロックを追加します

       (表示された候補から見つからない場合、検索あるいは全てを表示するようにしてください)

4.追加したカスタムHTMLブロックの入力欄に、JTB BÓKUNよりコピーした埋め込みコードをそのまま貼り付けます

5.「プレビュー」をクリックし、表示を確認してください。問題なければ、「下書き保存」あるいは「公開」をクリックしてください

ここまで、WordPressに埋め込みコードを貼り付ける方法について説明しました。

Share by: