トップ5ランディングページのWordPressプラグインの比較

  • WordPress
  • 更新:Feb 12、2019

ノンプロフェッショナルなWeb開発者として、コードを使って設計する方法を学ぶには、一度、数十のチュートリアル、書籍、オンライン学習リソースを踏まなければなりませんでした。 当時、サイトをゼロから作成することは、厳密には試行錯誤でした。 その結果、あなたの頭の中で視覚化したサイトを達成するには数時間から数日かかることがあります。

コードを使用してWebサイトをデザインする一方で、これまでと同様にやりがいがあります。 今日の技術ではもはや必要ありません。 プロ並みのWebサイトを立ち上げて運用したい場合は、ドラッグアンドドロップサイトビルダーを使用するか、CMSをドメインに統合するだけです。

柔軟性、スケーラビリティ、そして使いやすさに関して、WordPressは初心者にもベテランにも人気の高い選択肢の1つです。 確かに、その組み込みのテーマとスタイルのカスタマイズオプションはかなり限られています。 しかし、外部のランディングページプラグインを使えば、あなたが望む通りにセールスページを作成することができます - すべて数分のうちに。

以下は、WordPressランディングページプラグインのトップ5を比較したものです。

1。 OptimizePress

ウェブサイト: https://www.optimizepress.com/ - 価格:$ 97

ランディングページはスタイリッシュである必要がありますが、コンバージョン率を最大限に高めるためにも最適化する必要があります。 OptimizePressは、仕事のために装備されている数少ないランディングページビルダーの1つです。 リアルタイムページエディタとは別に、主要な機能の一部には、会員制サイトビルダー、外部電子商取引の統合、分割テスト、訪問者追跡などがあります。

豊富なテーマとテンプレートのおかげで、OptimizePressはランディングページがコンバージョンに確実に対応できるようにします。

OptimizePressの使用を開始するには、WordPressダッシュボードから[OptimizePress]> [ブログ設定]に移動して、ブログの設定を実行してください。 これにより、サイトのテーマスタイル、ブランド要素、レイアウト、およびモジュールを指定できます。

すべての手順を実行すると、サイトの完全な見直しが行われます。これは、バナーロゴからサイドバーウィジェットに至るまですべてを変更します。

このリストに記載されている他のプラグインとは異なり、OptimizePressはあなたがインストールしたアクティブなWordPressテーマに依存しません。 設定プロセス全体を通じて使用したオプションに基づいて、新しいランディングページを自動的に生成することができます。

それでも、ページのデザインを手動で調整する場合は、「ライブエディター」を使用できます。 この機能にアクセスするには、[OptimizePress]> [ページビルダー]に移動します。

注目すべき特徴:

  • コンバージョン用に構築された - OptimizePressでは、フードの下のすべてがコンバージョンのために構築されます。 プラグインの段階的な性質により、見出しからCTAボタンまで、あらゆることを正しく行うことができます。
  • OptimizePressマーケットプレース - 包括的なランディングページプラットフォームとして、OptimizePressは、アイコンパック、構築済みのページ、テンプレート、およびスケーラビリティのための他のリソースを見つけることができる「マーケットプレイス」へのアクセスを許可します。
  • 会員制サイト管理 - OptimizePressはこのリストの唯一のプラグインで、あなた自身のメンバーシップサイトを構築して管理することができます。

2。 ビーバービルダ

ウェブサイト: https://www.wpbeaverbuilder.com/ - 価格:プレミアムテンプレートとモジュールの場合は無料/ $ 99

あなたの現在のテーマから基本的なデザインの側面を保ちながらページを修正したい場合は、Beaver BuilderのLiteバージョンがあなたにとって完璧なプラグインです。 インストールされると、ドラッグ&ドロップインターフェースを介して、任意のページを完全に編集可能にすることができます。

