をより深く理解したいのであれば。フローティング・コンタクト・フォームより設計をコントロールしたいのであれば、今日説明する方法が適している。私たちは WPForms フォーム作成そして オプチンモンスター ワードプレスサイトにフロートさせる。

WPFormsは、WordPress のフォームをドラッグ＆ドロップで簡単に作成できるプラグインです。1,800以上のテンプレートが用意されており、数回のクリックで素早くフォームを設定できます。

WPFormsを使ってフォームを作成するには、まずウェブサイトにプラグインをインストールして有効化します。

有効化すると、WordPressのダッシュボードからWPForms " 新しいコンテンツを追加する。

をクリックすると、フォームビルダーのインターフェイスにリダイレクトされます。

そこからフォーム名を入力し、テンプレートを選択します。この例では、コンタクトフォームを作成し、名前を "お問い合わせフォーム".

フォームに名前を付けたら、パネルを下にスクロールしてテンプレートを選択します。

この例では、"シンプルなお問い合わせフォーム「をクリックしてください。ビルドを開始するには、カーソルを合わせて "テンプレートの使用「で十分だ。

にリダイレクトされます。フィールド「パネル

ここから、コンタクトフォームを表示し、プレハブの内容を調整することができます。だいたい合っているようであれば、続けて"セーブ「ボタン

フォームの作成が終わったら、次はフローティングフォームとして表示されるように設定を調整します。

そのため、OptinMonsterをインストールし、WordPressウェブサイトをプラグインに接続する必要があります。

OptinMonsterは強力なリードジェネレーション・ポップアッププラグインです。訪問者を購読者や有料顧客に変換するキャンペーンの作成と管理に役立ちます。

有効化したら、"オプチンモンスター「メニュー

ウェルカムスクリーンが表示されます。既存のアカウントに接続する"をクリックしてプラグインの使用を開始する。

新しいウィンドウが開きますので、そこで"WordPresへの接続s".

OptinMonsterは、プロセスを完了するためにアカウントの詳細を要求します。

検証後、最初のフローティング・フォームを作成できます。

WordPressダッシュボードからの移動OptinMonster " キャンペーン.

中に入れば、フローティング・フォームの作成と設定ができる。

をクリックしてください。最初のイベントを作成する「ボタン

OptinMonsterには、フローティングカラムを含む様々なアクティビティタイプがあります。しかし、フローティングバーはスペースが限られています。そのため、プロモーションの告知やクーポンコードの共有など、他のシチュエーションで使用することをお勧めします。

整然としたデザインを保つために、"スライド"をWPFormsのコンタクトフォームを追加するためのアクティビティタイプとして使用します。

フローティング・スライドインは、ユーザーの画面の右下に表示されます。そのため、コンテンツが読みやすく、ウェブデザインが整理され、良いユーザー体験を維持するのに役立ちます。

アクティビティタイプをクリックしてください。

次にパネルを下にスクロールし、テンプレートを選択する。

テンプレートを使用するには、テンプレートブロックにカーソルを合わせ、"テンプレートの使用".ここでは"ニュースレター購読（ライト）".

イベントタイプとテンプレートを選択すると、ポップアップウィンドウが表示されます。

フォームに名前を付けるだけです。この例では、アクティビティに"フローティング・コンタクト・フォーム".

名前を決めたら、"作り始める".

その後、OptinMonsterはアクティブなビルダーにリダイレクトします。

キャンペーン作成インターフェースは2つのセクションに分かれています。左側はキャンペーンに追加できるすべての機能を含み、右側はライブプレビューです。

WPFormsのコンタクトフォームを追加するには、左のパネルをスクロールしてWPFormsブロックを見つけます。

見つけたら、WPFormsブロックを右パネルのライブプレビューにドラッグ＆ドロップします。

そして、"フォーム選択"のドロップダウンメニューをクリックする。それをクリックして"お問い合わせフォーム".ライブプレビューのブロックはフォームのショートコードを読み込みます。

注: フォームビルダーでフォームをプレビューできなくても心配しないでください。フォームは公開されると表示されます。

その後、"表示規則"タブで設定します。このタブではフローティングコンタクトフォームの表示時間とページを設定することができます。

フォームが最初の1秒から浮いて固定されるようにするには、最初の2つのドロップダウンメニューを"ページ滞留時間と"急".

そして、すべてのページにフォームを表示するために、以下のドロップダウンを"現在のURLパス「そして任意のページ".

終わったら、"ポストタブ

このタブで、フォームの投稿ステータスを"ポスト「またはプログラム".

次のステップは、"リアルタイム・ウェブサイト・チェッカー"機能を使って、広告キャンペーンがウェブページでどの程度表示されるかをテストすることができます。これを行うには、単にテキストボックスにウェブサイトのURLを入力し、" "をクリックします。試験".

これにより、新しいタブにリダイレクトされます。

もしそのような設定にしたいのであれば、OptinMonsterキャンペーンビルダーに戻り、設定を保存してください。

これは、WPFormsとOptinMonsterを使用してフローティングコンタクトフォームを作成することに成功しました。