# ユニバーサル要素

### 概要 <a href="#tql6nsohu5ya" id="tql6nsohu5ya"></a>

ユニバーサル要素を使用すると、PageFly要素（静的データ）とShopify要素（動的データ）間で変換が可能になります。例えば、見出しを数クリックで商品タイトルに変換できます。

ユニバーサル要素の主な利点は以下の通りです。

* 記憶する要素が少なくなる
* 静的/動的コンテンツ間の切り替え（例: 見出し ↔ 商品タイトル）
* AI画像から生成されたPageFly要素をShopify要素に変換するためのMagicFlyを強化
* 将来的なスマート機能の実現
* すべてのユーザーの編集作業を改善

以下は、PageFly要素からShopify要素へ、またその逆に変換可能なユニバーサル要素です。

![](/files/MoNN2wJkksAIdxoHdt1z)

### 要件 <a href="#d59z6toq89gw" id="d59z6toq89gw"></a>

● Gen 2 エディター: ユニバーサル要素にアクセスするには、ストアがGen 2エディターを使用している必要があります。この機能はレガシーエディターバージョンでは利用できません。

● PAYG料金プラン: ユニバーサル要素にアクセスするには、ストアが従量課金制（PAYG）料金プランに加入している必要があります。

### ユニバーサル要素の使い方 <a href="#id-7xkl1r60x3ol" id="id-7xkl1r60x3ol"></a>

効果的なA/Bテストをセットアップして実行するには、以下の手順に従ってください。

**ステップ1：変換可能な要素から開始する**

* 要素をキャンバスにドラッグアンドドロップします
* 変換をサポートする利用可能な任意の要素を使用できます

![](/files/NHFMHq6uZLoQIwG0YSth)

**ステップ2：変換オプションにアクセスする**

* サイドバーから「General」タブに移動します
* 「Type」ドロップダウンメニューを見つけます

**ステップ3：ターゲット要素を選択する**

* ドロップダウンメニューをクリックして、利用可能な変換オプションを確認します
* 変換したいターゲット要素タイプを選択します（例: 見出しから商品タイトルへ）

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdxlng4JuRePCKVqSk1p66G-CWBIie7LMRA247iVzFRAoMSXnti3VxSHzSPeyPTCkIrbJg8GMtcz6AiAlm-VD86p5KLoorey8jLvathjGRa-wnyFo-ZKwZzUiMuo7tlBuLV8SRS5w?key=SsEp-zMCT_nwyvt1KpOhJA" alt=""><figcaption></figcaption></figure>

**ステップ4：変換された要素を編集する**

* 要素は選択した新しいタイプとして機能するようになります
* 通常通り、新しく変換された要素の編集を続けます
* その特定の要素タイプに適したすべての設定が利用可能になります

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfb-UPoFX81PGem5y0tGH3cbk3pOO6S7H2W5ASRgPgm9PAYPzSJ7PBfdxhyjJJtAMS2dmiFGBKjw1IWTOAmhXSRYs36ms-GENygu5yI4hD0sseu8ZURpp1QJ6cQcSX46oBqu-dW9w?key=SsEp-zMCT_nwyvt1KpOhJA" alt=""><figcaption></figcaption></figure>

### ユースケース <a href="#uwwhcuksd9em" id="uwwhcuksd9em"></a>

* 要素のクリーンアップと効率化: 間違って追加した要素（例: 見出し → 商品タイトル）を、削除して再追加することなく即座に変換し、デザインプロセスを効率化します。
* 動的コンテンツのパーソナライゼーション: 静的テキスト（見出しなど）を動的なShopifyデータ（コレクションタイトルなど）に切り替えることで、リアルタイムのストア情報を表示し、コンテンツの関連性を向上させます。

### よくある質問 <a href="#j0wtj9sa3yd1" id="j0wtj9sa3yd1"></a>

**1. 「General」タブと「Styling」タブの設定は、ユニバーサル要素で動作が異なりますか？**

いいえ、変わりません。別の要素タイプに変換すると、その設定は現在と同様に、その特定の要素の設定に自動的に一致します。変換先の要素タイプに対して、一般的な設定やオプションすべてにアクセスできます。

**2. ユニバーサル要素はAI機能ですか？**

いいえ、ユニバーサル要素はAI機能ではありません。ただし、画像をPageFlyで編集可能なデザインに変換するAI機能であるMagicFlyと完璧に連携します。ユニバーサル要素を使用して、静的要素を動的なShopify要素に変換することで、MagicFlyで作成されたデザインをさらに強化できます。

**3. どの要素を他の要素に変換できますか？**

ユニバーサル要素は、さまざまな要素タイプ間の変換をサポートしています。例えば、見出し、商品タイトル、コレクションタイトル、その他互換性のある要素などの要素タイプ間で変換を試すことができます。変換オプションは、互換性のある各要素の「Type」ドロップダウンメニューに表示されます。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/pagefly-elements/universal-elements.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
