ペライチでLP作成する全操作手順【サンプル・解説動画あり】

アイキャッチ画像

LPはいきなり外注せず、まずは自作がおすすめ。

ペライチを使うと、縦長のWebページも簡単です。

ここでは、

  • 操作の8割を占めるブロックの使い方
  • LPパーツごとの作成方法
  • ページ情報の編集・公開方法

まで、すぐに実践できるよう解説します。

本ページはプロモーションが含まれています

■この記事を書いた人

自作した初ランディングページで、約100万円の売上を達成した”うきわ”です。

自らのLP販売実績

▼LP(ランディングページ)に必要なパーツ・配置する順番が丸わかり!

目次

操作の8割方はこれだけ!絶対に使うペライチの基本操作

ペライチで作成できるのは、このようなLP(ランディングページ)。

» 実際に作成したLPサンプルを見てみる

LP作成で操作の8割方をしめるのは、3つの基本操作。

  • ブロックの挿入
  • ブロックのコピー
  • ブロックの移動

動画の方がわかりやすいので、約5分と長いですが、はしょりながらご覧ください。(PCでの操作方法)

画面右下のボタンで再生速度・全画面表示が可能です

ペライチの3つの基本操作がわかると、あとは直感的にガンガン進められます。

新規のLPは「新しいページを作成する」から

1. マイページにある「新しいページを作成する」から開始。

ペライチの「新しいページを作成する」ボタン

「マイページ」へは、トップページのメニューから。

ペライチのトップページ

2. 白紙から作成の「使う」をクリック。

白紙から作成の「使う」

用意されているテンプレートの使用もOK

3. 編集画面へ移動します。

ペライチの編集画面へ移動

①デフォルトでは「PCの画面サイズ」で表示
②画面表示切り替え:パソコン・タブレット・スマホの画面サイズに変更可
③Copyright表示のブロック:屋号などに変更(ブロックをクリック)

4. Copyright表示を変更したら「保存」をクリック。

Copyright表示を変更したら「保存」
屋号に変更されたイメージ

5. 現状を保存したいときは、左上の「保存する」をクリック。

ペライチのメニュー「保存する」

6. すべてのブロックは、「+ボタン」から挿入可能です。

ペライチの+ボタン

7. ブロックメニューが表示されます。

ブロックが表示されたイメージ

使いたいブロック名から、細かくブロックを撰択可能です。

新規のLP作成は、このように開始してください。

LPパーツ別・作成操作の手順

ペライチでのLP作成をパーツ別に解説します。(パソコンでの操作方法)

ペライチのアカウント作成がお済みでないなら。

» 「ペライチ」の機能を知って無料で試す

LPにどんなことを書くのか知っておきたいなら。

» 売れるLPのテッパン構成と作り方はこちら

前提として、

文字サイズ

  • 本文:18px
  • ターゲットコピー:18px
  • キャッチコッピー:28px
  • サブキャッチ:20px
  • 見出し:22px

で作成していきます。

使用する各ブロックは参考程度に、自作する際には、あなたのお好みを見つけ出してください。

こちらのサンプルをもとに、各パーツの作成操作の手順を解説します。

» 実際に作成したLPサンプルを見てみる

ターゲットコピー

1. 「文章」ブロック➜「テキストのみ」➜「決定」

「文章」ブロック

2. 文章を入力するためブロックをクリック。

「文章」ブロックをクリック

文字の中央寄せ・サイズ変更などが可能です。

「文章」ブロックの編集

プレビューでのイメージ。

「文章」ブロックのプレビュー

「ターゲット」でした。

キャッチコピー

1. ターゲットコピーのブロックをコピーします。

ターゲットコピーのブロックをコピー
コピーしたターゲットコピーブロック

2. 文字サイズを28pxに変更し「保存」をクリック。

文字サイズを28pxに変更

プレビューでのイメージ。

キャッチコピーのプレビュー

■メインビジュアルも作成可

ターゲットコピー・キャッチコピーを画像にする、「メインビジュアル」ブロックも用意されています。

「メイン」ブロック➜「メイン・フォト」➜「決定」

ペライチの「メイン」ブロック

プレビューでのイメージ。

「メイン」ブロックのプレビュー

もしくは「文章+画像」ブロック➜「上画像(背景画像あり・明)」➜「決定」

ペライチの「文章+画像」ブロック

プレビューでのイメージ。

「文章+画像」ブロックのプレビュー

といった、ブロックの使用もおすすめです。

「キャッチコピー」でした。

Canvaなら気の利いたメインビジュアル自作も可能です!

区切り線

1. 区切り線を挿入したいキャッチコピー下の「+ボタン」をクリック。