Beaver Builderエディターを起動するには、WordPressダッシュボードに移動し、[ページ]> [すべてのページ]をクリックします。 編集するページにマウスを合わせて、[ページビルダー]をクリックします。 または、ページを開いて、WordPressエディターから[ページビルダー]タブをクリックすることもできます。

メインページエディタでは、さまざまな列の行を追加してから、「モジュール」とWordPressウィジェットで異なるページ要素を追加できます。 それがBeaver Builderのしくみです。

たとえば、2列のコンテンツ領域を追加する場合は、[行のレイアウト]をクリックし、[2列]を選択してページ上の目的の場所にドラッグします。

これにより、青い点線で囲まれた2つの新しいコンテンツ領域がページに追加されます。 各列のプロパティーをクリックすると変更できます。

これらの行にコンテンツ要素を追加するには、基本モジュール、拡張モジュール、WordPressウィジェットの3つのオプションがあります。

基本モジュールでは、さまざまな写真、テキスト、オーディオ、ビデオ、およびカスタムHTML要素を追加できます。 行を追加するときに作成した列領域の1つにドラッグ&ドロップするだけです。

注目すべき特徴:

  • プレミアムモジュールとテンプレート - 少なくとも標準パッケージに投資できる場合は、プレミアムモジュールとテンプレートにアクセスして、ウェブサイトを簡単に盛り上げることができます。
  • 任意のWordPressテーマで使用可能 - Beaver Builderでは、現在のWordPressテーマを完全に変えずにページのカスタマイズを行うことができます。
  • 行とモジュールの保存 - 最後に、Beaver Builderでは、以前に作成または使用した行やモジュールを保存することができます。 これにより、再利用が必要な場合に備えて、時間を節約できます。

3。 エレメント・ページ・ビルダー

ウェブサイト: https://elementor.com/ - 価格:無料/ 49サイト用$ 1

機能性に関しては、Elementor Page BuilderはBeaver Builderよりも高度です。 これは、フリーバージョンを比較する場合に特に当てはまります。

Elementorを使用すると、画像カルーセル、ボタン、プログレスバー、ソーシャルアイコンなどのインタラクティブな要素を簡単に追加できます。 エディターにアクセスするには、カスタマイズしたい投稿またはページに移動して、「Elementorで編集」をクリックします。

これでメインツールバーが表示され、グローバル設定を変更したり、ページに新しい要素を追加することができます。 たとえば、ランディングページに新しいCTAボタンを追加する場合は、ボタンをドラッグして適切なセクションにドロップします。

ページ要素をクリックするだけで、ページ要素の設定を変更できます。 セクションを追加するには、[セクションの新規追加]ボタンをクリックするか、空のページ領域に要素をドラッグします。

注目すべき特徴:

  • テンプレート - 無料版でも、Elementorでは、最大限のコンバージョンを実現するように事前設定された美しいテンプレートを使用できます。
  • 統合グローバル設定メニュー - Elementorツールバーのハンバーガーアイコンをクリックすると、レイアウトの色、フォント、高度なプラグイン設定などのグローバル設定をすばやく調整できます。
  • 高度なスタイルオプション - グローバル設定とは別に、Elementorでは、「Elementor」>「Settings」>「Style」を使用して、より多くのスタイリングオプションを提供しています。 ここでは、コンテンツの幅、ウィジェット間のスペース、デフォルトのフォントなどを変更できます。

4。 SiteOrigin Page Builder

ウェブサイト: https://siteorigin.com/page-builder/ - 価格:無料/ 29サイト用$ 1

SiteOriginのPage Builderプラグインは、もう1つの有能なランディングページビルダーですが、WordPressのより大きなエコシステムのコアコンポーネントとして最もよく記述されています。 まず、別途インストールする必要があります SiteOriginウィジェットバンドル ビジュアルページビルダをフルに活用します。 また、SiteOrigin CSSとInstallerプラグインをインストールして機能をさらに拡張することもできますが、リンク先ページの作成が行われる限りオプションです。

