Calculate all your Etsy costs with ease using our free tool.Try now

Boost your sales effortlessly with OneTick's smart product suggestions customers actually want.    Start growing today!

No credit card required to Start Shopify Trial or Try PageFly

Start Shopify trial Try PageFly freeTry PageFly free

Table of Contents

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

当社の事業は、アフィリエイトから得られる手数料によって支えられています。 詳細

皆さん、

PageFly チームの Richard です。皆さんとお会いして、最新のエキサイティングなアップデートをお知らせできてうれしく思います。このバージョンには、グローバル スタイルの改善、新機能の導入 (製品バリアント メタフィールド)、および追加の統合が含まれています。これらのアップデートはすべて、より多くの価値を提供し、PageFly をより多くの販売者にとって便利なものにすることを約束します。それでは、詳しく見ていきましょう。

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

主な変更点

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

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

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

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

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

配色

カラー スキームは、セクションのテキスト、ボタン、背景などに調和する色のセットです。これらのカラー スキームをページ上のさまざまな要素に自由に適応させ、視覚的に魅力的な外観を実現します。

グローバル スタイルのカラー スキーム設定でカスタマイズできる要素の定義済みスキーム カラーが 6 つあります。

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

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

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

  • 背景
  • 文章
  • ボタンの背景
  • ボタンテキスト
  • 国境
  • 3 つのユーザー定義色:
新しいグローバルスタイル設定

すべての設定が完了したら、「公開」を選択します。

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

タイポグラフィ

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

注意: 「PageFly プリセット」はデフォルト設定であり、調整することはできません。

フォント ファミリをカスタマイズするには、各タイプを選択し、 [スタイル]タブに移動します。これで、必要なフォント ファミリとその他のスタイル調整を選択できます。

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

すべての設定が完了したら、「公開」を選択します。

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

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

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

一般的な構成

PageFly エディター > インスペクター > 一般タブをクリック > 要素の Config Content パラメータ グループ:

製品ソース

  • 自動: 製品バリアント メタフィールド要素が製品詳細要素内にある場合。
  • 自動 (デフォルト) またはカスタム: 製品バリアント メタフィールド要素の位置が製品詳細要素の外側で製品ページ上にある場合。
  • カスタム製品: 製品バリアント メタフィールド要素の位置が製品詳細要素内になく、製品以外のページにある場合。
新しい製品バリアントメタフィールド要素

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

このパラメータは、ストア内でバリアント メタフィールドが適用される場所と、そのバリアント メタフィールドが持つことができる値を識別します。

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

ラベルを表示

これはバリアント メタフィールドのデフォルト名です。

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

ラベルの位置

ラベルの位置はデフォルトで値の左または上に設定できます。

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

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

スタイル設定

製品バリアント メタフィールド要素のスタイル設定は、 ここでのPageFly 要素のスタイル設定に従います。

16 個の新しいアプリ統合

信頼のバッジとアイコン - Iconito By Royal Apps

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

Iconito を使用すると、アイコンのバナーを選択したり、タイトルを追加したり、色やフォントをカスタマイズしたり、ブロックの配置 (製品ページ、フッター、カート、特定のカスタム場所など) を選択したり、設定を適用して公開したりできます。

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

ページ エディターで、次の手順に従って、 PageFly の Trust バッジとアイコン (Iconito 要素) にアクセスします

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

Sender.net による送信者メール マーケティングと SMS

Sender.net による送信者メール マーケティングと SMS

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

ページ エディターで、次の手順に従ってPageFly の送信者電子メール マーケティングと SMS 要素にアクセスします。

  • ステップ 1: PageFly エディターを開き、左側のメニューから「サードパーティ要素の追加」を選択します。
  • ステップ 2: 「統合の管理」を選択するか、上部にある歯車アイコンを使用します。
  • ステップ 3: 検索機能を使用して「送信者」を探し、アクティブ化します。
  • ステップ 4: 「閉じる」をクリックすると、「サードパーティ要素の追加」メニューから要素にアクセスできるようになります。
Sender.net による送信者メール マーケティングと SMS

Profy バナー & カウントダウン タイマー(Apps Jar 提供)

Profy バナー & カウントダウン タイマー (Apps Jar 提供)

Profy バナー & カウントダウン タイマーは、割引やクーポン コードのバナーを固定表示し、訪問者が割引コードを簡単にコピーできるようにすることで、ストアの売上を向上させ、コンバージョン率を高めます。有効期限付きのカウントダウン タイマーで緊迫感を演出し、ユーザーの注目を集めます。さらに、割引コードやカウントダウン タイマーを使ったオファーを紹介するポップアップを作成することもできます。ページの URL、デバイスの種類などに応じてバナーをカスタマイズし、テキストをユーザーの現地の言語に翻訳することもできます。

ページ エディターで、次の手順に従ってProfy バナーとカウントダウン タイマーにアクセスします

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

AuraAppsによるLookbookify