「+ボタン」をクリック

2. 「区切り」ブロック➜「区切り線・実践1px」➜「決定」

「区切り」ブロック

プレビューでのイメージ。

「区切り」ブロックのプレビュー

「サブキャッチ」を上下で挟みたいので、もう一つコピーしておきます。

「区切り線」でした。

サブキャッチ

1. 作成した「キャッチコピー」をコピーして、「サブキャッチ」を作成します。

「キャッチコピー」をコピー

文字サイズ:22px

2. サブキャッチを2つの区切り線の間に移動します。

サブキャッチを2つの区切り線の間に移動

「サブキャッチ」でした。

ボタン

1. 「ボタン」ブロック➜「ボタン(大)」➜「決定」

ペライチの「ボタン」ブロック

2. 挿入された「ボタン」ブロックをクリック。

「ボタン」ブロックをクリック

3. ボタン内の文字やリンク先、カラーも変更できます。

ボタン内の文字やリンク先、カラーも変更

プレビューでのイメージ。

ボタンブロックのプレビュー

「ボタン」でした。

商品・サービスの販売に必要な決済機能は、ペライチでは有料となります。

» ペライチの決済機能

無料でクレジット決済を手に入れる方法【ネットショップ利用】

もちろんLPでも応用できます!

LP内のボタンから見込客のメールリストを獲得するには?

見出し

1. 「見出し」ブロック➜「見出し:矢印」➜「決定」

ペライチの「見出し」ブロック

文字サイズは22px
以降の「見出し」作成では、こちらをコピー・移動して使用してください

プレビューでのイメージ。

「見出し」ブロックのプレビュー

「見出し」でした。

お悩みリスト

1. 「箇条書き/リスト」ブロック➜「リスト」➜「決定」

ペライチの「箇条書き/リスト」ブロック

2. 箇条書きの上部にある「見出し」は不要なので削除します。

「見出し」は不要なので削除

削除の「☓ボタン」は薄く表示されています

3. 箇条書きの行数を増やすには、中央にある「+ボタン」をクリック。

箇条書きの行数を増やすには、中央にある「+ボタン」をクリック

文字サイズは18px

プレビューでのイメージ。

箇条書きブロックのプレビュー

4. 箇条書きの✔を別の画像に変更できます。

箇条書きのチェクマークの変更

✔は画像のためカラー変更はできません

箇条書きのチェクマークの変更画面

「お悩みリスト」でした。

共感

「キャッチコピー」などをコピーして、テキストを変更します。

「キャッチコピー」などをコピー

文字サイズは18px・左寄せ

プレビューでのイメージ。

共感のプレビュー

見出しもコピー・作成してください(実はわたしも…の部分)

続けて「悩みの原因」~「その解決条件を満たすのがこの商品!」も、作成済みの見出しと文章をコピーして作ります。

作成済みの見出しと文章をコピー

「共感」でした。

ベネフィットリスト

作成済みの「お悩みリスト」をコピー・移動して、文章を書き直すだけです。

「お悩みリスト」をコピー・移動して、文章を書き直す

「ベネフィットリスト」でした。

客観的な証拠

複数の証拠を掲載して信頼を高めます。

ビフォー・アフター

1. 「箇条書き/リスト」ブロック➜「ステップ(画像付き)」➜「決定」

ペライチの「箇条書き/リスト」ブロック

2. 見出し、画像、文章をお好みで編集します。

見出し、画像、文章をお好みで編集

3. 画像をクリックすると編集画面が表示されます。

画像をクリックすると編集画面が表示

デフォルトで用意されている画像や、任意の画像をアップロードして使用可能です。

プレビューのイメージ。

ビフォー・アフタープレビュー

「ビフォー・アフター」でした。

お客様の声

 1. 「文章+画像」ブロック➜「お客様の声」➜「決定」

ペライチの「文章+画像」ブロック

2. 画像を挿入したり、不要なものを削除したりします。

画像を挿入したり、不要なものを削除

プレビューでのイメージ。

お客様の声プレビュー

「お客様の声」でした。

推薦文

1. 「文章+画像」ブロック➜「上画像(枠付)」➜「決定」

ペライチの「文章+画像」ブロック

2. 画像を挿入したり、不要なものを削除したりします。

画像を挿入したり、不要なものを削除

プレビューでのイメージ。

推薦文のプレビュー

「推薦文」でした。

 商品・サービスの紹介

1. 「文章+画像」ブロック➜「左画像(背景画像あり・明)」➜「決定」

ペライチの「文章+画像」ブロック

2. 画像を挿入したり、不要なものを削除したりします。

