Printifyでカタログを拡大しましょう!Shopifyに接続し、1300以上の製品にアクセスし、利益を得始めましょう。 無料サインアップ

クレジットカード不要でShopifyのトライアルまたはPageFlyをお試しいただけます。

Shopifyのトライアルを開始する PageFlyを無料でお試しください。PageFlyを無料でお試しください。

目次

PageFly 4.11.0:グローバルスタイルの更新、新しい製品バリアントメタフィールド、16の新しいアプリ統合

当社の事業は、アフィリエイトから得られるコミッションによって支えられています。 詳細.

やあ、みんな、

ページフライチームのリチャードです!皆様にお会いし、最新のエキサイティングなアップデートを共有できることを大変嬉しく思います。今回のバージョンアップでは、グローバルスタイルの改善、新機能である商品バリアントメタフィールドの導入、さらに多くの統合機能が追加されました。これらのアップデートは、より多くのマーチャントの皆様に、より多くの価値を提供し、PageFlyを便利にすることをお約束します。それでは、さっそくご覧ください!

グローバル・スタイル・システムに新たなアップデート

主な変更点

カラーとフォントファミリーのシステムを含むプロパティ要素は置き換えられ、編集できなくなりました。この4.11.0バージョンでは ページフライグローバルスタイルシステムでは、配色システムとタイポグラフィシステムが代替となります。

バージョン4.11.0以前のカラーおよびフォントファミリーのグローバルスタイルを使用している要素は影響を受けません。しかし、より良いグローバル編集のために、新しい配色とタイポグラフィシステムを使用することを強くお勧めします。

グローバル・スタイル・システムの更新

新しいグローバルスタイルの設定

PageFlyのグローバルスタイル機能の最新アップデートについては、ビデオをご覧ください。

カラースキーム

配色とは、セクションのテキスト、ボタン、背景などに使用する調和のとれた色のセットです。これらの配色をページ上の様々な要素に自由に適用し、視覚的に魅力的な外観を実現しましょう。

グローバルスタイルの配色設定でカスタマイズできるように、要素には6つの事前定義された配色があります。

グローバル・スタイル・システムの更新

注:「PageFly preset」はデフォルトで設定されており、変更することはできません。

カスタマイズを行うには、各スキームを選択し、右側の希望の要素の色を選択してください。設定を変更することができます:

  • 背景
  • テキスト
  • ボタンの背景
  • ボタンテキスト
  • ボーダー
  • シャドウ
  • ユーザー定義カラー3色:
新しいグローバルスタイルの設定

すべての設定が完了したら、"Publish "を選択する。

新しいグローバルスタイルの設定

タイポグラフィ

グローバルスタイル>タイポグラフィ設定には、6つの定義済みフォントとスタイリング(色を除く)があり、カスタマイズすることができます。後でページを作成するときに、これらの定義済みの設定を使用することができます。

注意:"PageFly preset "はデフォルトの設定であり、調整することはできません。

フォントファミリーのカスタマイズは、各タイプを選択して スタイリングタブに移動してください。フォントファミリーを選択し、その他のスタイリングを調整することができます。

グローバル・スタイル タイポグラフィ

すべての設定が完了したら、"Publish "を選択する。

新製品バリアント・メタフィールド要素

この新要素は、特に以下を使用しているユーザーのために追加されました。 ShopifyとPageFlyの商品バリアントメタフィールド(PVMF).その目的は、マーチャントがPageFlyページで商品バリアントに関するより多くのデータを提示するのを助けることです。これにより、コンバージョン率の向上も期待できます。

この新要素の詳細については、以下のビデオチュートリアルをご覧ください:

一般構成

PageFly editor > Inspector > Generalタブをクリック > 要素のContentパラメータグループを設定します:

製品ソース

  • Auto: Product variant metafield 要素が Product details 要素内にある場合。
  • Auto(デフォルト)または Custom:Product variant metafield 要素の位置が Product details 要素の外側で、Product ページにある場合。
  • カスタム製品:Product variant metafield 要素の位置が Product details 要素内になく、非商品ページにある場合。
