サムネイル

Shopifyでランディングページ(LP)を作成する方法は3種類!アプリの使い方も解説

Shopifyでランディングページ(LP)を作成する方法は3種類!アプリの使い方も解説

ランディングページとは以下のようなもので、検索結果や広告などを経由してユーザーがはじめて着地する(Land)ページのことを指します。LPはLanding Pageの略称です。
image.png
image.png

Shopifyでは、ランディングページ(LP)を商品ページや割引ページ、コレクションページなどにするといいかと思います。

今回の記事は、以下の記事を参考にしています。

Shopifyでランディングページ(LP)を作成する方法を徹底解説

Easy LP 公式サービスページ

Shopifyでランディングページ(LP)を作成する方法

Shopifyでランディングページ(LP)を作成する方法としては、以下の3つが挙げられます。

  • Shopify内で簡易的に作成する
  • コーディングでいちから作成する
  • アプリを導入する

Shopify内で簡易的に作成する

まず、Shopify内で簡易的なランディングページ(LP)を作成する方法について説明します。この方法は無料である点がメリットですが、手の込んだものは作れない点はデメリットといえるでしょう。

ストアの管理画面でオンラインストア>ページとクリックし、右上に表示されるページを追加をクリックします。
image.png

すると以下の画面になるので、画像やキャッチコピーの設定、ボタンの追加などをしてランディングページを作成していきます。
image.png

ウェブサイトのSEOを編集するをクリックすると、ページタイトルや説明文などを入力できます。ここでランディングページにおける検索エンジンの最適化(SEO)を図ることが可能です。
image.png
image.png

コーディングで0から作成する

コーディングでランディングページを作成する場合、Liquidの知識が必要になります。

自身にLiquidの知識があるか、専門の開発者を雇うかすれば、デザインや機能の充実した高度なランディングページ(LP)を作成できるのがメリットです。

ただし、手間がかかる点や、専門の開発者を雇う場合にはコストがかかる点はデメリットといえるでしょう。

アプリを導入する

最後に、ランディングページ(LP)を作成できるアプリを導入する方法です。

アプリを利用すると、Shopify内の簡易的なものより本格的に、コーディングで一から作成するより手軽にランディングページを作成できるのがメリットです。

月額料金がかかる点はデメリットですが、初期費用はかからないため比較的導入しやすいでしょう。

Shopifyで使いやすいランディングページ(LP)の作成アプリはどれ?

Shopifyでランディングページ(LP)を作成できるアプリとしては、ShogunやPageFlyがあります。しかしどちらも英語表示のため戸惑うケースもあるかもしれません。

そこで、今回は多くの人にとって使いやすいと考えられる、日本語に対応したランディングページ(LP)の作成アプリを使って解説していきたいと思います。

今回使用するアプリは以下の通りです。
らくらく画像ランディングページ | リテリア Easy LP

アプリの特徴は以下の通りです。

  • ノーコードで画像LPを簡単に作成できる
  • ボタンLPや動画LPも使える
  • 管理画面は日本語に対応
  • 操作に迷ったら日本人エンジニアの手厚いサポートが受けられる

月額料金は14.99ドルで、今現在は7日間の無料体験があります。

らくらく画像ランディングページ | リテリア Easy LPの使い方

アプリのインストール方法や使い方を確認していきましょう。

アプリのインストール方法

ストアの管理画面でアプリ管理>ストアをカスタマイズとクリックします。
image.png

Shopifyのアプリストアに移動するので、検索ボックスにらくらく画像ランディングページ | リテリア Easy LPと入力して検索しましょう。
image.png

該当のアプリをクリックします。ここでは最上段の右側に表示されていました。
image.png

アプリを追加する>アプリをインストールとクリックしていきます。ここまででアプリのインストールは完了です。
image.png
image.png

次に、テーマに反映の項目でアプリをインストールするテーマを選び、有効化をクリックします。