画像を挿入したり、不要なものを削除

プレビューでのイメージ。

商品紹介のプレビュー

「商品・サービスの紹介」でした。

プロフィール

  1.  「文章+画像」ブロック➜「プロフィール」➜「決定」
ペライチの「文章+画像」ブロック

2. 画像を挿入したり、不要なものを削除したりします。

画像を挿入したり、不要なものを削除

プレビューでのイメージ。

プロフィールのプレビュー

「プロフィール」でした。

特典

1. 「文章+画像」ブロック➜「特典」➜「決定」

ペライチの「文章+画像」ブロック

2. 画像を挿入したり、不要なものを削除したりします。

画像を挿入したり、不要なものを削除

完成したものをコピーして、必要なぶんだけ作成します。

プレビューでのイメージ。

特典のプレビュー

「特典」でした。

よくある質問

1. 「文章+画像」ブロック➜「よくある質問(枠付)」➜「決定」

ペライチの「文章+画像」ブロック

2. 必要に応じて削除・コピーします。

必要に応じて削除・コピー

プレビューでのイメージ

よくある質問のプレビュー

「よくある質問」でした。

ヘッダーメニュー

1. 「ヘッダー/メニュー」ブロック➜「左テキスト+右メニュー(上部固定)」➜「決定」

ペライチの「ヘッダー/メニュー」ブロック

2. していきます。

ロゴのテキストやメニューを編集

3. メニュー名やリンク先を決定します。

メニュー名やリンク先を決定

背景画像や文字色なども変更可能です。

背景画像や文字色なども変更可能

メニューに内部リンクを設定したいときは、ブロック単位で簡単に撰択できます。

内部リンクはブロック単位で撰択可能

プレビューでのイメージ。

ヘッダーメニューのイメージ

「ヘッダーメニュー」でした。

以上、この操作手順をマスターするだけで、簡単にLP作成に取りかかれます。

Webマーケティングには心理学も深く関係します

作成したLPの「ページ情報編集・公開」

作成したLPの、URL・ページ名などを設定していきます。

1. 編集画面の左メニュー「ページ情報編集」をクリック。

ペライチの編集画面の左メニュー「ページ情報編集」

2. URLの設定は、「旧ページURLを利用したい場合」が一番簡単な方法です。

「旧ページURLを利用したい場合」が一番簡単な方法

任意のURLを決めてください。ただし、すでに存在するURLは利用できません。

3. 「公開する」から簡単に公開も可能です。

ペライチの「公開する」

4. 説明事項を確認して問題なければ、「確認しました」をクリック。

ペライチの「確認しました」

5. 公開したLPを見たいときは「公開ページを見る」から。

ペライチの「公開ページを見る」

6. 「下書きに戻す」で簡単に非公開に戻せます。

ペライチの「下書きに戻す」

以上、ペライチによるLP作成の全操作手順でした。

ペライチのアカウント作成がお済みでないなら。

» 「ペライチ」の機能を知って無料で試す

【ペライチでLP作成する全操作手順】まとめ

この記事のポイント

  • ペライチ3つの基本操作
    ・ブロックの挿入
    ・ブロックのコピー
    ・ブロックの移動
  • LPバーツ別の使用ブロックはこれ!
    ・キャッチコピー:文章 or メイン
    ・区切り線:区切り ➜ 区切り線・実践1px
    ・ボタン:ボタン ➜ ボタン(大)
    ・見出し:見出し ➜ 見出し:矢印
    ・お悩みリスト:箇条書き/リスト ➜ リスト
    ・ビフォー・アフター:箇条書き/リスト ➜ ステップ(画像付き)
    ・推薦文:文章+画像 ➜ 上画像(枠付)
    ・商品の紹介:文章+画像 ➜ 左画像(背景画像あり・明)
    ・特典:文章+画像 ➜ 特典
    ・よくある質問:文章+画像 ➜ よくある質問(枠付)
    ・ヘッダーメニュー:ヘッダー/メニュー ➜ 左テキスト+右メニュー(上部固定)

本気でLPの結果を出したいなら…

STEP
自分で下地をつくる
STEP
少額の広告でテスト
STEP
微調整する
STEP
「これだ!」となったとき、安価でもピカピカにデザインしてくれる業者さんに外注

この流れがおすすめ!

▼WordPress有料テーマ「SWELL」でもLPを簡単に自作できます!

SWELLで作成したLP見本

WordPress有料テーマ「SWELL」の購入~ダウンロード・有効化

売れるランディングページのテッパン構成と作り方

「ペライチ」の機能を知って無料で試す

「LPの作り方」以前の売れる文章を書くコツ3つ!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次