新製品バリアント・メタフィールド要素

バリアント・メタフィールドの定義

このパラメータは、バリアントメタフィールドがストアのどこに適用され、どのような値を持つことができるかを識別します。

新製品バリアント・メタフィールド要素

ラベルを表示する

これは variant メタフィールドのデフォルト名です。

新製品バリアント・メタフィールド要素

ラベルの位置

ラベルの位置は、デフォルトでは左または値の上にある。

新製品バリアント・メタフィールド要素

注意: Product variant メタフィールド要素を商品リストの商品詳細にドラッグ&ドロップすると、リスト内のすべての商品に追加されます。要素の定義は同じですが、値は異なります。

スタイリング構成

Product Variant Metafield要素のスタイリング設定は、ここではPageFly要素のスタイリングに従います。

16 新しいアプリの統合

信頼のバッジ&アイコン - Iconitoロイヤルアプリ

新しいアプリの統合 バッジとアイコンの信頼 - Iconito

Iconitoでは、アイコンのバナーを選択し、タイトルを追加し、色やフォントをカスタマイズし、ブロックの配置(製品ページ、フッター、カート、または特定のカスタムロケーションなど)を選択し、設定を実行することができます。

この要素をPageFlyで利用する前に、Trust badges & icons - Iconitoアプリをストアに追加し、すべての機能を設定する必要があります。

ページエディタで、以下の手順に従ってください。 PageFlyのTrust badges & icons - Iconito要素にアクセスする。:

  • ステップ1: ページフライエディタで、左メニューの「サードパーティ要素を追加」をクリックします。
  • ステップ 2: "Manage integrations"(統合の管理)または上部の歯車アイコンをクリックします。
  • ステップ 3: "Iconito "を検索して有効にする
  • ステップ4: 「閉じる」をクリックすると、その要素が「サードパーティ要素の追加」メニューに表示されます。
トラストバッジ&アイコンの使い方 - Iconito with PageFly

Senderメールマーケティング&SMS送信者.net

Sender Email Marketing & SMS By Sender.net

Sender Email Marketing & SMSは、ドラッグ&ドロップで簡単にメールキャンペーンを作成できるアプリです。特定の購読者グループをターゲットとし、ウェルカムメールの送信やSMSアラートの送信などのアクションを最小限の労力で自動化することができます。

ページエディターで、以下の手順でアクセスします。 PageFlyのSender Email Marketing & SMS要素にアクセスします。:

  • ステップ1: ページフライエディタを開き、左メニューから「サードパーティ要素を追加」を選択します。
  • ステップ2: "Manage integrations "を選択するか、上部にある歯車のアイコンを使用する。
  • ステップ3:検索機能を使って「Sender」を探し、有効にする。
  • ステップ4:「閉じる」をクリックすると、「サードパーティ要素を追加」メニューからその要素にアクセスできるようになります。
Sender Email Marketing & SMS By Sender.net

Profy バナー&カウントダウンタイマーアプリジャー

Profy バナー&カウントダウンタイマー By Apps Jar

Profy バナー & カウントダウンタイマーは、訪問者が簡単に割引コードをコピーできる、粘着性のある割引とクーポンコードバナーを特徴とすることで、お店の売上を向上させ、コンバージョンを高めます。有効期限を含むカウントダウンタイマーで、切迫感を演出し、ユーザーの注目を集めましょう。さらに、割引コードやカウントダウンタイマー付きのオファーを紹介するポップアップを作成することもできます。ページのURLやデバイスの種類などに応じてバナーをカスタマイズし、テキストをユーザーのローカル言語に翻訳することもできます。

