PR

【Webデザイナー必見】ノーコードで自作デザインのLPを作成する

デザインが大好きな初心者からプロのデザイナーまで、Photoshop、Illustrator、Figma、Canvaなどの画像制作ツールで作成した画像を貼るだけで、誰でも簡単に素早くランディングページ(LP)が作れるWordPress専用のノーコードツール『LPつくるで!』を開発しました。
このツールを使えば、複雑なコーディングの知識がなくても、直感的な操作で美しいLPを作成できます。さらに、柔軟なカスタマイズ機能が揃っており、様々なニーズに対応可能です。
『LPつくるで!』を使って、あなたのデザインを最大限に活かし、魅力的なLPを簡単に作りましょう。

その1…画像を自動で切り替え

お客様が使用しているデバイス(PCまたはスマホ)の画面サイズに応じて、ランディングページ(LP)の画像を自動で見やすいものに切り替えることができます。
この機能により、どのデバイスからアクセスしても、最適な画像で情報を伝えることが可能になります。

初期設定では、画面の幅が800pxを境にして、表示する画像が自動で切り替わるように設定(変更可)されています。
この設定は、お客様が使用しているデバイスの画面サイズに応じて、最適な画像を表示するためのものです。
また、画像にはURLを貼ることが可能で、例えばオンラインショップのURLを画像にリンクさせることができます。

ジョ~ジpapa
ジョ~ジpapa

上の画像はTシャツをモデルにPCとスマホ用に2枚作成したで

ちなみにcanvaで作ってるよ

その2…隙間をなくす

「LPつくるで!」は、ワードプレス特有の画像と画像の間に隙間を入れません

初期設定のワードプレスでは、どうしても隙間が空くので、通販商品のLPでは使いにくいですよね。

「LPつくるで!」では隙間を「0」にしましたが、普通に画像間を空けて文字を書くことはできます。

その3…画面内に画像同士を横にくっつける

画面内に画像同士を最大3枚まで、PCサイズは横にスマホサイズは縦にくっつけることが出来ます
また、画像ごとにURLを貼ることが出来ます

こちらの画像が制作例となります。

その4…画面外に画像同士を横にくっつける

画面外に複数の画像同士をくっつけ、スライドバーを表示して横にスライドすることが出来ます。

こちらが制作例となります。

「服や靴などの色、サイズ違い商品」や「A、B、Cなどの価格プラン」を表示するのに使うといいです。
この画像にはURLを貼ることはできません。

ジョ~ジpapa
ジョ~ジpapa

画像下に

①の商品はこちら

②の商品はこちら

③の商品はこちら

それぞれのボタンを用意するといいですね

その5…背景設定

背景に画像を入れることが可能です。

背景は商品ページごとに設定ができますので、商品に合わせて背景を変更するのもいいですね。
画像間に文字を書くこともできます。

ジョ~ジpapa
ジョ~ジpapa

背景設定したらかっこよくなったね

その6…Xのタイムライン・MAP・カレンダーの埋め込み

ご自身のXタイムライン・ブログ・MAP・カレンダーの埋め込みできます

これらの設置は、ショップ関連LPなら必須ですね

Aパック:【LPつくるで!】のみ

その7…無料素材サイト集と文章生成AI(オプションツール)

魅力あるLP作成をお手伝い
1.画像制作ツールで使用できる無料素材サイトの紹介
2.無料で使える文章生成AIを使ってセールスストーリーを作ります  

ジョ~ジpapa
ジョ~ジpapa

他にはない魅力あるLPが作成できますよ

Bパック:【LPつくるで!】+【無料素材サイト】
Cパック:【LPつくるで!】+【無料素材サイト】+【文章生成AI】

その8…メールフォームと決済システムの設置(オプションツール)

メールフォームと決済システムの設置でさらに便利に!

誰でも簡単!コピペだけでメールフォームの設置
忙しい方でも安心、自動返信メールに対応!

メールフォームに決済システムを埋め込みました
郵便番号記入で住所自動入力に対応

ジョ~ジpapa
ジョ~ジpapa

見込み客を逃がさないので、コンバージョン率アップ!

メールフォームと決済システムの設置で売れすぎ!

仕上がり画像を確認してみる

下の画像が出来上がりとなっています。
PCで見ている方は、画面を狭めてPCサイズからスマホサイズに変化する様子を確認してください。
1枚目の画像にはURLを貼っています。
サイトのホームに設定しているので押した感じも確かめてください。

横に画像同士が3枚くっついているのでスライドしてみてください

こちらもご覧ください

地図とカレンダー埋め込みとフォームの設置をしています

「LPつくるで!」の価格

Aパック:【LPつくるで!】のみ
Bパック:【LPつくるで!】+【無料素材サイト】
Cパック:【LPつくるで!】+【無料素材サイト】+【文章生成AI】

この商品は買い切り価格となります。

3パターンご用意しました。

  • Aパック…①
  • Bパック…①+②
  • Cパック…①+②+③

①…「LPつくるで!」のみ

②…「canva」を無料で使うための無料素材サイト集と無料画像編集ツールの紹介と使い方をセットにした商品です
・無料素材サイト…背景や人物の写真やイラスト、小物素材のサイト集
・無料画像編集ツール…canvaでは有料の背景透過や不要個所の消去などができるツール紹介

③…無料の文章&画像生成AIを使って、商材やサービスが持つ価値を最大限に引き出しお客様の心を動かすセールスストーリーを作成します
・LPに特化したプロンプト(指示文)をセットにした商品

メールフォームと決済システムを設置しよう

ジョ~ジpapa
ジョ~ジpapa

作業の流れとしては、自分の商材についてAIで広告文作ってもらってcanvaでサクッと画像制作したものを「LPつくるで!」に貼り付けるだけ

ジョ~ジ
ジョ~ジ

canvaは無料テンプレも用意されてるから、素人でも画像作るの余裕やろ

公式サイト載せとくからチェックしてみて

canva公式

canvaの使い方を学習しよう

使用条件

「LPつくるで!」はワードプレス専用のツールです

  • ワードプレス専用でプラグインを使用します
  • 動作確認…無料テーマ「Twenty Twenty-Four」と「cocoon」で何の問題もなく使用できます
  • デジタル商品ですので返品はできません
Aパック:【LPつくるで!】のみ
Bパック:【LPつくるで!】+【無料素材サイト】
Cパック:【LPつくるで!】+【無料素材サイト】+【文章生成AI】