WordPressで無料のランディングページを作成する方法

公開: 2021-11-29
How to Create a Free Landing Page in WordPress

ダイムを使わずにWordPressでランディングページを作成しますか?

ランディングページは簡単に作成できますが、売り上げとコンバージョンを増やしたい場合は、ページが視覚的に魅力的で魅力的であることを確認する必要があります。

WordPress用のランディングページビルダープラグインは複数あり、それらのほとんどは無料のソリューションを提供します。 ただし、変換用に最適化されたカスタマイズ可能なテンプレートを提供するものを選択することをお勧めします。

IsItWPでは、何年にもわたって多くのランディングページを作成してきました。このチュートリアルでは、WordPressで無料のランディングページを作成するための最良の方法を紹介します。

WordPressで無料のランディングページを作成するには何が必要ですか?

ランディングを手動で作成するには、多くの時間とコーディングスキルが必要です。 プロの開発者を雇ってウェブサイトにランディングページを設定することもできますが、無料ではありません。

ランディングページを作成するためのより良い、より簡単な方法は、最高のドラッグアンドドロップのWordPressランディングページプラグインであるSeedProdを使用することです。

SeedProd landing page builder

SeedProdには、WordPressで見事なランディングページを作成するために使用できる無料バージョンがあります。 どんな画面サイズでも見栄えがするように設計された数十のランディングページテンプレートが付属しています。

セールス、プロモーション、リード生成など、ほぼすべての目的のためのテンプレートがあります。 プラグインには、近日公開予定の組み込みモードとメンテナンスモードも付属しているため、開発中のWebサイトを非表示にすることができます。

SeedProdを使用すると、ポイントアンドクリックツールを使用してランディングページを非常に簡単に作成できます。 そのため、コードを編集しなくても、無料のランディングページを設定およびカスタマイズできます。 数十の基本要素と高度な要素、カスタムブロック、およびスマートセクションを追加できます。

さらに、SeedProdには、ランディングページを電子メールマーケティングサービス、SEOおよび分析ツール、WooCommerce、および支払いソリューションに接続するためのプレミアム統合があります。

SeedProdの主要な要素には次のものがあります。

  • サインアップフォーム
  • お問い合わせフォーム
  • 社会的プロフィール
  • プログレスバー
  • カウントダウンタイマー
  • 星評価

SeedProdの最も優れている点は、初心者でも簡単に構成できることです。 ビジュアルエディターを使用して、Webサイトのランディングページを設計およびカスタマイズできます。

さらに遅れることなく、SeedProdを使用して無料のランディングページを作成するステップバイステップのプロセスを紹介しましょう。

ステップ1.SeedProdプラグインをインストールしてアクティブ化する

最初に行う必要があるのは、無料のSeedProdランディングページプラグインをインストールしてアクティブ化することです。

プラグインにアクセスする必要があります»WordPress管理エリアから新しいページを追加し、SeedProdプラグインを検索します。

Install SeedProd Free Plugin

[今すぐインストール]ボタンをクリックしてから、[アクティブ化]ボタンをクリックします。

Activate plugin

有効化すると、ウェルカム画面にリダイレクトされます。 ウェルカムページを下にスクロールして、[最初のページを作成]ボタンをクリックする必要があります。

Create first page

次のページで、SeedProdのトップの提案を見つけることができます:

  • 近日公開ページ
  • メンテナンスモードページ
  • 404ページ
  • ログインページ

SeedProdの無料ランディングページプラグインには、近日公開予定のメンテナンスモードページが含まれています。 ログインページまたは404ページを作成する場合は、SeedProdのプレミアムバージョンが必要です。

Coming soon template

次に、WordPressに新しいランディングページを追加するプロセスを示します。

ステップ2.WordPressで新しいランディングページを作成する

同じページを下にスクロールして、[新しいランディングページの作成]ボタンをクリックする必要があります。

Create landing page

これにより、SeedProdのランディングページテンプレートのライブラリが開きます。 特定のテンプレートを選択する場合は、画面の上部にあるフィルターを使用できます。

Choose template filters

無料版で7つの無料ランディングページテンプレートを入手できます。 SeedProdのメーリングリストに登録すると、さらに10個のテンプレートを無料で入手できます。

完全なSeedProdテンプレートライブラリにアクセスするには、SeedProdProプランにアップグレードする必要があります。

SeedProd Pro templates

SeedProdのテンプレートは、箱から出してすぐに見栄えがするように設計されています。 さらに、それらは完全にカスタマイズ可能であるため、必要に応じて小さな変更を加えたり、デザインを完全に変更したりすることもできます。

とりあえず、 FitnessSalesPageテンプレートから始めましょう。 テンプレートの上にマウスを移動して、チェックマークアイコンをクリックする必要があります。

Select a template

ページ名を入力する必要がある場所にポップアップが開きます。 ページのURLが自動的に生成されます。 この情報は後で変更できますので、ページ名を自由に追加してください。

Page name

次に、[保存してページの編集を開始]ボタンをクリックします。 これで、無料のランディングページを編集およびカスタマイズできるSeedProdランディングページビルダーの内部にいるはずです。

ステップ3.無料のランディングページにコンテンツを追加する