ここでは「Studio(公開中のテーマ)」を選択して有効化しています。
image.png

アプリを有効化しましたのポップアップがでればアプリの設定は完了です。

次に、有効化ボタンの隣にあるプレビューボタンをクリックしましょう。
image.png

ストアが表示されるので、画面の一番上・真ん中にあるボックスをクリックし、商品ページをクリックします。
image.png
image.png

ここではデフォルトの商品をクリックします。
image.png

デフォルトの商品ページに移動するので、下の方までスクロールするとLP画像のアプリボックスが追加されています。
image.png
image.png

ランディングページ(LP)の作成方法

ここからは、簡単にランディングページ(LP)を作成してみたいと思います。

画面右側にあるLP画像の詳細設定の項目を見ていきましょう。
image.png

画像を選択をクリックし、無料の画像から選択するか画像をアップロードするかして、選択するをクリックします。
image.png
image.png

ランディングページ(LP)のメイン画像が表示されました。
image.png

画面右側の項目で、画像の下にある代替テキストを追加するをクリックして画像のalt属性を入力しておくと、検索エンジンの最適化(SEO)に有効です。
image.png

そのほか、パソコン・スマホそれぞれで上下の余白を調整できます。
image.png

動的ソースの挿入も可能です。
image.png

なお、ストアの画面上でセクションを追加をクリックすると、以下のメニューが使えます。

  • LPボタン
  • LP動画
  • LP画像
  • ヘッダーを消すためのブロック
    image.png
    image.png

まとめ

Shopifyでランディングページ(LP)を作成する方法としては、以下の3つがあります。

  • Shopify内で簡易的に作成する
  • コーディングで一から作成する
  • アプリを導入する

今回は、より本格的に、より手軽にランディングページを作成する方法として「アプリを導入する方法」を選び、解説してきました。

使用したアプリは以下の通りです。
らくらく画像ランディングページ | リテリア Easy LP

日本語対応のアプリはやはり使いやすいなと思いました。ここまでお読みいただき、ありがとうございました。

最後に、改めて参考記事を貼っておきます。

Shopifyでランディングページ(LP)を作成する方法を徹底解説

Easy LP 公式サービスページ

おすすめ Shopify アプリ

シンプル名入れ|お手軽名前入りギフトオプションのアイコン

シンプル名入れ|お手軽名前入りギフトオプション

シンプルな日本製の名入れオプションアプリ。商品毎に名入れオプションを追加できます。

シンプル在庫数表示|お手軽残りわずか表示のアイコン

シンプル在庫数表示|お手軽残りわずか表示

シンプルな商品の残りわずか表示アプリ。ストアに商品の残りわずか表示を簡単に導入できます。

シンプルギフトラッピング|お手軽ギフト包装アプリのアイコン

シンプルギフトラッピング|お手軽ギフト包装アプリ

シンプルな日本製のギフトラッピングアプリ。カートページに簡単にギフト包装オプションを追加できます。

シンプル購入制限|お手軽注文制限について徹底解説のアイコン

シンプル購入制限|お手軽注文制限について徹底解説

シンプルな日本製の購入数制限アプリ。商品ごとに数量の規制を行えます。

シンプルランキング表示|お手軽ベストセラーのアイコン

シンプルランキング表示|お手軽ベストセラー

購入促進!コレクションにランキングラベルを表示してストアの人気商品をアピール

シンプル顧客タグごとの限定販売|お手軽ロイヤリティのアイコン

シンプル顧客タグごとの限定販売|お手軽ロイヤリティ

日本製の顧客タグごとの購入制限アプリ。特定のタグを持つ顧客への限定販売を簡単に実現できます。

シンプルロゴ一覧|お手軽ロゴリスト表示のアイコン

シンプルロゴ一覧|お手軽ロゴリスト表示

シンプルなロゴリストアプリ。ストアにロゴリストを簡単に導入できます。

シンプル余白調整|お手軽レイアウトのアイコン