ページエディタで、以下の手順に従ってください。 Profyバナーとカウントダウン・タイマーにアクセスする。:

  • ステップ1: ページフライエディタで、左メニューの「サードパーティ要素を追加」をクリックします。
  • ステップ 2: "Manage integrations"(統合の管理)または上部の歯車アイコンをクリックします。
  • ステップ 3: "Profy Banner & Countdown Timer"を検索し、有効にします。
  • ステップ4: 「閉じる」をクリックすると、その要素が「サードパーティ要素の追加」メニューに表示されます。
バナーページフライ

Lookbookifyオーラアップス

Lookbookify By AuraApps

ページエディターで、以下の手順に従ってください PageFlyのLookbookify要素にアクセスする:

  • ステップ1: ページフライエディタを開き、左から「サードパーティ要素を追加」を選択します。
  • ステップ2:「統合の管理」を選択するか、上部の歯車マークを選択する。
  • ステップ 3: 検索機能を使って"Lookbookify"を見つけ、有効にする。
  • ステップ4:「閉じる」をクリックすると、「サードパーティ要素を追加」セクションに要素が表示されます。
Lookbookify By AuraApps

TablePress - データテーブルIdentixweb株式会社

TablePress - データテーブル by Identixweb Limited

TablePressは、簡単なショートコードを使って、ブログ、ページ、テキストウィジェットに簡単に挿入できるテーブルの作成を可能にします。コーディングの必要性をなくし、表計算ソフトのようなインターフェイスでテーブルデータを変更できる。手間を省くために、データを手入力する代わりに直接インポートします。また、検索ボックス、ページ分割、フィルターなどの機能を備えた高度なデータテーブルの生成もサポートしています。

以下の手順で TablePress - PageFlyのデータテーブルを有効にする:

  • ステップ1: ページフライエディタで、左メニューの「サードパーティ要素を追加」をクリックします。
  • ステップ 2: "Manage integrations"(統合の管理)または上部の歯車アイコンをクリックします。
  • ステップ 3: "TablePress - Data Tables"を検索し、有効にする。
  • ステップ4: 「閉じる」をクリックすると、その要素が「サードパーティ要素の追加」メニューに表示されます。
TablePress - PageFlyでデータテーブルを使う方法

お客様の声スライダーレプトン

Reputon Testimonialsアプリケーションは、TikTokやYouTubeなどのソーシャルメディアプラットフォームからの写真やビデオレビューを含む体験談の収集と表示を可能にします。印象的なおすすめウィジェットや多様なレビュー形式をウェブページに組み込むことで、サイトの信頼性と評価を高めます。このアプリは、様々なプラットフォームからのレビューのインポートを可能にし、レビューリクエストフォームのカスタマイズオプションを提供します。

Reputonによるお客様の声スライダー

ページエディターで、以下の手順でアクセスします。 PageFlyのReputon Testimonials Slider要素にアクセスします。:

  • ステップ1: ページフライエディタで、左メニューの「サードパーティ要素を追加」をクリックします。
  • ステップ 2: "Manage integrations"(統合の管理)または上部の歯車アイコンをクリックします。
  • ステップ3:「Reputon Testimonials Slider」を検索し、有効にする。
  • ステップ4: 「閉じる」をクリックすると、その要素が「サードパーティ要素の追加」メニューに表示されます。
Reputonによるお客様の声スライダー

TicTac - カウントダウンタイマーバーコペルニクアプリ

TicTacは、ユーザーがカスタマイズしたカウントダウンタイマーを作成したり、既成のモデルを活用したりするのを支援するために設計されたアプリケーションです。カウントダウンタイマーを使うことで、セールスとエンゲージメントをシームレスに向上させることができます。タイマーを簡単にデザインし、パーソナライズすることで、顧客に緊急感を与え、迅速な決断を促します。豊富なテンプレートから選択するか、クリックするだけで簡単に独自のカウントダウンウィジェットを作成できます。締切カウントダウン、タイムトラッカー、クロノメーター、ストップウォッチ、締切などの様々なオプションでセールスを促進しましょう。

TicTac - カウントダウンタイマーバー By Kopernik Apps

