# QRコード ### PageFly QRコード要素について [QRコード要素](https://help.pagefly.io/manual/qr-code-element/)を使用すると、テキストコンテンツに基づいてQRコードを自動生成できます。 この要素には現在1つのバリエーションがありますが、時間の節約に役立つよう今後さらにバリエーションを追加していく予定です。 ### QRコード要素へのアクセス方法 * ステップ1: 左メニューバーの「**要素**」であるプラスアイコンをクリックします。 * ステップ2: ドロップダウンメニューで「**QRコード**」要素をクリックします。 * ステップ3: 使用したい要素をページエディターにドラッグアンドドロップし、使用を開始します。 サイドバーから探す代わりに、検索機能を使用してこの要素を検索することもできます。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-bee5520958bdd276d10db234aa6d6906671b4879%2FAD_4nXd2Qcsk676boXr4eaQsAExdmUQDsdOplZQqmbQuMEoC5u7knHbB1FBeCO3FxdsuIOba_wRub-G2FTxfSwexpJe_33RoB1IzlAgUun11bwZVTpQRKRFCvcgr-oAv4U_AiO3RH_y6HGhXjqPkANkTHsvJksa5?alt=media) ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXc-qRGOgeE-Bld1LTte4xJhsSkoXlFJNmb_Ht0wGPzIQJnimngZAdKSv2NJDzYjmoIAtltOGspwR1i7AJZc3QG3QgIPvpT9Dw84352aeA8bw2AGFPeX16UjDeeRgewu0wPq_1WWAVT5fmOMCHYlQgkeybuzoKEGdlJ82EgH8hc6u0w-1.gif) バリエーションをレイアウトにドラッグして、どのように設定できるかを確認してください。 ### QRコード要素の設定方法 QRコード要素には、ページ用の高コンバージョンコードを作成するために取り組むべき様々なパラメーターが付属しています。レイアウト内の要素を選択して、そのパラメーターを確認してください。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-30ce7706fff65767f8ea7ca4c77e651a43d5d591%2FAD_4nXdUipsl_MtWMA3iMkDgNEPA8CvZGi1ldGnsHSn9npG7p-yvvQtd25mOo1noTa2SMGd1sOO67oT-ZCBIrTeHt8Kmf1PZtWk0FUodI5YvTIpiuUEldJtdNtoCPQZHJM3LPZGLy6oQbv5wCPwCZ9aiEPmQvZGj?alt=media) #### 一般設定 **コンテンツ** * コンテンツ: ユーザーがQRコードをスキャンしたときにデバイスに表示されるコンテンツを入力します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-5eff1544268fd730614f7c884b76a4ad36a7e8cd%2FAD_4nXdeNSmvEtAsTM7yNpZRq1WSmmPkWprYrA97Yv32lZdPptY0MR0Q2uONy5SbFlILtjLhvIWMpdWkzMUHc3sJLjyd11fHHyb_sjM9vwFYCUbPR0Qm9PsTnn0MYE-YkNBRWpj3_lTRYUY5zspUCNu6C0RsZKwh?alt=media) * Alt-Text: SEOのためのALT HTMLタグ属性のテキストを入力します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-14c1f9c691bd8f24234d5d6365539677464158bf%2FAD_4nXdMo_OCPRMEkRQQKi8FZN8tFXRbqyl9N8ICmZBB8m9pghA5IvrwLQAXMw8LRC07jwRKVJoi7yMpUACz5zmIyqtjNu2NS3UAco14dggtYDQBeZT6F5fnVtDfg15VcUGoMtqalQoay1451ILkZLJ0hBuobzsu?alt=media) **表示** * QRコードサイズ: 黒い点をドラッグするか、右側のボックスに数字を入力してQRコードのサイズを調整します。QRコードの最大サイズは500pxであることに注意してください。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-6ef9e05b11617babe2ee9e2811d6ac3cea4bd037%2FAD_4nXcklsqOj0lzdUIt00jLK0iAQ4WUP4hxt6zheliq7iJ3K3LU5mwlbg0EFZE07n1tctFIA0zN97vyzwUV4DaKCiLH9VAlzG2J53jcPVzJVedG9GP0qeJQtVRLrxOGgBm6h0DEg1lXQD7iuMAGobjllnHCw16x?alt=media) * セルフアライン: 左揃え、中央揃え、右揃えの3つの配置オプションがあります。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-62750920a7b4ea817e64c18062168c8dcfedb476%2FAD_4nXexd9xR4cNs5J_8zVEvGSgEkcR5O-53gv1ROJW-fAQyqVlSo_EnecJJnzLZ5nixCZtQCSvZy8PuXzPT-uDktiesHB8MeIJ2TEUSQXf_turWabiN1kBa-Bac9OF8CaXEM0NA9JxfbNIx0xCqvj4dTXw-tllc?alt=media) ATTRIBUTES、VISIBILITY、ANIMATIONパラメーターの詳細については、[こちら](https://help.pagefly.io/manual/elements-general-settings/)をご覧ください。 #### スタイル設定 **レガシーエディター** * 配置: 水平方向の配置オプションとして、左揃え、中央揃え、右揃えの3つがあります。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXe6L3IfTBxFqyjoegcLThnGL7QhRCQZKPe8NUdjR5OL_jMnhroTIMW5yLnFVdYxZ6j981tALOwsf4pd5tzHz0Gq1sw2ZS7sIKOWjh3CHxwOZnfdz1qQH3_Vj2VPFuJlawlW25nNdCwsdajx4zNkx7LR1LQ) スタイルタブの詳細については、[こちら](https://help.pagefly.io/manual/elements-style-settings/)をご覧ください。 **Gen 2エディター** {% hint style="warning" %} **重要事項**: Gen 2レイアウトは、従量課金制の料金モデル（[スロットプラン](https://help.pagefly.io/manual/pricing-plans/)）でのみ利用可能です。 {% endhint %} Gen 2エディターでは、スタイルタブに配置設定がないことに注意してください。 その他のスタイル設定オプションについては、[こちらの記事](https://help.pagefly.io/manual/elements-style-settings/)を参照してください。 ### QRコード要素の使用に関するベストプラクティス * QRコードに明確な目的とコールトゥアクション（CTA）があることを確認してください。ユーザーがスキャンした後に実行してほしいアクションは何ですか（例: ウェブサイトにアクセス、アプリをダウンロード、特別オファーにアクセスなど）？ * 信頼できるソースから生成された高品質のQRコード画像を使用してください。 * QRコードの近くに、ユーザーにスキャンを促し、意図したアクションを説明する明確なテキストを配置してください。 ### よくある質問 **1. QRコードは何の略ですか？** クイックレスポンスコード **2. PageFly QRコードは無料ですか？** はい、こちらでご確認ください。 **3. QRコードはいつ発明されましたか？** 1994年 **4. QRコードを発明したのは誰ですか？** デンソーウェーブ（株式会社デンソーの社内カンパニー） **5. ストアQRコードとは何ですか？** これはPageFly QRコードによってShopifyストアに追加されるコードです。これは販売者がShopifyストアへのトラフィックを増やし、販売コンバージョンを向上させるのに役立つツールです。 **6. なぜQRコードが必要なのですか？** PageFly QRコードを使用すると、ストア、製品、場所、一般的な情報を非常に簡単に見つけることができます。PageFlyを使用してQRコードをカスタマイズすることもできます。また、これは追跡可能なツールなので、ストアのパフォーマンスを測定できます。新しいトラフィックを生成するためと、現在の買い物客とのエンゲージメントを向上させるための両方にこのコードを使用する必要があります。 ### 追加リソース * [PageFly HTMLリキッド要素の編集方法](https://help.pagefly.io/manual/html-liquid-element/) * [魅力的なコールトゥアクションを作成するためのボタン要素](https://help.pagefly.io/manual/button-element/) * [PageFlyで画像要素を使用する方法](https://help.pagefly.io/manual/image-element/)