メインコンテンツにスキップ

ArtinTech Solution

Single product landing page with free Elementor on two phones: hero and order form

クリーム、ハーブパウダー、ガジェット、本など、1 つの商品だけを売るなら、本格的なネットショップは必要ありません。必要なのは、商品を説明し、不安に答え、訪問者が離れる前に注文を受ける速い 1 ページです。それが単品ランディングページで、無料版 Elementor を使えばごくわずかな費用で作れます。

このガイドは、Facebook や Instagram に広告を出し、費用をできるだけ抑えて、無料版 Elementor で自分で作りたい小規模な販売者向けです。ページに必要な要素、実際の費用、有料プラグインなしで注文を受ける方法、そして WooCommerce ストアに移るタイミングを解説します。

透明性について:以下で紹介するテンプレート Verdia は、ArtinTech Solution と同じ開発者が運営する自社テンプレートショップ Charming Theme で販売しています。まさにこの用途のために作ったので紹介していますが、本ガイドの手順は他のテンプレートでも、テンプレートなしでも実践できます。

結論

  • 商品は 1 つ、集客は広告、支払いは代金引換?ショップではなく 1 ページのランディングページを使いましょう。リンクが少ないほど離脱も減ります。
  • 最安の構成:WordPress + 無料版 Elementor + 5 ドルのテンプレート + 安価なサーバー。例では 4 年間で約 120 ドル(初年度のドメイン込み)です。
  • Elementor Pro は不要:見出し、画像、ボタン、アイコンリスト、HTML ウィジェット 1 つで、注文フォームまで作れます。
  • 事業が成長したら:商品の追加、オンライン決済、配送業者との連携が必要になったら WooCommerce へ。私たちはこうしたストアを毎週構築・修正しています。

1 つの商品はショップよりランディングページのほうが売れる理由

通常の商品ページは、メニュー、カテゴリー、関連商品、リンクだらけのフッターに囲まれています。そのすべてが出口です。ランディングページは出口をなくし、訪問者を「約束 → 証拠 → 詳細 → 注文フォーム」という 1 本の道に導きます。

これは SNS 広告から来る訪問者で特に重要です。彼らはスマートフォンで、短い集中力と遅い回線で訪れることが多いからです。「何なのか、なぜ信頼できるのか、いくらか、どう注文するのか」にスクロールだけで答えられれば、注文は増えます。代金引換の販売者の多くが、商品ページではなく縦長の 1 ページを使うのはそのためです。

単品ランディングページの費用

安い順に、現実的な選択肢は次のとおりです。

方法費用と時間向いている人
無料版 Elementor でゼロから作るページ代 0 ドル、1〜2 日デザインを楽しめる人
無料版 Elementor 用の既製テンプレート(例:Verdia)買い切り 5 ドル、約 1 時間今日すぐ始めたい販売者
Elementor Pro + テンプレートキットPro の年間ライセンス + キット、半日多くのサイトを作る制作会社
オーダーメイドのページを依頼見積もり次第、簡単な要望を伝えるだけ独自デザインや本格ストアが必要なブランド

ページのほかにサーバーとドメインが必要です。例として、私たちが確認した時点で Hostinger の Premium プランはセール価格で 48 か月 143.52 ドル、初年度のドメインは無料でした。5 ドルのテンプレートと無料版 Elementor を加えると、完成した商品ページは 4 年間で約 150 ドル、月あたり約 3.10 ドル です。購入前に 今月いちばんお得な Hostinger のプラン をご覧ください。

価格とプラン内容は 2026年10月17日 時点で確認したものです。Hostinger はいつでも変更する場合があり、適用されるのは Hostinger の決済画面に表示される価格です。

売れるランディングページの 9 つのセクション

自作でもテンプレートでも、単品広告で成果が出る構成は次のとおりです。画面は架空のモリンガパウダーを販売する Verdia のデモです。

無料版 Elementor で作った単品ランディングページのヒーロー:見出し、約束、今すぐ注文ボタン
ヒーロー:1 つの約束と、フォームへジャンプするボタン。
  1. ヒーロー:ロゴ、わかりやすい見出し、一文の約束、フォームへジャンプする 今すぐ注文 ボタン。
  2. 商品画像または動画:箱だけでなく、使っている様子を見せます。
  3. ベネフィット:2 列で 6〜8 個の短い箇条書き。スマホでは段落より短文が読まれます。
  4. ストーリーと 2 つ目のボタン:商品の由来と、なぜ優れているのか。
  5. 使い方 / 同梱物:購入を具体的にイメージできる実用的な手順。
  6. 商品写真と安心リスト:代金引換、簡単な返品、配送日数、特典など。
  7. 電話ボックス:電話で注文したい人のための発信ボタン。
  8. 注文フォーム:セット選択、合計のリアルタイム表示、氏名・電話番号・住所。
  9. フッター:連絡先と各種ポリシーだけの最小構成。
2 つのアイコンリストで構成した Elementor ランディングページのベネフィットセクション
短い 2 列のベネフィット。スマホでは 1 列になります。

Elementor Pro もフォームプラグインもなしで注文を受ける

