コスメ向けElementorランディングページテンプレート（無料版Elementor対応）

美容液やクリームなどのコスメをSNS広告で販売していますか？必要なのは、清潔感があって信頼でき、スキンケアのよくある疑問に答え、その場で注文を受けられるページです。Oryza Glowはそのためのコスメ向けElementorランディングページテンプレートで、無料版のElementorで使えます。

この記事では、各セクション、内蔵の注文フォームの仕組み、数分でできるインポート方法、そして自分のコスメブランドに合わせた文章の変え方を紹介します。

テンプレートの概要

価格	5ドル（決済は৳600）、買い切り
対応	Elementor無料版 3.x / 4.x、Elementor対応のすべてのテーマ
ファイル	インポート用 .json テンプレート1つ + デモ画像
セクション	8（2カラムのヒーロー、ストーリー、効果、使い方、商品画像、注文フォーム、電話、フッター）
注文フォーム	1/2/3本セット、リアルタイム合計、代金引換、WhatsApp注文
言語	英語版付き。ほか8言語はご購入後に無料でお送りします
ライセンス	自分やクライアントのサイトで無制限に使用可能

コスメが1ページのランディングページでよく売れる理由

スキンケア商品を買う前に、お客様が知りたいのは3つ。肌にどう良いのか、どう使うのか、安心して試せるのか。焦点を絞ったランディングページなら、メニューやバナー、ほかの商品に気を取られることなく、これらの疑問に順番に答えられます。

そのため、Facebook、Instagram、TikTokで広告を出すコスメ販売者の多くは、わかりやすい注文ボタンのある縦長の1ページへ集客しています。Oryza Glowはその構成を完成済みで提供。赤とクリーム色のすっきりしたデザインは、美容液、クリーム、化粧水などあらゆるコスメに合います。

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

デモでは、架空ブランド「Oryza Glow」のホワイトライスセラムを販売しています。テキスト、画像、色を差し替えれば、同じレイアウトでどんなスキンケア・コスメ商品にも使えます。

1. 2カラムのヒーロー：商品名、キャッチコピー、注文ボタン

ロゴ、赤い商品名、商品名を強調した短いキャッチコピーと Order Now ボタンを、大きな商品画像の横に配置。スマホでは縦に並び、ボタンは横幅いっぱいになります。

2. ストーリーと約束

主成分を紹介する短い文章に続き、下線で強調した太字の約束の一文と、幅の広い注文ボタン。

3. 効果リスト

オレンジのチェックアイコンと細い区切り線で並べた10項目。スマホでも読みやすく、自分の商品向けに書き換えるのも簡単です。

4. 使い方

スポイトのアイコン付きリストで使用手順を紹介：使用量、タイミング、パッチテストや日焼け止めなどの注意点。

5. 商品画像と2つ目の注文ボタン

横長の商品写真の下に横幅いっぱいの注文ボタン。効果を読んで納得した訪問者向けです。

6. 電話番号付きの注文フォーム

わかりやすい見出し、電話で注文したい方向けのタップできる電話番号、そして下で紹介する注文フォーム。

7. フッター

返品、プライバシー、利用規約ページへのリンク、著作権表示、化粧品に関する短い注意書き。

内蔵の注文フォーム

注文フォームはHTMLウィジェット1つで作られているので、フォームプラグインもElementor Proも不要。代金引換のコスメショップ向けです。

• 3つのセットカード（1本・2本・3本）と「Best value」バッジで客単価アップ。
• リアルタイムの注文概要：小計、送料、合計。
• 氏名、電話番号、住所はブラウザの自動入力と入力チェックに対応。
• WhatsApp注文：番号を一度入れるだけで、注文ごとに全情報入りのWhatsAppが開きます。
• 独自のチェックアウトも可能：WooCommerce、CartFlows、Contact Form 7、Fluent Formsに置き換え、セクションID order は残します。

スマホファーストの設計

コスメのお客様の多くはスマホのSNS広告から訪れます。見出しやリストにはスマホ専用サイズがあり、ヒーローは縦に並び、ボタンは横幅いっぱいに、フォームは1列になります。

ダウンロードの内容

• oryza-rice-serum-landing-en.json：インポートするElementorテンプレート。
• デモ画像：ロゴ、商品メイン画像、テクスチャ写真。あなたのページで自由に使えます。
• インポート、カスタマイズ、注文フォーム設定を説明した手順書 README。
• ライセンスファイル：自分やクライアントのサイトで無制限に使用可能。
• 日本語版やほかの言語版が必要ですか？ご購入後にお知らせいただければ無料でお送りします。

コスメテンプレートをElementorにインポートする方法

インポートは約2分です（メニュー名は言語によって多少異なります）。

1. WordPressで Templates > Saved Templates を開き、Import Templates をクリックします。
2. .json ファイルを選び、Import Now をクリックします。
3. 新しい固定ページを作成し、Edit with Elementor をクリックします。
4. フォルダアイコンをクリックして My Templates を開き、Oryza Glowテンプレートを挿入します。
5. ページ設定でレイアウトを Elementor Canvas にします。
6. テキストと画像を差し替え、Publish をクリックします。

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

自分のページにする

• ブランド：ロゴ、商品名、ヒーロー内の強調されたブランド名を差し替えます。
• 色：見出しとボタンは赤（#EB1111）、アイコンはオレンジ（#FB6107）、背景はクリーム（#F8F3F0）。各ウィジェットのStyleタブで変更できます。
• フォント：日本語版はNoto Sans JP、英語版はPoppins。どちらもElementorが自動で読み込む無料のGoogle Fontsです。
• セットと価格：フォームのHTMLで3つのセット、送料、通貨記号を編集します。
• 文章：化粧品の範囲の表現（「肌を〜に見せる」など）にとどめ、お住まいの国の化粧品広告ルールに従ってください。

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

主力のコスメ商品を1つ販売している方に最適です。

• 美容液、クリーム、化粧水、日焼け止めを発売するスキンケアブランド。
• 代金引換のコスメキャンペーンを行うSNS販売者。
• コスメ関連のクライアントの商品ページを制作するフリーランスや制作会社。
• 人気商品専用のページが欲しいWooCommerceショップ。

ページ全体のプレビュー

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

よくある質問

Elementor Proは必要ですか？

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

テーマによってデザインが変わりますか？

いいえ。グローバルカラーやグローバルフォントを使っていないため、Hello Elementor、Astra、Kadenceなどでも同じ見た目になります。Elementor Canvasレイアウトをおすすめします。

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

初期状態はデモモードです。WhatsApp番号を1か所に入れればWhatsAppで注文を受けられます。独自のチェックアウトに置き換えることもできます。両方の方法はREADMEで説明しています。

ほかのコスメ商品にも使えますか？

はい。ライスセラムはデモにすぎません。美容液、クリーム、オイルなどどんなコスメにも使えます。

ほかの言語版はありますか？

はい。英語版はすぐにダウンロードでき、日本語、アラビア語、マレー語、ドイツ語、中国語、スペイン語、フランス語、デンマーク語版はご購入後に無料でお送りします。

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

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

Oryza Glowコスメテンプレートを入手

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