AuraAppsによるLookbookify

ページ エディターで、次の手順に従ってPageFly の Lookbookify 要素にアクセスします

  • ステップ 1: PageFly エディターを開き、左側から「サードパーティ要素の追加」を選択します。
  • ステップ 2: 「統合の管理」を選択するか、上部の歯車記号を選択します。
  • ステップ 3: 検索機能を使用して「 Lookbookify 」を見つけてアクティブ化します。
  • ステップ 4: 「閉じる」をクリックすると、「サードパーティ要素の追加」セクションの下に要素がリストされます。
AuraAppsによるLookbookify

TablePress - Identixweb Limited によるデータ テーブル

TablePress - Identixweb Limited によるデータ テーブル

TablePress を使用すると、簡単なショートコードを使用して、ブログ、ページ、またはテキスト ウィジェットに簡単に挿入できるテーブルを作成できます。コーディングの必要がなくなり、スプレッドシートのようなインターフェイスでテーブル データを変更できます。手間を省くには、データを手動で入力するのではなく、直接インポートします。また、検索ボックス、ページ区切り、フィルターなどの機能を備えた高度なデータ テーブルの生成もサポートしています。

PageFly で TablePress - Data Tables をアクティブ化するには、次の手順に従います。

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

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

Reputon のお客様の声アプリケーションを使用すると、TikTok や YouTube などのソーシャル メディア プラットフォームからの写真やビデオのレビューを含むお客様の声を収集して表示できます。印象的な推奨ウィジェットと多様なレビュー形式を Web ページに組み込むことで、サイトの信頼性と評判を高めます。このアプリケーションでは、さまざまなプラットフォームからレビューをインポートでき、レビュー リクエスト フォームのカスタマイズ オプションも用意されています。

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

ページ エディターで、次の手順に従ってPageFly の Reputon 証言スライダー要素にアクセスします。

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

TicTac ‑ カウントダウン タイマー バー(Kopernik Apps 提供)

TicTac は、カスタマイズされたカウントダウン タイマーの作成や既成のモデルの利用をユーザーが支援するために設計されたアプリケーションです。カウントダウン タイマーを使用することで、シームレスに売上とエンゲージメントを高めます。タイマーを簡単に設計およびカスタマイズして、緊迫感を植え付け、顧客に迅速な意思決定を促します。さまざまなテンプレートから選択するか、クリックするだけで独自のカウントダウン ウィジェットを簡単に作成できます。期限カウントダウン、タイム トラッカー、クロノメーター、ストップウォッチ、期限などのさまざまなオプションを使用して、売上を促進します。

TicTac ‑ カウントダウン タイマー バー (Kopernik Apps 提供)

PageFly アプリでこのツールを使用するのは簡単です。次の手順に従ってアプリをアクティブ化してください。

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

WHMCS Global Servicesによるパンダのサイズ表

WHMCS Global Servicesによるパンダのサイズ表

Panda サイズ チャート アプリケーションを使用すると、顧客は正確なサイズ情報を受け取ることができるため、販売者は特定の製品に適したカスタム サイズ チャートを作成できます。販売者は、さまざまな測定単位を柔軟に選択し、要件に応じてサイズ チャートをカスタマイズできます。このレベルのカスタマイズにより、顧客のサイズ要件を満たすためのよりパーソナライズされたアプローチが可能になります。

ページ エディターで、以下の手順に従って Panda サイズ チャート要素にアクセスします。 詳細なガイドラインについては、ヘルプ センターの記事をご覧ください。

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

COMCODE による高速変換バー

COMCODE による高速変換バー

Fast Conversion Bar は、現在の顧客の満足度を社会的証明として示す、高度にカスタマイズ可能なプロモーション用トップ バーを提供します。この効果的なツールは、見込み客の信頼を自然に構築し、購入意欲を高めます。ストアの独特の美観に合わせる柔軟性を備えた Fast Conversion Bar は、満足した顧客の影響力を最大限活用するためのシンプルかつ強力な方法を提供します。訪問者に、ブランドが信頼できるというシグナルを送ります。

ページ エディターで、次の手順に従ってPageFly の高速変換バー要素にアクセスします

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

Trust Badge Master (HulkApps.com 提供)

Trust Badge Master (HulkApps.com 提供)

Trust Badge Master を使用して信頼バッジを作成し、サイトの信頼性を高めます。無料配送、満足保証、グローバル配送オプションなどのサービスを強調します。MasterCard、Visa、PayPal のバッジを使用して、安全な取引と支払い方法を表示します。ライブラリの幅広いバッジから選択し、好みに合わせてカスタマイズしてサイトに展開し、顧客の間ですぐに信頼を育みます。

ページ エディターで、次の手順に従ってPageFly の Trust Badge Master 要素にアクセスします

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

HulkApps.com によるHulk お問い合わせフォーム

HulkApps.com による Hulk お問い合わせフォーム

