単品ショップ向けElementorランディングページテンプレート（Pro不要）

FacebookやInstagramの広告で1つの商品を売るなら、本格的なネットショップは必要ありません。必要なのは、商品を説明し、不安を解消し、そのまま注文を受けられる軽いページです。Verdiaはまさにそのために作られたElementorランディングページテンプレートで、無料版のElementorで使えます。

この記事では、テンプレートの各セクション、内蔵の注文フォームの仕組み、JSONファイルを数分でインポートする方法、そしてデモブランドを自分の商品ページに変える方法を紹介します。

テンプレートの概要

価格	5ドル（決済は৳600）、買い切り
対応	Elementor無料版 3.x / 4.x、Elementor対応のすべてのテーマ
ファイル	インポート用 .json テンプレート1つ + デモ画像
セクション	9（ヒーロー、画像、メリット、ストーリー、使い方、商品、安心、電話ボックス、注文フォーム）
注文フォーム	パックカード、リアルタイム合計、代金引換、WhatsApp注文
スマホ	スマホ用に文字サイズと余白を調整済み
ライセンス	自分やクライアントのサイトで無制限に使用可能

単品ランディングページがショップページより売れる理由

通常の商品ページはショップの中にあり、メニューや関連商品、サイドバーに囲まれています。リンクの一つひとつが、訪問者が離れるきっかけになります。ランディングページはそれらをすべて取り除き、約束、根拠、詳細、注文フォームという一本の道へ訪問者を導きます。

そのため、SNS広告を出す代金引換の販売者の多くは、縦に長い1ページを使っています。訪問者はスマホの広告から来て、スクロールし、ページを離れずに注文します。Verdiaはこの実績ある構成をそのまま採用しているので、レイアウトではなく商品と広告に集中できます。

セクションごとにテンプレートを紹介

デモでは、架空ブランド「Verdia Naturals」のモリンガリーフパウダーを販売しています。テキスト、画像、色はすべて簡単に差し替えられるので、同じレイアウトでスキンケア、食品、ガジェット、書籍など、どんな単品商品にも使えます。

1. ヒーロー：見出し、約束、最初の注文ボタン

ロゴ、2色の見出し、短いキャッチコピー、そしてフォームへ直接移動する黄色の Order Now ボタン。すでに納得している訪問者はワンタップで注文できます。

2. 商品画像

商品の使用シーンを見せる、角丸の大きな画像（動画にも変更可能）。元のレイアウトではここにYouTube動画があったので、いつでも動画ウィジェットに戻せます。

3. 2列のメリット

濃い緑のセクション見出しの下に、8項目ずつのアイコンリストが2つ。短く流し読みできる文は、スマホでは長い段落よりずっと効果的です。

4. ストーリーと2つ目の行動ボタン

商品の由来と優れている理由を伝える画像と文章、続いて2つ目の注文ボタン。

5. 使い方

指差しアイコンで実用的なアイデアを並べたリスト。デモではレシピですが、あなたの商品なら使用手順、サイズ、同梱物などに使えます。

6. 商品写真と安心リスト

パッケージ写真の後に「Shop with Confidence」：代金引換、簡単な返品、迅速な配送、無料特典。フォームの前に最後の不安を解消する場所です。

7. 電話ボックス

電話で注文したいお客様向けに、電話ボタン（実際の tel: リンク）を置いたカラーボックス。

内蔵の注文フォーム

最後のセクションは、HTMLウィジェット1つで作った完全な注文フォームです。フォームプラグインもElementor Proも不要で、代金引換のショップ向けに設計されています。

• 3つのパックカードと「Best value」バッジで、大きいパックを選んでもらいやすくします。
• リアルタイムの注文概要：パックを選ぶと小計、送料、合計がすぐに更新されます。
• 氏名、電話番号、住所はブラウザの自動入力と入力チェックに対応。
• WhatsApp注文：番号を一度入れるだけで、注文ごとにパック、合計、氏名、電話、住所が入力済みのWhatsAppが開きます。
• 独自のチェックアウトも可能：ウィジェットをWooCommerce、CartFlows、Contact Form 7、Fluent Formsに置き換え、セクションID order はそのまま残します。

