更新日：2021年4月19日
PageFly 2.16.0から長い道のりを歩んできました。最新バージョンのPageFlyをご覧ください： PageFly V3 - Built For Tomorrow of eCommerce
PageFlyに関する最新情報は、 PageFlyヘルプセンターをご覧ください。
--
約1ヶ月前、PageFlyチームは商品ページにフォーカスしたバージョン2.3.0をリリースしました。このリリースでは、Shopify Productの要素を導入し、UXを大幅に改善しました。変更点についてはこちらをご覧ください。本日、Shopifyの要素に焦点を当てた次の大きなアップデート2.4.0をご紹介します。
新機能
新製品リスト要素
任意の製品要素を追加する能力
これで、任意の商品要素を商品リスト要素に追加し、自由に再配置できるようになりました。
さらに、商品リスト要素に一般的な要素を追加することもできます。例えば、BFCMプロモーションキャンペーンを実施したい場合、カウントダウン要素を追加します。
商品要素のスタイリングもカスタマイズできます。この例では、Product Title要素が選択され、Colorが赤に設定されています。
時間を節約するために、1つの商品要素に適用されたスタイル設定は、リスト内のすべての類似した商品要素に自動的に適用されます。
新製品ソース
商品リスト要素を追加する際、「関連商品」というオプションがもう一つあります。
どのように機能するのか？
選択した商品とどのマニュアル商品コレクションに属するかに基づいて、そのマニュアル商品コレクションの全商品が表示されます。
この例では、「BFCM販売関連商品」というマニュアル・コレクションに5つの商品があります。そのため、5つの商品すべてが表示されます。
5つの新しいコレクション要素
PageFlyエディタ内のShopify Elementsに、Collection Details、Collection Image、Collection Title、Collection Description、Collection View Detailsの6つの新しい要素が追加されました。この改良により、コレクション詳細は以前のリリースの商品詳細要素のコンセプトを踏襲しています。
ここから、Shopifyコレクションページをゼロから構築することができます。また、コレクションエリア内には、一般的な要素も追加することができます。PageFlyのカスタマイズの可能性が大きく広がりました。
注：これらの要素は、以下の場合にのみ利用可能です。 プロおよびプレミアムプラン.
新しいクリックアクションパラメーター
以前のアクション設定には、"Go To URL "や "Open Behaviour "パラメーターが含まれていました。ボタン、アイコン、カラム、見出しなどの要素で見つけることができます。
新しいアクション設定には4つのオプションがあります。
- URLへ
- ページ上のセクションまでスクロールする
- メールを送る
- 電話番号
デフォルトのアクションはGo to URLです。リンクアイコンを選択すると、URLを選択するためのモーダルウィンドウが表示されます。
1番目のオプションに完全なURLを挿入することもできますし、ユーザーをストアの特定のページにリダイレクトする必要がある場合は、適切なタブを選択すると、ページのリストが表示されます。この改善により、ページを設定する時間を節約できます。
2番目のオプションは、既存のページの特定の部分への「移動」です。例えば、ユーザーが「お客様の声を見る」ボタンをクリックしたときに、お客様の声のセクションにリダイレクトさせたいとします。Scroll To Section "を選択し、ユーザーを移動させたいセクションを選択します。
EメールアイコンまたはEメールをクリックすると、あらかじめ設定された件名と内容で自動的にメールクライアントソフトウェアが起動するようにしたいというお客様からのご要望を多くいただいておりました。Eメールオプションを選択すると、Eメールアドレス、Eメールの件名、Eメールの内容を設定するモーダルウィンドウが表示されます。
アクション設定の最後のオプションは電話です。顧客は通常、連絡先ページでこのオプションを使用します。
新しいスタイル・プリセット機能
要素のバリエーションを要素インスペクタ内の「スタイルプリセット」設定に移動しました。ボタンをクリックすると、ボタン要素に選択できる6つのオプションが表示されます。
スタイルプリセットは現在、ボタン、画像、段落要素に適用されていますが、将来的にはより多くの要素に追加され、便利なスタイリングができるようになる予定です。
エレメント・インスペクタの新しいパラメータ検索機能
右のエディターエリアにある要素インスペクターの一番上に、検索ボックスを追加しました。使いたいパラメータを簡単に見つけることができます。例えば、フォントのスタイルを編集したり、要素にパディングを追加したりできます。
新しいリセット・パラメーター機能
スタイリング」タブの「パディング」と「マージン」パラメータの近くに、「値のリセット」というアイコンがあります。値を変更した後、後で元の値に戻したい場合、1クリックでアクセスできるようになりました。
改善点
PageFlyチームのメンバー全員がサポートに取り組んでいます。私たちは、お客様（マーチャント/パートナー）が私たちの製品をどのように使用しているかを理解したいと考えています。私たちがサポートを行うことで、お客様がどのような問題で苦労されているのかを明確に理解し、話し合いのテーブルへ持っていき、解決策を見つけることができます。
私たちは、PageFlyの価値を理解するためには大きな学習曲線が必要であることを認識しています。そのため、PageFlyのユーザーインターフェイスに改良を加えました。
エレメント・パンくずの改善
正しいレイアウトの構築には、Section - Row - Column - Elementsというレイアウト構造があることはご存知でしょう。ページを構築する際、エディターの上部にパンくずと呼ばれる便利なパーツがあります。この機能の主な目的は、レイアウトのどの部分を選択したかを理解する手助けをすることです。
バージョン2.4.0のリリースでは、生産性を向上させるために、よりわかりやすくなりました。下の画像では、"Collection Details "要素を選択し、マウスを "Row "の上に置いています。選択した要素は濃いグレーで表示され、マウスオーバーすると薄いグレーで表示されます。
カラム処理の改善
行に2つ以上の列がある場合、従来の方法ではエディター・エリア内で列をドラッグ・アンド・ドロップしていました。現在では、インスペクタ・エリアから簡単に列をドラッグ・アンド・ドロップできます。
要素パラメータの並び順とグループ化の改善
PageFlyのカスタマイズの可能性は非常に大きいです。旧バージョンでは、すべての要素パラメータがインスペクタに表示されていました。そのため、ページを構成するための正しい設定を見つけるのが大変でした。今回のリリースでは、使用頻度の低い設定を "More Settings "ボタンで再配置することにしました。このボタンをクリックすると、追加のウィンドウが開き、より多くの設定が表示されます。
Google Analyticsトラッキングの改善
Google広告を運用し、3～5個のCTAでランディングページにトラフィックを誘導し、商品購入のイニシアチブを取っている。Googleアナリティクスのイベントを区別するために、カテゴリー、アクション、ラベルなどの新しいイベントタイプを追加しました。例えば、商品のランディングページに3つのCTAがあるとします。
概要
ホリデーシーズンが近づいてきており、店頭の見栄えを良くし、より多くのユーザーをコンバージョンさせる絶好のタイミングです。新しい商品とコレクション要素を使用すると、販売キャンペーン用に高度にカスタマイズされたShopifyページを構築することができます。50以上のデザイン済みページテンプレートと年中無休のカスタマーサービスチームで、この季節により多くの訪問者を顧客に変えるお手伝いをいたします。