PageFlyアプリでこのツールを使用するアプリをアクティベートしてください:

  • ステップ1: ページフライエディタで、左メニューの「サードパーティ要素を追加」をクリックします。
  • ステップ 2: "Manage integrations"(統合の管理)または上部の歯車アイコンをクリックします。
  • ステップ3:「TicTac」を検索して有効にする
  • ステップ4: 「閉じる」をクリックすると、その要素が「サードパーティ要素の追加」メニューに表示されます。
TicTac - カウントダウンタイマーバーをPageFlyで使用する方法

パンダサイズ表 WHMCSグローバルサービス

WHMCSグローバルサービスによるパンダのサイズチャート

Panda Size Chartアプリケーションは、顧客が正確なサイズ情報を受け取ることを保証し、マーチャントが特定の商品に適したオーダーメイドのサイズチャートを開発することを可能にします。マーチャントは、様々な測定単位を選択し、要件に応じてサイズチャートをカスタマイズする柔軟性を持っています。このレベルのカスタマイズは、顧客のサイズ要件を満たすために、よりパーソナライズされたアプローチを容易にします。

ページエディターで、以下の手順に従って、パンダサイズ表要素にアクセスしてください。 さらなるガイドラインをご覧ください。

  • ステップ1: ページフライエディタで、左メニューの「サードパーティ要素を追加」をクリックします。
  • ステップ 2: "Manage integrations"(統合の管理)または上部の歯車アイコンをクリックします。
  • ステップ3:「Panda Size Chart」を検索して有効にする
  • ステップ4: 「閉じる」をクリックすると、その要素が「サードパーティ要素の追加」メニューに表示されます。
パンダサイズ表をPageFlyで使用する方法

高速変換バーコムコード

コムコード製高速変換バー

ファスト・コンバージョン・バーは、現在の顧客の満足度を社会的証明として紹介する、高度にカスタマイズ可能なプロモーション用トップバーを提供します。この効果的なツールは、購入希望者の信頼を自然に構築し、購入意欲を高めます。お店の特徴的な美学に合わせることができる適応性を持つファストコンバージョンバーは、満足度の高い顧客の影響力を利用する簡単で強力な方法を提供します。あなたのブランドが信頼できるものであることを訪問者に伝えます。

ページエディタで、以下の手順に従ってください。 PageFly の Fast Conversion Bar 要素にアクセスします。:

  • ステップ1: ページフライエディタで、左メニューの「サードパーティ要素を追加」をクリックします。
  • ステップ 2: "Manage integrations"(統合の管理)または上部の歯車アイコンをクリックします。
  • ステップ3:「高速変換バー」を検索し、有効にする
  • ステップ4: 「閉じる」をクリックすると、その要素が「サードパーティ要素の追加」メニューに表示されます。
PageFlyで高速変換バーを使用する方法

トラストバッジマスターによって HulkApps.com

HulkApps.comのトラストバッジマスター

トラストバッジマスターを使ってトラストバッジを作成し、サイトへの信頼性を高めましょう。無料配送、満足保証、グローバル配送オプションなどのサービスを強調できます。MasterCard、Visa、PayPalのバッジで安全な取引と支払い方法を表示できます。ライブラリにあるバッジの幅広いセレクションから選択し、お好みに合わせてパーソナライズしてサイトに配置することで、顧客の信頼を迅速に醸成することができます。

ページエディタで、以下の手順に従ってください。 PageFlyのTrust Badge Master要素にアクセスします。:

  • ステップ1: ページフライエディタで、左メニューの「サードパーティ要素を追加」をクリックします。
  • ステップ 2: "Manage integrations"(統合の管理)または上部の歯車アイコンをクリックします。
  • ステップ3:「Trust Badge」を検索して有効にする
  • ステップ4: 「閉じる」をクリックすると、その要素が「サードパーティ要素の追加」メニューに表示されます。
トラストバッジマスターをPageFlyで使用する方法

ハルクお問い合わせフォームHulkApps.comによる。

ハルク お問い合わせフォーム 〜によって HulkApps.com