シンプル余白調整|お手軽レイアウト

シンプルな日本製の余白調整アプリ。余白を挿入することでページデザインの調整が簡単にできます。

シンプルのし(熨斗)アプリのアイコン

シンプルのし(熨斗)アプリ

シンプルな日本製のしアプリ。のし選択機能を簡単に実現できます。

シンプル画像バナー|お手軽広告バナーアプリのアイコン

シンプル画像バナー|お手軽広告バナーアプリ

シンプルな画像バナーアプリ。ストアに画像バナーを簡単に表示できます。

シンプル Q&A|どこでも FAQのアイコン

シンプル Q&A|どこでも FAQ

シンプルな Q&A アプリ。ストアに FAQ を簡単に導入できます。

シンプルモバイルアプリバナー|スマホアプリに誘導のアイコン

シンプルモバイルアプリバナー|スマホアプリに誘導

シンプルなモバイルアプリバナー。ストアにモバイルアプリバナーを簡単に導入できます。

シンプル流れる告知|流れるお知らせ挿入アプリのアイコン

シンプル流れる告知|流れるお知らせ挿入アプリ

シンプルな流れる告知アプリ。ストアに流れる告知を簡単に導入できます。

シンプル売り切れ非表示|在庫切れ商品の表示変更のアイコン

シンプル売り切れ非表示|在庫切れ商品の表示変更

売り切れ商品を非表示にすることができる日本製アプリ。売り切れになった商品を、自動的に非表示(下書き状態)にすることができます。

シンプルレビュー|お手軽口コミのアイコン

シンプルレビュー|お手軽口コミ

シンプルな日本製のレビューアプリ。レビュー機能を簡単に実現できます。

シンプル会員限定販売|お手軽アカウント必須販売のアイコン

シンプル会員限定販売|お手軽アカウント必須販売

シンプルな日本製の会員限定販売アプリ。商品毎に、ログインしていない顧客の購入制限を行えます。

シンプル会員ランク|お手軽顧客タグ付けのアイコン

シンプル会員ランク|お手軽顧客タグ付け

日本製の会員ランク管理アプリ。条件を達成した顧客に自動でタグを追加し、顧客管理を手助けします。

シンプル Wishlist|お手軽お気に入りのアイコン

シンプル Wishlist|お手軽お気に入り

商品数・お気に入り数の上限なしで使えるお手軽お気に入りアプリ。簡単にお気に入り機能を実現できます。

シンプル Coming Soon|商品ページ発売予告アプリのアイコン

シンプル Coming Soon|商品ページ発売予告アプリ

シンプルな日本製の Coming Soonアプリ。商品毎に発売予告を行えます。

シンプルセット販売|お手軽クロスセルのアイコン

シンプルセット販売|お手軽クロスセル

シンプルな日本製のセット販売アプリ。セット販売でのクロスセルを簡単に実現できます。

シンプル予約販売|受注販売や在庫切れ商品販売で使えるのアイコン

シンプル予約販売|受注販売や在庫切れ商品販売で使える

日本製の予約販売アプリ。予約販売や受注販売、在庫切れ商品販売を簡単に実現できます。

シンプル販売期間設定|商品ごとに期間限定販売のアイコン

シンプル販売期間設定|商品ごとに期間限定販売

シンプルな日本製の期間限定販売アプリ。商品ごとに販売期間を設定することができます。

シンプルVIPプログラム|お手軽VIP会員限定販売のアイコン

シンプルVIPプログラム|お手軽VIP会員限定販売

日本製の VIP 限定販売アプリ。特別な顧客を対象とした限定商品の販売を簡単に実現できます。

シンプルポイント|追加料金なしで使えるお手軽ポイントアプリのアイコン

シンプルポイント|追加料金なしで使えるお手軽ポイントアプリ

シンプルな日本製の定額ポイントアプリ。顧客はポイントをそのまま利用することができます。

おすすめ記事