WordPressでカスタム電卓を作成する方法

公開: 2021-12-28

WordPressでカスタム計算機を作成しますか?

おそらく、ユーザーがランディングページで何かを計算できるようにしたい場合や、計算機をツールとして使用してビジネスのリードを増やしたい場合があります。

この記事では、WordPressでカスタム計算機を簡単に作成する方法を紹介します。

Easily create a custom calculator in WordPress

WordPressにカスタム電卓を追加する理由

WordPress Webサイトにカスタム計算機を追加すると、ユーザーはWebサイトを離れることなくすばやく計算できます。

たとえば、健康とフィットネスのWordPressブログでは、BMI計算機を追加して、ユーザーがBMIをすばやく計算できるようにすることで、ユーザーは購入するサブスクリプションプランまたは製品を知ることができます。

同様に、住宅ローン、車の支払い、製品構成、ローンの利息などを計算するためにカスタム計算機を使用できます。

カスタム計算機は、Webサイトでリードを生成するための便利なツールにもなります。 たとえば、電卓ツールのパーソナライズされた結果を受信トレイに送信するために、ユーザーにメールアドレスを提供するように依頼できます。

そうは言っても、WordPressでカスタム計算機を簡単に作成する方法を見てみましょう。

WordPressでカスタムカキュレーターを作成する

Webサイトのカスタム計算機を作成する最良の方法は、FormidableFormsを使用することです。 これは、市場で最高のWordPress計算プラグインであり、あらゆる種類の高度なフォームを作成する最も簡単な方法です。

Formidable Forms

最初に行う必要があるのは、FormidableFormsプラグインをインストールしてアクティブ化することです。 詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドを参照してください。

アクティベーション時に、FormidableFormsLiteと呼ばれるプラグインの無料バージョンをインストールする必要があります。 この無料バージョンは、プラグインの高度な機能のコア基盤を提供します。

次に、「手ごわいフォーム」»「グローバル設定」ページにアクセスして、プラグインライセンスキーを入力する必要があります。 この情報は、FormidableFormsWebサイトのアカウントで見つけることができます。

Enter Formidable Forms license key

これで、Webサイト用の最初のカスタム計算機を作成する準備が整いました。

Formidable»Formsページに移動し、[AddNew]ボタンをクリックするだけです。

Adding a new calculator form

これにより、選択可能なフォームテンプレートのリストが表示されます。

検索ボックスに「電卓」と入力し、「電卓」カテゴリを選択します。

Choose calculator category

これにより、選択できる計算機テンプレートのリストが表示されます。 Formidable Formsには、一般的に使用されるカスタム計算機が多数付属しています。

クリックして選択し、追加ボタンをクリックしてそのフォームを使用するだけです。 このチュートリアルのために、ROI計算機(投資収益率計算機)を作成します。

Select your custom calculator template

プラグインは、選択した計算機テンプレートを使用して、FormidableFormsのフォームビルダーインターフェイスをロードします。

ここから、必要に応じてポイントアンドクリックでamyフォームフィールドをカスタマイズできます。 フィールドをクリックして、そのラベルとプロパティを変更できます。

Edit your calculator form

フィールドをドラッグアンドドロップするだけで、左側の列から新しいフィールドを追加することもできます。

Add new field

フォームフィールドに満足したら、画面の右上隅にある[更新]ボタンをクリックするだけです。

Save calculator

これでカスタム計算機フォームの準備が整い、Webサイトの任意のWordPress投稿またはページに追加できます。

既存の投稿/ページを編集するか、空白のページを作成するだけです。 コンテンツエディタ画面で、ページにFormidableFormsブロックを追加する必要があります。

Add Formidable Forms block

ブロックを追加したら、ブロック設定のドロップダウンメニューをクリックして、ROI計算機フォームを選択するだけです。

Select ROI Calculator form

Formidable Formsブロックは、WordPressブロックエディター内で電卓フォームのプレビューを取得して表示します。

ROI calculator preview in the editor

これで、ページの編集を続行するか、保存してWebサイトに公開できます。

完了したら、新しいブラウザタブのページにアクセスして、電卓の動作を確認できます。

WordPressで電卓フォームをカスタマイズする

FormidableFormsで作成した電卓はいつでもカスタマイズできます。 単純に、手ごわい»フォームページに移動し、編集ボタンをクリックして電卓フォームを変更します。

Edit your calculator form

フォームに加えた変更は、Webサイトでこのフォームを追加した投稿またはページに自動的に表示されます。

電卓フォームエントリの表示

Formidable Formsは、電卓フォームのエントリをWordPressデータベースに自動的に保存します。

Formidable»Entriesページにアクセスすると、ユーザーが実行したすべての計算を簡単に表示できます。

View calculator form entries

ここから、個々のエントリをクリックして、ユーザーが入力したデータを表示できます。

または、特定の計算機フォームでエントリをフィルタリングして、すべてのエントリのデータを表形式で表示することもできます。

Calculator data entries

ここから、すべての計算機データをCSV形式でダウンロードして、スプレッドシートソフトウェアで表示することもできます。

さらに多くの洞察が必要ですか? フォームエントリの[レポート]タブに切り替えると、電卓の詳細なチャートとグラフを表示できます。

Viewing calculator data reports

たとえば、ROI計算機レポートでは、ユーザーから送信された平均ROIパーセンテージを確認できます。

Average values for your calculator form data

これらのグラフは、ユーザーがWebサイトの計算機をどのように操作しているか、および平均応答をすばやく把握できるようにします。 次に、この情報を使用して、視聴者の要件に合わせてコンテンツを調整できます。

カスタム計算機を使用してリードをキャプチャする

Formidable Formsを使用すると、WordPressに顧客計算機を追加して、メールマーケティングサービスに接続するのが非常に簡単になります。

ただし、それでもユーザーに計算機を使用してリードを獲得し、売り上げを伸ばすように促す必要があります。

そこでOptinMonsterが登場します。これは市場で最高のリード生成ソフトウェアであり、Webサイトの訪問者をサブスクライバーや顧客に簡単に変換できます。

Popup example

ライトボックスポップアップ、スライドインポップアップ、カウントダウンタイマー、ヘッダーとフッターのバナーなどのツールが付属しています。 それらはすべて、ユーザーがカスタム計算機を使用するように促すのに役立ちます。

OptinMonsterには、強力なターゲティングルールとパーソナライズオプションが付属しており、ユーザーにターゲティングされたメッセージを適切なタイミングで表示します。

Personalization example

この記事がWordPressにカスタム計算機を追加するのに役立つことを願っています。 また、最高のビジネス電話サービスに関するガイドや、WordPressでコンバージョンを追跡する方法に関するヒントもご覧ください。

この記事が気に入った場合は、WordPressビデオチュートリアルのYouTubeチャンネルに登録してください。 TwitterやFacebookでも私たちを見つけることができます。