HulkApps Contact Us Form with Captchaは、ユーザーフレンドリーなインターフェイス、完全なレスポンシビリティ、カスタマイズ性を備えており、既存のストアテーマにお問い合わせフォームをシームレスに統合することができます。フォーム送信ごとに自動返信を設定できます。洗練された視覚的に魅力的なデザインで、お問い合わせフォームやページを簡単に作成できます。HulkApps Contact Form with Captchaを使えば、強力なお問い合わせフォームを使ってシンプルなお問い合わせフォームをお好みにカスタマイズし、すべてのフォーム入力を1つのデータベースで便利に管理できます。

ページエディターで、以下の手順に従ってください。 ハルクのお問い合わせフォームにアクセスする:

  • ステップ1: ページフライエディタで、左メニューの「サードパーティ要素を追加」をクリックします。
  • ステップ 2: "Manage integrations"(統合の管理)または上部の歯車アイコンをクリックします。
  • ステップ3:「ハルクお問い合わせフォーム」を検索し、有効にする
  • ステップ4: 「閉じる」をクリックすると、その要素が「サードパーティ要素の追加」メニューに表示されます。
ハルク お問い合わせフォーム 〜によって HulkApps.com

glo関連商品, アップセル グローボ

glo関連商品, アップセル By Globo

GLO関連商品、アップセルアプリで戦略的なおすすめ商品を紹介することで、売上と顧客エンゲージメントを高めることができます。

GLO関連商品、アップセルアプリで、よく購入されるウィジェットを組み合わせて表示したり、おすすめのアップセルを表示することができます:

  • カート、チェックアウト、そしてサンキューページまで、購買プロセスのあらゆる段階でインパクトを最適化する。
  • よりカスタマイズされたショッピング体験を提供するために、商品スライダー、最近見た商品、その他のデータの利用を検討する。

ページエディターで、以下の手順でアクセスします。 GLO関連商品、アップセル要素にアクセスする。:

  • ステップ1: ページフライエディタで、左メニューの「サードパーティ要素を追加」をクリックします。
  • ステップ 2: "Manage integrations"(統合の管理)または上部の歯車アイコンをクリックします。
  • ステップ3:「glo関連商品、アップセル」を検索し、有効にする。
  • ステップ4: 「閉じる」をクリックすると、その要素が「サードパーティ要素の追加」メニューに表示されます。
gloの関連商品アップセルをPageFlyで利用する方法

ShareThisシェアボタンシェアする

ShareThisによるシェアボタン

ShareThisシェアボタンアプリの助けを借りて、あなたのコンテンツの有機的なリーチを増加させ、ソーシャルメディア上の支持者を構築することができます。

ShareThisシェアボタンソフトウェアを使えば、有名なソーシャルメディアプラットフォームで簡単に情報を配信することができます:

  • ソーシャルメディア共有ボタンをページに直接追加するのは簡単です。
  • 共有ボタンの配置、サイズ、色、全体的なスタイルを調整し、あなたのビジネスのルック&フィールに正確にフィットさせます。
  • ページのスピードを維持するシンプルなコード。

ページエディタで、以下の手順に従ってください。 ShareThis共有ボタン要素にアクセスする:

  • ステップ1: ページフライエディタで、左メニューの「サードパーティ要素を追加」をクリックします。
  • ステップ 2: "Manage integrations"(統合の管理)または上部の歯車アイコンをクリックします。
  • ステップ 3: "ShareThis Share Buttons "を検索し、有効にする。
  • ステップ4: 「閉じる」をクリックすると、その要素が「サードパーティ要素の追加」メニューに表示されます。
PageFlyでShareThisシェアボタンを使用する方法

BSS: 商品バリエーションオプションBSSコマース

BSS: BSSコマースによる製品バリエーションオプション

