こんにちは、
ページフライチームのリチャードです!この度、PageFlyバージョン4.17.0をリリースいたしました。この最新アップデートは、Shopifyストアのデザインを合理化し、お客様のショッピング体験全体を向上させるために設計された2つの強力な新機能を満載しています。
このバージョンでは、高度にカスタマイズ可能なテーブル要素と新しいダイナミックチェックアウト要素を導入しています。どちらのアップデートも、デザインプロセスを改善し、ストアのパフォーマンスを向上させます。それでは、PageFly 4.17.0の新機能の詳細をご覧ください。
⚠️ 重要なお知らせ:Gen 2 Editorベータ版は終了しました。Gen 2 Editorで作成されたページとセクションは完全に機能します。拡張バージョンは近日公開予定です。
新しいテーブル要素のご紹介:さらなる柔軟性とカスタマイズ性
新着情報
このアップデートでは、6つのユニークなバリアントを持つ新しいテーブル要素を導入し、Shopifyストアでテーブルを表示する方法をより柔軟にコントロールできるようになりました。価格表、比較表、商品仕様書などを簡単に作成することができます。新しいテーブル要素では、列とテーブルの幅を調整し、モバイルの応答性を確保し、簡単にソート、編集、行と列の管理などの機能を提供することができます。

新しいアップデートのメリット
- カスタマイズ性の向上:新しいテーブルエレメントでは、テーブルの外観を完全にコントロールできるため、店舗のニーズに合わせたデザインを実現できます。
- より速いデザインプロセス:Canvasのツールバーでは、行や列の挿入や修正がこれまで以上に簡単になり、ワークフローがスピードアップします。
- レスポンシブでモダンなレイアウト:Flexブロック構成を使えば、あらゆるデバイスで見栄えのする、レスポンシブで視覚的に魅力的なテーブルを作成できます。
どのように機能するか
新しいテーブル要素は、柔軟性と使いやすさを重視して設計されている。Gen 2 エディターでは
- ボーダーのカスタマイズ:個々のセル、行、列を選択してボーダーをカスタマイズしたり、テーブル全体に設定を適用して統一感を出したりできます。
- 行/列の挿入:行や列の追加や削除は、Canvasのツールバーで簡単に行えます。

- フレックスブロックの構成:各セルがフレックスブロックのように動作するため、テーブル内の間隔、配置、構造をより自由にコントロールできます。

ダイナミック・チェックアウト:より迅速な購入が簡単に
新着情報
次にご紹介するのは、ダイナミック・チェックアウト機能です。この機能は、カートをスキップすることで、顧客がより早く購入を完了し、全体的なショッピング体験を向上させるのに役立ちます。
以前は、ダイナミックチェックアウトボタンを追加するには、HTML/Liquid要素とカスタムコードを使用する必要がありました。

今回、この機能を「要素の追加」>「Shopify」>「商品」>「ダイナミックチェックアウト」で利用できるようにし、Shopifyのページにダイナミックチェックアウトボタンを簡単に追加できるようにしました。私たちは、このアップデートがあなたのストアに真の価値をもたらすよう、多くの時間と労力を費やしてきました。

ダイナミックチェックアウトボタンには2種類あります:
ブランド: これらのボタンには、サードパーティのアクセラレーテッドチェックアウトメソッドのロゴが含まれています。顧客がブランドボタンをクリックすると、そのアクセラレートチェックアウトメソッドで支払いが完了します。
ノーブランド: これらのボタンは "Buy it now "テキストを表示します。顧客がノーブランドのボタンをクリックすると、カートをスキップして Shopify のチェックアウトページに移動します。
新しいアップデートのメリット
- シームレスなチェックアウト体験:ダイナミックチェックアウトボタンは、顧客の摩擦を減らし、顧客が希望する方法で直接支払いに進むことを可能にします。
- 自動ブランドアライメント:対象となる加盟店には、手動で調整することなく、ボタンが自動的に店舗のブランドスタイルに適応します。
- カスタマイズの柔軟性:あらかじめ設定された条件に当てはまらない場合でも、店舗デザインに合わせてボタンの外観を自由に設定することができます。
どのように機能するか
ダイナミックチェックアウトボタンは、いくつかの基準に基づいてその外観を適応させます:
ブランド(自動スタイリング):
- ショッププロミスが有効で、顧客のブラウザ、デバイス、支払い履歴などの条件が満たされた場合、ボタンはブランドのスタイリングで表示されます。
- 加盟店が支払い設定で有効化した支払い方法のみが、顧客のオプションとして表示されます。
- 色とタイプはカスタマイズできません。コーナー半径と幅/高さのみ、Unbrandedの設定が適用されます。
例えば、この店舗では支払い方法をShopPayに設定しています:

ノーブランド(カスタマイズ可能な設定):
- 加盟店がサードパーティのアクセラレーションチェックアウトメソッドを有効にしていない場合、ノーブランドのボタンのみが表示されます。
例えば、この店舗が支払い方法を設定しておらず、ボタンのテキストを「今すぐ購入」と設定した場合、次のように表示されます。

- 通常のボタンのようにカスタマイズできる:
一般設定

スタイリング・セッティング

最終的な感想
PageFly 4.17.0では、Shopifyのマーチャントのために、使いやすさ、柔軟性、デザインの効率性を引き続き優先しています。高度にカスタマイズ可能なテーブルエレメントと適応性の高いダイナミックチェックアウトボタンの導入により、より多くのコントロールとパフォーマンスの最適化が可能になりました。
これらの新機能をぜひお試しください。また、ご質問やご意見がございましたら、サポートチームが年中無休で対応いたします。今後もお客様のニーズに合わせてPageFlyを進化させていきますので、どうぞご期待ください。
私たちのブログを訪問して、以下のような過去のアップデートをキャッチアップすることをお忘れなく: