今回は、Shopifyサイトのデザインを直感的にカスタマイズできるアプリ「PageFly Landing Page Builder」をご紹介します。
プログラミングの知識がなくてもドラッグ＆ドロップで簡単におしゃれなページが作成でき、多くのShopifyストアで愛用されている強力なページビルダーです。
＜目次＞
Shopifyには優れたテーマが多数用意されていますが、商品の魅力を最大限伝えるための商品ページや、広告用のランディングページ（LP）を作成する際、「もう少し自由にレイアウトを変更したい」「独自のブランドカラーをもっと出したい」と感じることはありませんか？
本来、Shopifyで用意されたテーマで表現できる以上の独自デザインを実装するには、HTMLやCSS、Liquidといった言語および、専門的なコーディング知識が必要です。
しかし、「PageFly Landing Page Builder」のような専用アプリを活用すれば、豊富なテンプレートをベースに、ドラッグ＆ドロップの直感的な操作で自由にページを構築できます。
デザイン性の高いページは、お客様のサイト滞在時間を延ばし、結果的に購入率（コンバージョン率）の向上にも大きく貢献します。
・ノーコード（ドラッグ＆ドロップ）での直感的なページ作成
・用途に合わせた豊富なデザインテンプレート
・スマホやタブレット表示に合わせたレスポンシブデザインの個別調整
・カウントダウンタイマーやお客様の声など、売上UPに繋がるパーツが豊富
・他のおすすめアプリ（レビューアプリなど）とのスムーズな連携
・1ページまで公開可能な「永久無料プラン」で気軽に試せる
・無料プランで公開できるのは「1ページ（各ページタイプごとに1つ）」までです。複数のページを公開したい場合は有料プランへのアップグレードが必要です。
・高画質な画像やアニメーション要素を多用しすぎると、ページの読み込み速度が低下する可能性があります。
・自由度が高い分、デザインにこだわりすぎると作成に時間がかかる場合があります。
・コーディングの専門知識はないが、ストアのデザインをカスタマイズしたい方
・広告配信用の効果的なランディングページ（LP）を手軽に作成したい方
・スマホ表示時のレイアウトを細かく調整したい運営者様
(1) Shopifyアプリストアで「PageFly Landing Page Builder」を検索しインストール
https://apps.shopify.com/pagefly?locale=ja
(2) アプリを開くとダッシュボードが表示されます。
(3) 左メニューの「Pages」から作成したいページの種類（Regular/Home/Productなど）を選びます。
(4) 「Create from a template（テンプレートから作成）」を選ぶと、おしゃれなテンプレートが一覧で表示されます。目的に合ったデザインを選びましょう。もちろん、白紙から作ることも可能です。
(5) エディタ画面が開きます。左側のメニューから「テキスト」「画像」「ボタン」などの要素（エレメント）をドラッグし、右側のプレビュー画面にドロップするだけで、簡単に配置が完了します。
※本稿では、テンプレートを活用しております。
(6) 画面上部のアイコンをクリックすると、「パソコン表示」と「スマートフォン表示」を切り替えることができます。
スマホ表示の時だけ文字を小さくしたり、余白を調整したりと、デバイスごとの細かい最適化もエディタ上で簡単に行えます。
設定が完了したら、右上の「Save（保存）」および「Publish（公開）」ボタンを押すことで、実際のストアにページが反映されます。
ページを公開した後は、実際にスマートフォンとパソコンの両方からアクセスし、デザイン崩れがないか、ボタンが正しく機能するかを確認しましょう。
また、Shopifyのストア分析やGoogle Analyticsを活用して、作成したページの「直帰率」や「コンバージョン率（購入率）」の変化を計測し、テキストや画像の位置を微調整していくことで、より効果の高いページへと育てることができます。
やや手間はかかりますが、2パターンのデザインを出し分けて、数値分析と改善のPDCAを回すABテストを組み合わせれば、サイト改善のサイクルを加速できるでしょう。
いかがでしたでしょうか？
今回はShopifyアプリ「PageFly Landing Page Builder」についてご紹介しました。
デザインの自由度が格段に上がるアプリです。まずは無料プランで、魅力的なページ作成にチャレンジしてみてください！
■運営会社紹介
フォーミックスはShopify認定パートナーです。
他のプラットフォームからShopifyへの乗り換えももちろん可能ですが、
「初めてのネットショップ構築だけど、とりあえず始めてみたい」
「最初からShopifyでガッツリ構築はちょっと不安」
というお客様には、他のプラットフォームでの初期構築もご提案できます。
公開後の運用についてもぜひお気軽にご相談ください。
著者名：Watanabe
気持ちは新人、実は10年目のプログラマー。よくPCが似合わないと言われる。