BSS:商品バリエーションオプションアプリは、消費者のショッピングを向上させ、AOVを高め、オーダーメイドオプションで商品をパーソナライズすることができます。

  • 様々な選択肢を提供イメージスウォッチ、テキストボックス、マルチセレクト、ファイルアップロードなど
  • 最後の旅によって、商品の選択を表示したり隠したりする。
  • カートページの簡単な編集オプションで、クライアントの購入をカスタマイズできます。

ページエディターで、以下の手順に従ってください。 BSSにアクセスします。:

  • ステップ1: ページフライエディタで、左メニューの「サードパーティ要素を追加」をクリックします。
  • ステップ 2: "Manage integrations"(統合の管理)または上部の歯車アイコンをクリックします。
  • ステップ 3: 「BSS: Product Variants Options」を検索し、有効にする。
  • ステップ4: 「閉じる」をクリックすると、その要素が「サードパーティ要素の追加」メニューに表示されます。
BSS: 商品バリエーションオプションとPageFlyの使い方

LeadForm注文フォームとアップセルブラケッツ

BRAQUETSのLeadForm注文フォームとアップセル

LeadForm注文フォーム&アップセルアプリは、注文に必要なすべての情報を備えた完全にカスタマイズ可能な代金引換フォームを提供します。

  • Googleシートとのリアルタイム同期
  • クロスセリング、アップセリング、数量パッケージを活用し、顧客の大量購入を誘う。
  • Facebook、Snapchat、TikTok、Googleトラッキング用のピクセルを簡単に組み立てる。

ページエディターで、以下の手順に従ってください。 LeadForm 注文フォームとアップセル要素にアクセスする:

  • ステップ1: ページフライエディタで、左メニューの「サードパーティ要素を追加」をクリックします。
  • ステップ 2: "Manage integrations"(統合の管理)または上部の歯車アイコンをクリックします。
  • ステップ 3: "LeadForm Order Form & Upsells "を検索し、有効にする。
  • ステップ4: 「閉じる」をクリックすると、その要素が「サードパーティ要素の追加」メニューに表示されます。
LeadForm注文フォームとアップセルをPageFlyで使用する方法

プロガス店舗検索マップby PROGUS SP.Z O.O

プロガス店舗検索マップ By PROGUS SP.Z O.O

カスタマイズ可能な店舗・販売店検索アプリ「プロガス店舗検索マップ」を使えば、顧客はあなたの実店舗を簡単に見つけることができます。

  • 多くの地図スタイル、パーソナライズされたマーカー、色、フォント
  • 最も人気のある場所、国、県などを示す分析。

ページエディターで、以下の手順に従ってください プロガス店舗検索マップ要素にアクセスする:

  • ステップ1: ページフライエディタで、左メニューの「サードパーティ要素を追加」をクリックします。
  • ステップ 2: "Manage integrations"(統合の管理)または上部の歯車アイコンをクリックします。
  • ステップ3:「プロガス店舗検索マップ」を検索し、有効にする
  • ステップ4: 「閉じる」をクリックすると、その要素が「サードパーティ要素の追加」メニューに表示されます。
プロガス店舗検索マップ By PROGUS SP.Z O.O

最終的な感想

とても素晴らしいバージョンアップだと思いませんか?もしお時間があれば、PageFly 4.11.0と最近追加されたサードパーティコネクタをチェックしてみてください。

PageFlyのサポートスタッフが24時間365日体制で、アプリに関する問題や今回のPageFlyのアップグレードに関する詳細をサポートいたします。

これまでのPageFlyアップデートの概要については、PageFlyブログをご覧ください。最新のバージョンアップについては、以下の記事をご覧ください:

PageFly 4.10.0:新しい6つの統合機能でストアのパフォーマンスを向上

PageFly 4.9.1: マルチプラットフォームのレビューを同期。バンドルで売上を急増。

PageFly 4.9.0:革命的なユーザーエクスペリエンスを実現する6つの最先端統合機能をリリース

PageFly 4.8.0:ゲームチェンジャーとなる9つの新しい統合機能

PageFly 4.7.4: 顧客の購買プロセスを合理化する

今すぐ探す