無料版 Elementor にはフォームウィジェットがなく、多くの人がここでつまずきます。でも必要ありません。HTML ウィジェット 1 つに、代金引換向けの完全な注文フォームを入れられます。

  • セットカード(例:1・2・3 個)と「いちばんお得」バッジで、大きいセットを選ぶ人が増えます。
  • 合計のリアルタイム表示で、セットを選ぶとすぐ送料が加算され、驚きがありません。
  • 氏名・電話番号・住所はスマホの自動入力に対応。
  • WhatsApp で注文:セット、合計、住所が入力済みの状態で WhatsApp が開き、確認するだけです。
無料版 Elementor の HTML ウィジェット 1 つで作った注文フォーム:セットカード、配送情報、合計のリアルタイム表示
HTML ウィジェット 1 つの注文フォーム:セット、配送情報、合計表示。

Verdia テンプレートはまさにこの仕組みです。後でオンライン決済を使いたくなったら、このウィジェットを WooCommerce の決済画面やフォームプラグインに置き換えるだけです。

無料版 Elementor での作り方(手順)

  1. サーバーとドメインを用意し、管理画面から WordPress をインストールします。
  2. 軽量テーマをインストール(Hello Elementor など)し、無料の Elementor プラグインを入れます。
  3. 固定ページを作成し、レイアウトを Elementor Canvas にしてテーマのヘッダーとフッターを非表示にします。
  4. 9 つのセクションを作るか、テンプレートをインポートします:Templates → Saved Templates → Import の後、ページに挿入。Verdia のガイドに画面付きで手順があります(英語)。
  5. テキスト、画像、価格、色を自分のものに差し替えます。見出しは 12 語以内に。
  6. 注文フォームを接続し、WhatsApp 番号や決済画面と連携します。
  7. 実機でテストします。モバイル回線でテスト注文をして、合計とメッセージの受信を確認します。
  8. 広告計測を追加(Meta ピクセルなど)し、どの広告が注文につながるかを把握します。
  9. 広告のリンク先に設定し、最初の注文をしっかり確認します。
スマートフォンで見た単品ランディングページ:見出し、約束、今すぐ注文ボタン
同じページのスマホ表示。広告から来る訪問者の多くが見るのはこちらです。

小規模販売者が注文を逃すよくある失敗

  • 重い画像。3 MB の写真はモバイル回線で数秒かかります。幅 1200 px 程度の WebP で書き出しましょう。
  • 価格を隠す。広告から来た人はフォーム入力前に価格を知りたがります。セットカードに表示しましょう。
  • リンクが多すぎる。メニューや他商品へのリンクは離脱を招きます。道は 1 本に。
  • 電話番号がない。代金引換で初めて買う人の多くは、注文前に電話したいと考えます。
  • メールアドレスを求める。メールを使わない顧客も多いので、電話番号だけを聞きましょう。メールアドレス不要の決済(英語)も参考に。
  • 電話番号を検証しない。偽の番号や入力ミスは配送費の無駄になります。携帯番号の検証方法をご覧ください。
  • 遅いサーバー。安いのは問題ありませんが、遅いのはだめです。LiteSpeed や優れたキャッシュのあるサーバーを選びましょう。

ランディングページから WooCommerce ストアへ移るタイミング

ランディングページは 1 つの商品を売る最速・最安の方法です。次のような状況になったら WooCommerce の出番です。

両方を使い分けることもできます。広告キャンペーンにはランディングページ、リピーターには WooCommerce ストア。ランディングページのフォームから直接 WooCommerce の注文を作ることも可能です。

ArtinTech Solution ができること

私たちは WordPress と WooCommerce の開発チームで、クライアントの多くは成長中の小規模オンライン販売者です。主な仕事は次のとおりです。

  • ランディングページの設置:お使いのサーバーにテンプレートを入れ、商品情報を反映し、WhatsApp や WooCommerce と接続して実機でテストします。
  • 代金引換向けの WooCommerce ストア:電話番号中心の決済、地域別送料、モバイル決済、確実に届く注文メール。
  • 受注業務の整備:独自の注文ステータス、電話注文の手入力、配送業者連携、出荷状況の管理。
  • 速度改善と修正:遅いページ、決済エラー、キャッシュの不具合、壊れたプラグイン。

何を売っていて、注文がどこから来るのかを教えてください。うまくいく最も安い構成をご提案します。WordPress と WooCommerce の開発サービスをご覧いただくか、お問い合わせください。

よくある質問

無料版 Elementor でランディングページは作れますか?

作れます。見出し、画像、ボタン、アイコンリスト、HTML ウィジェットは無料版に含まれており、注文フォーム付きの単品ランディングページを完成させるには十分です。

単品ランディングページを最も安く用意する方法は?

WordPress と無料版 Elementor、既製テンプレート、安価なサーバーの組み合わせです。例では 4 年間で約 120 ドル(初年度のドメイン込み)でした。

ランディングページに WooCommerce は必要ですか?

必要ありません。代金引換なら、注文を WhatsApp やメールに送るフォームで十分です。オンライン決済、在庫管理、複数商品が必要になったら WooCommerce を追加しましょう。

Elementor のランディングページは広告に使えるほど速いですか?

画像を軽くし、Hello Elementor のような軽量テーマ、Canvas レイアウト、キャッシュのあるサーバーを使えば十分速いです。広告費を使う前に、スマホのモバイル回線でテストしてください。

ページの制作を依頼できますか?

はい。テンプレートの設置やオーダーメイドのデザイン、注文フォームの接続を行い、必要になれば本格的な WooCommerce ストアへ移行します。お気軽にご相談ください。

Share this article

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です