arrow_back_ios

自分のウェブサイトにウィジェットを設置する方法

人気のウェブサイトエンジン向けの手順:

その他のシステム

その他のウェブサイトエンジン向けの手順:
  1. ウィジェットの設定を開き、ウィジェットコードをクリックします。
  2. パラメータウィジェットの表示方法コードを貼り付けた場所に埋め込みに設定します。
  3. ウィジェットコードの下にあるコピーボタンをクリックします。
  4. ご自身のウェブサイトの管理画面に移動し、ウィジェットを設置したいページを開きます。
  5. ウィジェットコード用の新しいブロックを挿入します。通常、このブロック名には「HTML」が含まれています。
  6. 先ほどコピーしたコードを作成したブロックに貼り付け、 変更を保存します。
  7. ウィジェットがウェブページ上に表示されていることを確認してください。 表示されない場合は、ご利用のシステムがサードパーティスクリプトの実行をサポートしていない可能性があります。 その場合は、下記の手順に従い、ウィジェットを直接フレームで挿入してください。

クリックでウィジェットを開く

ポップアップや右側のパネルでウィジェットを表示する手順:
  1. まず、上記の手順に従い、ページの最上位ブロックにウィジェットを設置します。 コードを貼り付けた場所にウィジェットが表示されていることを確認してください。
  2. パラメータウィジェットの表示方法を必要な値に設定します。
  3. ウィジェット開閉ボタンのコードブロックが表示されます。ボタンリンクをコピーをクリックします。
  4. ご自身のウェブサイトの管理画面に移動し、ウィジェットを開くボタンを設置したいページを開きます。
  5. ボタン用の新しいブロックを挿入します。 このボタンの設定画面に移動します。
  6. 設定内に「リンク」または「URL」パラメータがあるはずです。 先ほどコピーしたリンクをそこに貼り付け、 変更を保存します。
  7. ボタンをクリックしてウィジェットが開くことを確認してください。

フレームの直接挿入

ウィジェットコードの代わりに、ウィジェット内容を表示するiframeブロックを挿入できます:
  1. ご自身のウェブサイトの管理画面に移動し、ウィジェットを設置したいページを開きます。
  2. ウィジェットフレーム用の新しいHTMLブロックを挿入します。
  3. 次のコードを作成したブロックに挿入します:
    <iframe src="DIRECT_WIDGET_URL" style="width:100%;border:none;height:1000px"></iframe>
  4. その後、ウィジェットの設定を開き、ウィジェットコードをクリックします。
  5. ウィジェットの直接URLをコピーします。
  6. ウェブサイトのコードブロック編集画面に戻り、DIRECT_WIDGET_URLの部分をコピーしたリンクに置き換えます。 必要に応じて高さ1000pxを希望の値に変更し、 変更を保存します。
  7. ウィジェットがウェブページ上に表示されていることを確認してください。

お困りですか?

上記の手順でご不明な点がございましたら、support@bukza.comまでご質問ください。 サポートいたします。