インストール時に、WordPressエディターに移動して[ページビルダー]タブをクリックすると、ページビルダーを起動できます。

メインのWordPressエディターを終了せずに完全にカスタマイズできますが、変更のリアルタイムプレビューには「ライブエディター」を使用する必要があります。 これを行うには、メインツールバーの[ライブエディター]ボタンをクリックします。

ライブエディタを使用すると、ウィジェットを使用して行を追加したり、事前に作成したレイアウトを使用したり、ページに機能を統合したりすることができます。

注目すべき特徴:

  • 高い拡張性 - ページビルダーは表面には見えないように見えるかもしれませんが、SiteOriginスイートのプラグインはスケーラビリティに関しては他のものより優れています。 これは、視覚的なCSSエディタ、プラグインインストーラ、およびSiteOrigin Webサイトから個別にダウンロードできるプレミアム "アドオン"のホストのおかげです。
  • ライブスクリーンプレビュー - SiteOriginでは、デスクトップ、モバイル、タブレットの各モードを切り替えて、異なる画面サイズでサイトをプレビューすることができます。

5。 キングコンポーザー

ウェブサイト: https://kingcomposer.com/ - 価格:無料/ 29サイト用$ 1

KingComposerは、WordPressインフラストラクチャとシームレスに統合する別のランディングページビルダーです。 インストールとアクティベーションの後、任意のページに移動して「KingComposerで編集」をクリックして、プラグインの使用を開始できます。

そこから、ページのすべてのセクションを最小の詳細まで編集し始めることができます。 たとえば、テキストブロックの[編集]ボタンまたは[列テキスト]ポップアップをクリックすると、[テキストブロック設定]ウィンドウでそのフォントスタイル、色、サイズ設定オプションをすばやく変更できます。

セクションや要素をページに追加するには、メインの「KingComposer」ツールバーを使用します。 行ごとに最大4つの列を使用することができます。これは、レイアウトに関係なく十分です。

おそらく、KingComposerの最も印象的な機能は、要素の広範なライブラリです。 緑の[要素]ボタンをクリックすると、ブログ投稿カルーセルからカウントダウンタイマーまで、ワン​​クリックでサイトに追加できる機能のコレクションが表示されます。

注目すべき特徴:

  • 簡単なアニメーション - KingComposerを使用すると、コンテンツで簡単なアニメーションを実装するためのプロフェッショナルコーダーは必要ありません。
  • テンプレートライブラリ - 組み込みの「セクションマネージャー」を使用して、レイアウトをすばやく保存および再利用できます。 これは、ライブエディターから、またはメインダッシュボードから[KingComposer]> [セクションマネージャー]にアクセスしてアクセスできます。
  • 簡単な最適化オプション - 最後に、KingComposerでは最適化手法を実行してページのパフォーマンスを自動的に向上させることができます。 これには、静的ファイルへのリソースの事前レンダリング、ブラウザキャッシングの活用、圧縮の使用、サイトコードの縮小などが含まれます。

評決

現在のテーマに満足しているWordPressユーザーにとっては、Beaver BuilderとElementorが最適です。 これらのプラグインは軽量であるだけでなく、数回のクリックでサイトをすばやく調整するのに役立ちます。

一方、KingComposerとSiteOrigin Page Builderは、サイト構築のためのより実践的なアプローチを好む人に最適です。 しかし、訪問者のコンバージョンの目標に集中したい場合は、プレミアムOptimizePressアカウントを保存することもできます。 これにより、最終的に最終的に設計に取り組むことができます。

クリストファー・ヤン・ベニテスについて

Christopher Jan Benitezは、中小企業にオーディエンスを巻き込み、コンバージョン率を高めるコンテンツを提供するプロのフリーランスライターです。 あなたがデジタルマーケティングに関連することについての高品質の記事を探しているならば、それから彼はあなたの男です!Facebook、Google +、そしてTwitterで彼に「こんにちは」と言ってください。

接続します。