2020年11月20日更新
PageFlyは、より良い機能、より良いUI、より強力なカスタマイズ機能を備えた新しい2.0アップデートを継続的にリリースしています。
PageFlyに関する最新情報は、 PageFlyヘルプセンターをご覧ください。
---
約1ヶ月前、PageFlyは2.4.0バージョンをリリースし、ユーザーがストアのコンバージョン率を最適化するための機能だけでなく、多くの優れた要素を追加しました。2.4.0バージョンでは、Shopifyの要素と新しいUIの改善に焦点を当てました。詳しくはこちらをご覧ください。
肌寒い初秋の日、ページフライヤーは新バージョン2.5.0を発表いたします。この新しいバージョン2.5.0では、UIの改善と超モダンな設定を提供します。ぜひご覧ください！
コレクション・リスト要素の更新
サブ・エレメントを個別にカスタマイズする機能
以前のバージョンでは、コレクションリスト要素をページエディタにドラッグ＆ドロップすると、4つのイラスト画像が表示され、コレクションを追加したい場合は、1つずつ選択して必要なコレクションを追加する必要がありました。
新しいバージョン2.5.0では、Shopifyストアにあるコレクションが直接表示されます。 コレクション一覧 要素を使用します。デフォルトのコレクション数は4で、ローディングごとのアイテム数を調整でき、このオプションの最大値は30です。どのように動作するか見てみましょう。
この新しい変更を明確にするために、Generalタブをご覧ください。CONTENTパラメータに、2つの選択肢があるCollection Sourceオプションがあります。
- すべてのコレクション
- カスタムコレクション
コレクションリスト要素のためのこの新しいアップデートは、ユーザーが簡単にカスタマイズすることができ、すべてのパラメータを保持する通常の要素のようにパラメータを個別に編集することができます。つまり、コレクション 詳細、コレクション画像、コレクションタイトルなどの他の要素を追加する必要がありません。
コレクションリストの要素にスタイルを設定すると、すべてのコレクションの対応する要素に適用されることに注意してください。
さらに、デバイスセンシティブな統合を備えたコレクションリスト要素は、ラップトップ、タブレット、モバイルなどのあらゆるデバイスでレイアウトを編集するのに役立ちます。
商品画像要素の新機能
デフォルト画像ソースオプション
これは デフォルト画像ソース は楽しみな機能です。旧バージョンのPageFlyでは 商品画像をクリックし、必要な商品を選択すると、表示される商品画像がデフォルトでフィーチャー画像になります。現在、PageFlyバージョン2.5.0では デフォルト画像ソース オプションで、表示される画像が特集画像か最初のバリアント画像かを選択できます。このオプションは 一般 下の画像のように
選択する前に、Shopifyの管理画面で商品を確認することができます。
1.画像
2.最初のバリアント画像
どう動くか見てみよう。
商品詳細要素の再装備
PageFlyバージョン2.5.0では、商品詳細がさらにアップグレードされ、商品のカスタマイズがより簡単になりました。
このオプションで、あなたは顧客が見ることができるライブページに表示したい製品のバリアントを選択することができます。
Button要素の改良
クリックアクションオプションの更新
まずは ボタン 要素を追加しました。PageFly バージョン 2.4.0 では ボタン 要素は最初の2つのボタンを提供しました。しかし、この新しいバージョン2.5.0では、下の画像のようにさらに2つのボタンを導入したいと思います：
これはButton要素のClick Actionオプションの新しい改良です：ポップアップを開く！
ポップアップコンテンツでは、ユーザーは次のような2つの選択肢から1つを選ぶことができます。
- Youtubeのビデオ：
ループ、自動再生、ミュート、コントロールの表示を含むYoutube要素のような他の選択肢に加えて、Youtubeビデオの選択肢は、あなたがYoutubeビデオに必要な任意のアニメーションを選択できるようにアニメーションを有効にするを提供します。
この選択肢を説明するために、以下の例をご覧ください。ページフライエディタで、YoutubeのURLを挿入した後、好きなアニメーションを選択できます。 タダ アニメーション
そして、これがライブページでの見え方だ：
- 店舗の内容
- ポップアップコンテンツでは、ストアコンテンツオプションを選択します。
- 次に、下の画像のURLアイコンをクリックしてください。
- ページ選択モーダルで、コレクション/商品/ページ/ブログ記事の中から1ページを選択します。
をクリックする。 ページを選択 ボタンをクリックする。
それから、好きなアニメーションを選ぶこともできる。この例では クレンザー＆エクスフォリエーター ページと ゆらゆら アニメーションをご覧ください。では、ライブのページを見てください。
他の要素にはアクションオプションをクリック
その他の要素 クリックアクション オプションで 一般 タブにも ポップアップを開く.例えば 見出し 要素を使用する。この例では 見出し テキストを どんな道でも、あなたと一緒にを選んだ。 ストアコンテンツ.
そして、これがライブページでの動作です。 セーブ そして 出版.
このクリックアクションの新しい設定は素晴らしい。試してみてください！
新しい詳細設定：画像の遅延ロード
Lazyload Imagesオプションは ページ設定 モーダル。これは ページの最適化 パートは、ページの最適化のための設定を行います。以下の設定が可能です。 有効にする その レイジロード画像 を設定します。Lazyload Imagesを設定したページでは、スクロールダウンすると下の画像が徐々に読み込まれます。
ご参考までに レイジロード画像 オプションは、コレクション画像、背景画像、商品画像など、すべての画像に適用されます。そこで、このページでは レイジロード画像 オプションを指定すると、ページ上のすべての画像に適用されます。下のライブページで確認できます：
ページフリが レイジロード画像 オプションの利点である。前述したように レイジロード画像 オプションは、ページの読み込み速度を最適化するのに役立ちます。ページの読み込みが非常に速くなります。これは ページスピード・インサイト ウェブサイトをご覧ください。URLのページを挿入することで、ページの読み込み速度をチェックすることができます。 レイジロード画像 というファクターがある。 オフスクリーン画像を延期する.この要因によって、ページの折り返し以下に表示される画像の読み込みが遅延する。 レイジロード画像.での チャンスその オフスクリーン画像を延期する ファクターは4.3秒。
ちなみに、このLazyload ImagesオプションはPAIDプランでご利用いただけます。詳細はPageFlyの料金プランをご覧ください。
概要
この記事を書きながら、PageFlyのバージョン2.5.0のリリースが待ち遠しくてたまりません。PageFlyバージョン2.5.0がもたらすものは、間違いなくあなたのストアをより強力にし、より多くのユーザーをコンバートすることでしょう。
新しいバージョン2.5.0を体験して、よりコントロールしやすく、より美しく、より多くの売上を獲得してください。
年中無休のカスタマーサービスチームが、いつでもお客様をサポートいたします！