スマホファーストの設計

ランディングページの訪問者の多くはスマホのSNS広告から来るため、すべての見出し、リスト、ボタンにスマホ専用のサイズがあります。メリットの2列は縦に並び、フォームは1列になり、ボタンはタップしやすい大きさのままです。

ダウンロードの内容

• verdia-moringa-landing.json：インポートするElementorテンプレート。
• デモ画像：ロゴ、ヒーロー、メリット、商品イラスト。あなたのページで自由に使えます。
• インポート、カスタマイズ、注文フォーム設定を説明した手順書 README。
• ライセンスファイル：自分やクライアントのサイトで無制限に使用できます。

Elementorランディングページテンプレートのインポート方法

インポートは約2分で、どのバージョンのElementorでも手順は同じです（メニュー名はWordPressの言語によって多少異なります）。

1. WordPressで Templates > Saved Templates を開き、Import Templates をクリックします。
2. verdia-moringa-landing.json を選び、Import Now をクリックします。
3. 新しい固定ページを作成し、Edit with Elementor をクリックします。
4. フォルダアイコンをクリックして My Templates を開き、「Verdia Naturals – Moringa Powder Landing Page」を挿入します。
5. ページ設定でレイアウトを Elementor Canvas にし、ヘッダーやフッターで気が散らないようにします。
6. テキストと画像を自分のものに差し替え、Publish をクリックします。

ヒント：インポート時にElementorがデモ画像をメディアライブラリへ自動でダウンロードします。サーバーがこれをブロックする場合は、ZIP内の画像をアップロードし、各画像ウィジェットで選択してください。

15分で自分のページに

• ブランド：見出しとフッターのロゴとブランド名を差し替えます。
• 色：ボタンは黄色（#FFC100）、セクション見出しは濃い緑（#004111）。各ウィジェットのStyleタブで変更できます。
• フォント：見出しはBricolage Grotesque、本文はAnek Bangla（どちらも無料のGoogle Fonts）。日本語で使う場合はNoto Sans JPなどの日本語フォントに変更してください。
• 価格とパック：フォームのHTMLで3つのパック、送料、通貨記号を編集します。
• 言語：すべて通常のテキストなので、手作業でもWPML、Polylang、TranslatePressでも簡単に翻訳できます。

このテンプレートはこんな方に

主力商品を1つ販売していて、1つの役割をしっかり果たすページが欲しい方に最適です。

• 代金引換の広告を出しているFacebookやInstagramの販売者。
• 食品、ハーブパウダー、スキンケア、ガジェット、書籍を扱う小さなブランド。
• クライアントの商品ページを制作し、すばやく作り始めたいフリーランスや制作会社。
• ショップとは別に、集中したキャンペーンページが欲しいWooCommerceのオーナー。

ページ全体のプレビュー

インポートしたときとまったく同じ、ページ全体を上から下までご覧ください。

よくある質問

Elementor Proは必要ですか？

いいえ。Heading、Image、Button、Icon List、HTMLといった無料ウィジェットだけで作られています。

自分のテーマで使えますか？

はい。Hello Elementor、Astra、Kadence、GeneratePressなど、Elementorに対応したテーマならどれでも使えます。Elementor Canvasレイアウトにすれば、どのテーマでも同じ見た目になります。

注文フォームは自動で注文を送信しますか？

初期状態はデモモードです。WhatsApp番号を1か所に入れれば注文がWhatsAppに届きます。WooCommerceやフォームプラグインのチェックアウトに置き換えることもできます。両方の方法はREADMEで説明しています。

別の商品にも使えますか？

はい。モリンガパウダーはデモにすぎません。テキストと画像を変えれば、どんな単品商品にも使えます。

クライアントのサイトで使えますか？

はい。自分やクライアントのサイトで無制限に使えます。ただし、テンプレートファイル自体の再販や共有はできません。

ファイルはどうやって受け取りますか？

お支払い直後に、注文ページとメールでダウンロードリンクが届きます。

Verdiaランディングページテンプレートを入手

SNS広告で商品を売り出すところなら、完成済みのランディングページでデザイン作業を丸一日節約できます。Verdiaをインポートし、商品を差し替えて、今日から注文を受けましょう。