SeedProdページビルダーの左側にはカスタムブロックとセクションがあり、画面の右側にはランディングページのライブプレビューがあります。

SeedProdの無料のランディングページプラグインには、すべての標準ブロックといくつかの高度なブロックが含まれています。 すべてのブロックのロックを解除するには、SeedProdProバージョンが必要です。

SeedProd page builder

カスタムブロックを左側のパネルから右側のページプレビューにドラッグアンドドロップできます。 SeedProdには、複数の便利なカスタムブロックが付属しています。

  • 見出し
  • 文章
  • 画像
  • ビデオ
  • 与える
  • お問い合わせフォーム
  • スペーサー
  • 仕切り
  • もっと…
Custom blocks

ページプレビューのいずれかのセクションをクリックすると、左側に編集オプションが表示されます。 SeedProdには、ランディングページのコンテンツをリアルタイムでカスタマイズできるインラインテキストエディタがあります。

Inline editor

画像と動画でも同じように機能します。 ランディングページテンプレートのライブプレビューからダミー画像をクリックすると、左側のパネルにオプションが表示されます。

コンピューターまたはWebサイトのメディアライブラリからメディアコンテンツをアップロードすることにより、画像/ビデオを置き換えることができます。

Image editing

すべてのコンテンツと画像を無料のランディングページテンプレートに追加します。 完了したら、先に進み、ページの右上隅にある[保存]ボタンをクリックします。

ステップ4.ランディングページのデザインをカスタマイズする

デフォルトでは、SeedProdランディングページテンプレートは、優れた色の組み合わせと美しいフォントで専門的に設計されています。 それらは訪問者の注意を引き、あなたのサイトで行動を起こさせるように最適化されています。

ただし、Webサイトやブランド資産に合わせてページテンプレートのデザインをカスタマイズすることもできます。 グローバル設定にアクセスするには、画面の左下隅にある歯車のアイコンをクリックする必要があります。

Global settings

これらの設定には、

  • フォント
  • バックグラウンド
  • カスタムCSS

まず、[フォント]タブをクリックします。 これには、ヘッダーとページコンテンツのフォントタイプとフォントサイズが含まれます。

ドロップダウンをクリックして、フォントのスタイルまたはサイズを変更します。 また、ページテンプレートのテキストスタイルを完全に変更するための組み込みのフォントテーマも提供します。

Font settings

次に、[]タブで、ヘッダー、テキスト、ボタン、リンクなど、すべてのページ要素の色を変更できます。 見た目に美しい外観を得るために選択できる既製のカラーパレットもあります。

Colors settings

[背景]タブでは、単色とグラデーションの背景スタイルを選択できます。 また、背景色、背景画像、コンテンツの位置、ビデオの背景、スライドショーなども含まれます。

Background settings

カスタムCSSセクションは、コーディングを使用してページをカスタマイズしたい開発者向けに設計されているため、スキップしましょう。 これらの設定を保存するには、[保存]ボタンをクリックすることを忘れないでください。

手順5.SeedProdBuilderでページ設定を構成する

SeedProdを使用すると、ページ設定を完全に制御できます。 これらのオプションにアクセスするには、上部のナビゲーションメニューから[ページ設定]タブを開きます。

Page settings

ページ設定は4つのセクションに分かれています。

  • 一般:これらの設定には、ページタイトル、ページURL、ページステータスなどが含まれます。
  • SEO:これはランディングページのSEOを最適化するのに役立ちます。 SEO設定を管理するには、WordPress用のオールインワンSEOプラグインを使用する必要があります。
  • 分析:このセクションでは、MonsterInsightsプラグインを使用して、ランディングページのトラフィックと訪問者を表示できます。
  • スクリプト:ここでは、FacebookTrackingPixelコードなどのカスタムスクリプトを追加できます。

すべてのページ設定に問題がなければ、[保存]ボタンをクリックして続行します。 そして、ランディングページをロールする準備が整いました。

ステップ6.無料のランディングページを公開して表示する

ランディングページの準備ができたので、Webサイトの訪問者に公開して表示できます。

そうするのは簡単です。 [保存]ボタンの横にある下矢印オプションをクリックしてから、[公開]オプションをクリックします。

Publish page

ポップアップが開き、ランディングページが現在公開されていることを確認します。 [ライブページを表示]ボタンをクリックできます。

See live page

コンテンツと画像をよく見てください。 ランディングページは、WordPressWebサイトのすべての人に表示されるようになりました。

Landing page

簡単ではなかったですか? あなたは、1ペニーを費やすことなくWordPressでランディングページを作成する方法を学びました!

いつでも戻って無料のランディングページをカスタマイズできることを忘れないでください。 SeedProdの価格を調べて、より多くの機能やオプションにアクセスできるプレミアムプランについて学ぶこともできます。

今後は、人気のある役立つガイドをご覧になることをお勧めします。

  • WordPressサイトの見事なスプラッシュページを作成する方法
  • WordPressで高変換スクイーズページを作成する方法
  • 8つの最高のドラッグアンドドロップWordPressページビルダー

これらの記事は、より多くのリードを顧客に変える美しく魅力的なランディングページを作成するのにさらに役立ちます。 そして最後は、見逃したくない最も人気のあるランディングページビルダーの比較です!