【#STEP1】 何度も試して頂き、ホバーウィンドウの動作を決めて下さい。
とりあえずは、納得のいくまでホバーウィンドウの動作を確認してください。
なぜならば、ここで確認頂く動作内容は、あなたのサイトに設置した際に、そのまま反映される動作内容だからです。動作の内容はウィンドウサイズや落下する位置、スピード、出現方法など様々な指定を行うことが可能です！
まさに、無限大の表現方法の中からお好みの指定を行うことが出来ます。また、動作の確認を行う場合は、予め簡易的にでもかまいませんので、ご自身のサイトをイメージしながら重要なコンテンツと重なったり、終止位置が邪魔にならない場所を考慮し設置するのがポイントです！
動作の確認が取れれば、次のステップです。
【#STEP2】 ソース生成ボタンを押して、スクリプトの取得を行ってください。
よし！このウィンドウでOK！と決まったら、あなたのサイトに設置するためのスクリプトの取得を行ってください。といっても、本ツールから自動で生成いたしますので、あなたは指定箇所に生成されるソースコードをコピペするだけです。
画面左側の上部にある「ソース生成」ボタンを押していただくと、別ページが表示されます。そこに表示されるソースコードをコピペして、あなたの設置対象ページの<head>〜</head>内に貼り付けてください。 ※外部ファイルにされる方は、ご自身で外部化の指定を行ってください。
【#STEP3】 ホバーウインドウ・メインHTMLソース表示画面のソースを取得
続いて、こちらもコピペだけの作業となりますが、最後に画面右側に表示されています緑色のソースコードをコピーしてください。クリップボードへコピーというボタンを押すと便利です。
今度は、あなたの設置対象ページの</body>直前あたりに、このソースコードを貼り付けていただければ設置完了です！
例）
この辺りに貼り付け。
</body>
あとは、ウィンドウ内のフリーエリアと記載された場所に、ご希望の画像や文章を記載していただければ、その内容が入ったウィンドウが出現します。
また、背景やボーダーカラー、表示させないボタンなども設置後に自由にタグを定義していただくことで変更可能ですのでお試しください。