HulkApps の Captcha 付きお問い合わせフォームは、ユーザーフレンドリーなインターフェイス、完全な応答性とカスタマイズ性を提供し、既存のストアのテーマにお問い合わせフォームをシームレスに統合できます。フォーム送信ごとに自動応答を設定できます。洗練された視覚的に魅力的なデザイン。お問い合わせフォームとページを簡単に作成できます。強力なお問い合わせフォームを使用して、シンプルなお問い合わせフォームを好みに合わせてカスタマイズし、HulkApps の Captcha 付きお問い合わせフォームを使用して、すべてのフォームエントリを 1 つのデータベースで便利に管理できます。

ページ エディターで、次の手順に従ってHulk のお問い合わせフォーム要素にアクセスします

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

GLO 関連製品、Globo によるアップセル

GLO 関連製品、Globo によるアップセル

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

GLO 関連製品、アップセル アプリを使用すると、よく購入される組み合わせウィジェットとアップセルの推奨事項を表示できます。

  • カート、チェックアウト、さらにはサンキューページを含む購入プロセスのあらゆる段階で効果を最適化します。
  • よりカスタマイズされたショッピング体験を提供するには、商品スライダー、最近閲覧したアイテム、その他のデータの使用を検討してください。

ページ エディターで、次の手順に従って、 PageFly の GLO 関連製品、アップセル要素にアクセスします。

  • ステップ1: PageFlyエディタで、左側のメニューの「サードパーティ要素を追加」をクリックします。
  • ステップ2: 「統合の管理」または上部の歯車アイコンをクリックします
  • ステップ3:「GLO関連製品、アップセル」を検索して有効にする
  • ステップ4: 「閉じる」をクリックすると、要素が「サードパーティ要素を追加」メニューに表示されます。
GLO関連製品、GloboによるアップセルをPageFlyで利用するには

ShareThis シェアボタンShareThis 提供

ShareThis シェアボタン ShareThis 提供

ShareThis Share Buttons アプリを使用すると、コンテンツのオーガニックリーチを拡大し、ソーシャル メディアでフォロワーを増やすことができます。

ShareThis Share Buttons ソフ​​トウェアを使用すると、有名なソーシャル メディア プラットフォームで情報を簡単に配信できます。

  • ソーシャル メディアの共有ボタンをページに直接追加するのは簡単です。
  • 共有ボタンの配置、サイズ、色、全体的なスタイルを調整して、ビジネスの外観にぴったり合うようにします。
  • ページの速度を維持するシンプルなコード。

ページ エディターで、 ShareThis 共有ボタン要素にアクセスするには、次の手順に従います。

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

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

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

BSS: 製品バリアント オプション アプリは、消費者のショッピングを強化し、AOV を増大させ、特注オプションで製品をパーソナライズできるようにします。

  • さまざまな選択肢を提供: 画像見本、テキストボックス、複数選択、ファイルのアップロードなど
  • 最後の旅程に応じて、製品の選択を表示または非表示にします。
  • カート ページの簡単な編集オプションを使用して、クライアントの購入をカスタマイズします。

ページ エディターで、次の手順に従ってBSS: 製品バリアント オプション要素にアクセスします

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

LeadForm 注文フォームとアップセル(BRAQUETS 提供)

LeadForm 注文フォームとアップセル (BRAQUETS 提供)

LeadForm 注文フォーム & アップセル アプリでは、注文に必要なすべての情報を含む完全にカスタマイズ可能な COD フォームが提供されます。

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

ページ エディターで、次の手順に従ってLeadForm 注文フォームとアップセル要素にアクセスします

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

Progus 店舗検索マップ(PROGUS SP. Z OO 提供)

Progus 店舗検索マップ (PROGUS SP. Z O.O 提供)

カスタマイズ可能なショップおよびディーラー ロケーターを備えた Progus ショップ ロケーター マップ アプリを使用すると、クライアントは物理的な場所を簡単に見つけることができます。

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

ページ エディターで、次の手順に従ってProgus Store Locator Map 要素にアクセスします

  • ステップ1: PageFlyエディタで、左側のメニューの「サードパーティ要素を追加」をクリックします。
  • ステップ2: 「統合の管理」または上部の歯車アイコンをクリックします。
  • ステップ3:「 Progus Store Locator Map 」を検索して有効にします
  • ステップ4: 「閉じる」をクリックすると、要素が「サードパーティ要素を追加」メニューに表示されます。
Progus 店舗検索マップ (PROGUS SP. Z O.O 提供)

最後に

これは非常に素晴らしいバージョン アップデートではないでしょうか。お時間があれば、PageFly 4.11.0 と最近追加されたすべてのサードパーティ コネクタをぜひご確認ください。

PageFly サポート スタッフは、アプリ関連の問題の解決や PageFly アップグレードの詳細の提供のために 24 時間年中無休で対応します。

これまでの 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: 顧客の購入プロセスを合理化

Explore Now