Elementorで効率的なセールスランディングページを作成するにはどうすればよいですか？
公開: 2022-04-20目次
このチュートリアルでは、Elementorでビジネス製品の販売ランディングページを作成するために必要なことを説明します。 また、ウェブサイトとランディングページの開発に関してページビルダーを強化するツールに精通します。
良い着陸販売ページを作るものは何ですか？
販売ランディングページは、特定の製品/サービスを販売するために設計された1ページのWebサイトです。
優れたランディングページは、ブランドの長所を示し、製品をより効果的に販売します。 ユーザーはオンライン広告に出くわし、リンクをクリックして、ランディングページにアクセスします。 サイトをスクロールしている間、彼らは製品の利点についてもっと学び、その品質を評価し、社会的証明を通してその価値を知るようになります。 サイトジャーニーの終わりまでに、顧客は、意図されていなくても、購入することを強く確信しています。
もちろん、良いセールページはそれだけでは機能しません。 効果的な販売を確保するには、次のことを行う必要があります。
ターゲットオーディエンスのニーズを調査します。
- 高品質で要求の厳しい製品/サービスを作成します。
- 明らかに、説得力のあるランディングページを作成します。
- 完成したランディングページへの一定のトラフィックフローを確立します。
Elementorを使用してランディングページを作成する理由
Elementorには、他のWordPressページビルダーに比べて明確な利点があります。 ユーザーは30以上のコアウィジェットに無料でアクセスでき、その機能はかなり豊富です。 これまでのところ、最もスムーズなドラッグアンドドロップエクスペリエンスがあります。 また、Elementorは、高度なウィジェットと要素のサードパーティコレクションを含む、ほぼすべてのテーマとプラグインで動作します。
Stratum Elementor Addonsは、効率的な着陸を構築するための便利なアドオンの1つです。 現在、プラグインはビジネスおよび個人のニーズに合わせて26以上の高度なElementorウィジェットを提供しています。
Elementorはまともな標準ウィジェットのセットを提供しますが、Stratumは、より創造的でインタラクティブな機能指向の要素でリストを拡張します。 
StratumDEMOを表示します。
代替アドオンと比較して、Stratumはすべての高度なウィジェットへの無料アクセスを無料で提供します。 ただし、PROバージョンでは、各ウィジェットの拡張設定のロックを解除しています。
参照：Elementor用の12以上の無料アドオン：どれを選択しますか？
ご想像のとおり、特別オファーのランディングページをデザインするには、ElementorとStratumの2つのプラグインで十分です。 また、無料バージョンとPROバージョンのどちらを使用するかは関係ありません。
ドメイン名とホスティングを購入し、WordPressをセットアップし、必要なすべてのプラグインをインストールしていることを前提としています。 ただし、苦労している場合は、WordPressサービスのWebサイトを作成する方法に関する同様のガイドラインをお読みください。
セールスランディングページ：重要な要素
すべての特別オファーページの背後にあるそれほど明白ではない秘密は構造です。 それらの一般的な要素を明らかにしましょう（順番にリストされています）：
ヒーローセクションでのオファー
ここでは、ヒーローセクションにあるユニークな販売オファーについて説明します。これは、ユーザーがランディングページにアクセスしたときに最初に表示される領域です。 オファーは通常、動的メディアディスプレイ（スライダーまたはバナー）内に含まれ、その後にブランド名、できればロゴ、およびCTAボタンが続きます。 
出典：Elementorライブラリ
ページ全体の中で最もボリュームのある要素として、オファーセクションに最大限の注意を払ってください。 「最初の画面」にユーザーの注意を向けるだけでは不十分です。オファーへの関心を促すことがより重要です。 あなたの製品/サービスが大きな価値を持っていることをユーザーに納得させる必要があります。 主なメリットをリストし、反対意見をまとめ、購入を促すすべての情報を提供します。
オファーを表すには、次のいずれかの形式を選択できます。
- 製品の3Dモデル–これはヒーローページの最も簡単なタイプではありませんが、それほど普及していないため、目立つようになります。
- メリットのリスト–問題を解決するために製品またはサービスを「使用」する方法をユーザーに伝えます。
- 技術的パラメータ–一般的な技術的側面を持つニッチに最適です。 ガジェット、楽器、物理的なツールに関して、顧客が最初に望んでいるのは、その特性を学ぶことです。
- オプション、割引、追加のボーナス–これらすべてが、今すぐここで購入するように刺激します。
- 計算機、コンバーター–サービスがクライアントのニーズや予算などに適しているかどうかを確認するのに最適です。B2Bでは一般的であり、クライアントとの「最初の対話」の前であっても、協力を確立するプロセスを加速します。
出典：Elementorライブラリ
Stratumでヒーローセクションを構築する方法は？
無料のウィジェットのElementorライブラリは、ダイナミックなヒーローセクションを作成してオファーをカバーするのに十分ではありません。 Stratumの無料ウィジェットを使用すると、魅力的なスライダー、バナー、ギャラリーなどをデザインできます。
- バナーウィジェット
バナーウィジェットを使用すると、プロモーション、お知らせ、およびランディングページのアニメーションセクションを作成できます。 WordPressページにすぐにアクションを追加し、一度に複数のオファーを宣伝します。
バナーウィジェットのコンテンツには、タイトル、説明、リンク、そしてもちろん、背景メディアファイル（画像とビデオ）が含まれます
- フリップボックス
一部のフリップボックススタイルは、ランディングページのメインセクションに収まります。 Stratumウィジェットは現在、6つのフリップエフェクト（ズームインとズームアウト、スライド、フリップアップとダウン、左と右）を提供しています。 
Banner＆Flip Boxウィジェットの機能と、それらをWebサイトに合わせてスタイル設定する方法の詳細をご覧ください。
- 画像アコーディオン
画像アコーディオンを使用すると、キャッチーな召喚状のタイトル、テキストの説明、およびCTAボタンを含めることができます。 その上、それはいくつかの魅力的な画像を圧縮し、ユーザーとあなたのページの間の即時の相互作用を作成します： 
Image Accordionウィジェットの機能と、それをWebサイトに設定する方法の詳細をご覧ください。
- 高度なスライダー
最後に、活気に満ちたヒーローセクションを作成する完璧なウィジェットである高度な画像スライダーが登場します。 Stratumを使用すると、テキストとCTAボタンを使用して応答性の高いフルスクリーンスライダーを作成できます。 
高度なタイポグラフィ、色と背景の設定、アニメーション効果、配置とページネーションの設定、複数列のスライダーレイアウトなどを備えています。
Advanced Sliderウィジェットの機能と、それをWebサイトに設定する方法の詳細をご覧ください。
詳細
次は、販売する製品またはサービスの詳細を含む1つ以上のセクションです。 
出典：Elementorライブラリ
ハイテク製品に関しては、仕事の原則を説明するか、指示を含めることは理にかなっています。
この目的のために、Stratumコレクションで提供されているImageHotspotウィジェットを使用できます。 ユーザーが画像の特定の領域をクリックすると、説明を読むことができます。 製品の技術的特徴を説明する必要がある場合、またはステップバイステップガイドを含める必要がある場合に役立ちます。 
イメージホットスポット機能の詳細については、このリンクを参照してください。
感情をもたらす非テクノロジー製品に関しては、買い物客にインスピレーションを与える使命を促すことができます。 この目的のために、StratumによるUltimateアドオンElementorは、次のウィジェットを提供します。
。
- 垂直および水平のタイムライン
垂直方向と水平方向の両方のタイムラインは、イベントのシーケンス、ショーケースの成果、プロジェクトタスク、またはステージ/ポイントに基づいたものを視覚化するのに役立ちます。 この動的要素は、有用な情報を整理された方法で表示し、認識しやすくします。 
Elementorタイムラインウィジェットの設定について詳しくは、こちらをご覧ください。
- 組積造ギャラリー
ギャラリーは、画像を通じて感情を共有するための最良の方法です。 販売している商品/サービスに応じて、あなた、あなたのクライアント、イベント、前/後の画像などの写真を含めることができます。
Stratumは、MasonryGalleryウィジェットを介してより高度なギャラリー表示を提供します。 
組積造ギャラリー要素をカスタマイズする方法については、ここをクリックしてください。
- サークルプログレスバー
デフォルトのプログレスバーは非常にわかりやすいように見えます。 進行状況をより鮮やかに表示したい場合（数字/パーセンテージで測定可能）、Stratumサークルの進行状況バーを選択します。 
サークルプログレスバー要素をカスタマイズする方法については、ここをクリックしてください。
社会的証明
社会的証明の概念は、人々が他人の意見や行動に基づいて決定を下すときです。 そのため、すべての効率的な販売ランディングページには、組織のレビュー、ケース、卒業証書、および賞を表示する必要があります。
証言は最高の社会的証明として機能します。 
出典：Elementorライブラリ
レビューを投稿するときは、次のルールを考慮してください。
- 実在の人々からの少なくとも3つの証言
- 実際のクライアントの写真
- 読みやすいテキスト
- レビューを行う人の連絡先
提供されているStratumソリューションの中には、お客様の声のカルーセルウィジェットがあります。 それはあなたがスペースを消費する方法で証言を紹介し、それらを簡単にスタイルアップするのに役立ちます。 
お客様の声カルーセルウィジェットの機能と、Webサイトに設定する方法の詳細をご覧ください。
よくある質問
所有者には明らかと思われるものが、ユーザーにはわかりません。 顧客は100％確信しているものを購入します。 FAQセクションでは、ユーザーが知りたい多くの隠れた瞬間を明確にすることができます。
FAQセクションは、見た目がすっきりしていてWebページの余分なスペースを節約できるため、通常はドロップダウンリストのように見えます。 ユーザーが質問をクリックすると、答えが出てきます。 
出典：Elementorライブラリ
うまくいけば、StratumはFAQを高度なアコーディオンとして表示するための優れたソリューションを提供します。
Advanced Accordionウィジェットは、Elementorが提供できる重要なアドオンの1つです。 2つのアコーディオンタイプと双方向性のオプションがあります。 各アコーディオンは、2列または3列のレイアウト、テキストコンテンツ、単一の画像、スライダー、Googleマップなどをサポートしています。 
StratumAdvancedAccordionウィジェットの設定の詳細をご覧ください。
価格ブロック
すべての提案と議論が終わったら、顧客が価格設定オプションを学ぶ時が来ました。 前述のように、割引を強調するために、ヒーローセクションにサービスまたは製品のコストを含めることができます。 ただし、価格表はすべての販売ランディングページに必須です。
価格表では、割引価格、さまざまなプランを強調表示し、顧客の間で最も人気のある価格オプションをマークダウンできます。
この要素に含まれる「購入」および「注文」ボタンは、すべての中で最も重要なCTA要素です。
Stratum Price Tableウィジェットは、上記で指摘したすべてをカバーしています。 セクション（価格、価格の説明、リストアイテム、ボタンのキャプションなど）を含む事前に作成されたテンプレートを提供します。 
価格表ウィジェットの機能と、Webサイトに設定する方法の詳細をご覧ください。
期間限定オファー
期間限定のオファーは、訪問者に購入をより早くするよう促します。 制限時間を視覚的に表現するには、カウントダウン要素またはタイマー要素を使用します。
出典：Elementorライブラリ
Stratumカウントダウンウィジェットを使用して、円またはボックスの形式で時間を作成します。 
Stratumカウントダウンタイマーのその他の設定については、ここをクリックしてください。
お問い合わせフォーム
一部のランディングページの目的はユーザーデータを収集することであるため、お問い合わせフォームが役立ちます。 フォームの種類は、登録、予約のスケジュール、サブスクリプションなど、最終目的によって異なります。
フォームの後には通常、強力なCTAフレーズが続きます。 
出典：Elementorライブラリ
Stratumはお問い合わせフォームウィジェットを提供していませんが、あらゆる種類のフォームに非常に人気のあるお問い合わせフォーム7プラグインを使用できます。
ただし、連絡先情報（場所、ソーシャルメディアアイコン）について言及することをお勧めします。 私たちのアドオンは、GoogleマップとInstagramギャラリーを表示するためのいくつかの良いオプションを提供します。
- 高度なGoogleマップ
Elementor FREEの標準のGoogleマップウィジェットとは異なり、これにはいくつかの拡張オプションがあります。 カスタムマーカーを使用して無制限の場所を表示したり、ユーザーの操作に関してデフォルトのマップインターフェイスを調整したり、適切なマップスタイルを選択したりできます。 
Stratumによる高度なGoogleマップウィジェットの詳細については、ここをクリックしてください。
- Instagramフィード
多くのブランドはInstagramページを積極的に宣伝しており、考えられるすべてのチャネルからオーディエンスを拡大したいと考えています。 独自のWebサイトは、ソーシャルメディアページへの新規ユーザーにとって最適な場所です。
このウィジェットを使用すると、ブランドは活気のあるInstagramギャラリーを強調できます。 フィードは、新しい投稿ごとに自動的に更新されます。 さらに、従来の3列の表示に固執したくない場合は、任意の数の投稿を表示したり、列の数を変更したりできます。 
InstagramアカウントをStratumウィジェットに接続する方法について説明します。
ランディングページの売り上げを伸ばすためのその他のヒント
- CTA （calls-to-action）は短く、明確で、ページの上部、フッター、および平均して2ブロックごとに配置する必要があります。
- 矛盾する可能性のある隠れた反対意見が多いほど、コンバージョン率は高くなります。 最も一般的な隠れたクライアントの反対意見は、「私はあなたを信じていない」、「私は決定を下さない」、「私はあなたの申し出をする時間がない」、「私にはお金がない」です。 私たちの事実と議論を与え、それが彼らが必要としているものであることを訪問者に納得させるために論理的な連鎖を作りなさい。 これらの反対意見に答える最良の方法は、FAQセクションにあります。
- 1ページに収まる情報がたくさんあるので、簡潔にしてください。 ただし、段落をビジュアルメディアコンテンツ（ビデオ、ギャラリー、アイコン、フリップボックス、タイムラインなど）に置き換えることで、テキストを最小限に抑えることができます。
- オーディエンスグループごとに個別の販売ランディングページを作成します。 年齢や興味がまったく異なるユーザーは、購入を促すトリガーが異なります。
結論
これで、美しく、最も重要な効率的な特別オファーページを作成するための手段としてのStratumについて詳しく知ることができます。
Elementor + Stratumデュオは、時間と労力を節約できます。これは1回限りのオプションであるか、両方のプラグインを定期的に使用します。 それだけでなく、両方の製品は、長年の経験を持つWordPressの専門家によってサポートされています。
問題が発生した場合は、適切な支援を提供する準備ができています。
PSもちろん、Stratumにはまともな選択肢がたくさんあります。 言及する価値のある上位4つのアドオンは次のとおりです。
- Elementorの必須アドオン
- Elementorの究極のアドオン
- Elementorのプレミアムアドオン
- Elementorアドオン要素