# ページへのファイルアップロード

### 概要

概要

PageFlyページに簡単にファイルを追加してコンテンツパフォーマンスを向上させ、訪問者がファイルをダウンロードできるようにします。このガイドでは、PageFlyページにファイルを[素早く効果的にアップロードしてリンクする](https://help.pagefly.io/manual/upload-files-to-my-page/)手順を概説します。

このビデオチュートリアルでは、PageFlyページにダウンロード可能なPDFファイルをアップロードする方法について説明します。

{% embed url="<https://youtu.be/OcVCjShhH2I>" %}

### 必要条件

* **ファイルサイズ制限**: Shopifyのサイズ制限を満たすために、各ファイルは20Mb未満にしてください。
* **ファイルタイプ**: ファイルタイプがShopifyでサポートされていることを確認してください：PNG, JPEG, PSD, TIFF, BMP, GIF, SVG, HEIC, および WebP。

![](/files/Gs8go5INuXxtnHNEKXBl)

### PageFlyページにファイルをアップロードする方法

以下の手順に従って、ファイルをPageFlyページに素早くアップロードします。

#### ステップ1：「ファイル」セクションにアクセスする

Shopify管理画面から、「コンテンツ」>「ファイル」を選択します。

![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4XdJDAN9NwFGK3k7RuVR8E4Rv9EKC-MP4B3L8E0mFuQrD_sj28y3ljh2HNVLlTLjXPA9XELfsrMxpau0Od_Ff_4syu20jh_wgqjXzh9kH3aR8exaaErNtspZC9lL7Y-D_DnrFjZJGITaTI1YEX_v3wkeyEiRu_Uaj6hWhgi4GyrpFUQ.png)

#### ステップ2：Shopifyサーバーにファイルをアップロードする

「ファイルをアップロード」ボタンを使用して、ここにファイルをアップロードします。

{% hint style="info" %}
**注**: アップロードするには、各ファイルが20Mb未満である必要があります。これはShopifyの制限です。
{% endhint %}

![](/files/LjkmUXO6xzpmccVy3dCR)

#### ステップ3：ファイルURLをコピーする

ファイルがアップロードされたら、次のステップで使用するためにそのURLをコピーします。

![](/files/aufl2ZhyqdwWEJ2DSKJX)

#### ステップ4：PageFlyページでファイルを使用する

これでファイルはShopifyに準備ができました。PageFlyページに簡単に追加できます。[ボタン](https://help.pagefly.io/manual/button-element/)で使用したり、テキストのリンクとして使用したり、[画像](https://help.pagefly.io/manual/image-element/)で表示したりできます。

**ステップ4.1：ボタンを介してファイルをダウンロード可能にする**

* ページ上で[ボタン](https://help.pagefly.io/manual/button-element/)要素を選択します。

![](/files/jJCq8jMIwVqxnrWWjhXg)

* 「General」タブ > 「Action」に進み、「Click to Action」設定をクリックして「Go to URL」というオプションを選択し、次に以下の画像のように「Select URL」をクリックします。

![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXfFrLbXgQfSCX_xtSQzduLIHvSSnglRqpdABDeqM2n8BVMqftykdibKC4cpmRWZ5ee0c37FSsxi1Hj2_e7J_xgm_VGu6MIDfnJ-LVhH4g7K7Py22hIAn7TOzcIw-3-ypsf9_vi_96IoRD_Ra1zkeyEiRu_Uaj6hWhgi4GyrpFUQ.png)

* ポップアップする「URL Picker」モーダルのURLボックスにファイルのリンクを貼り付けます。「Select」をクリックします。

![](/files/F0mLkFFJnOkyu98BEWnA)

**ステップ4.2：テキスト内のハイパーリンクを介してファイルをダウンロード可能にする**

* [段落](https://help.pagefly.io/manual/paragraph-element/)全体、またはハイパーリンクにしたい特定のテキスト部分を選択します。
* 「General」タブに進みます。「Paragraph text option」内の「styling」タブで、「Insert link」アイコンをクリックします。

![](/files/wqeXReTrhGzyVi6zGKNB)

* 前のステップで取得したファイルのURLを貼り付けます。「Select」をクリックします。

![](/files/O8nu5NhGM2t9XtcpCQp5)

これで、このテキストをクリックすると、ファイルが顧客のデバイスにダウンロードされます。

**ステップ4.3：ページコンテンツとして直接使用する**

PageFlyでは2MBより大きい画像をアップロードして使用することができないため、Shopifyサーバーを使用してこれらの大きな画像をホストし、代わりにページのURLを貼り付けることができます。

* 画像要素を選択します。
* [General](https://help.pagefly.io/manual/elements-general-settings/)タブ > Content > Image Source に進み、「Select Image」をクリックしてこの要素の画像を選択します。

![](/files/u0WwPC1vudCfabtZtvRb)

* 「Click to Action」設定をクリックして「Go to URL」というオプションを選択し、次に以下の画像のように「Select URL」をクリックします。

![](/files/t5EApfJbzfJMJnEQzBBz)

* このボックスにShopifyファイルのURLを貼り付けます。「Select」をクリックします。

![](/files/EUW9pGo44bnCO14HW9sS)

同じように背景画像要素でも行うことができます。

[Shopifyのファイル要件とタイプ](https://help.shopify.com/en/manual/shopify-admin/productivity-tools/file-uploads%23file-requirements-and-types)に関する詳細は、こちらをご覧ください。

ファイルをShopifyサーバーにホストしたくない場合は、[Google Drive](https://www.google.com/drive/)や[Dropbox](https://www.dropbox.com/)などの他のホスティングサーバーにファイルをアップロードし、上記と同じ手順でPageFlyページにリンクしてください！

### ユースケース

* 商品マニュアル：PDFマニュアルを商品ページに追加し、顧客が簡単にアクセスできるようにします。
* プロモーション：新しい商品を強調するためのフライヤーやパンフレットの使用に最適です。
* 学習教材：eBookや記事を無料で共有して顧客に教えます。
* イベント：イベントページにフォームやスケジュールを提供し、簡単にダウンロードできるようにします。

### ヒントとベストプラクティス

* ファイルサイズを最適化する：品質を損なわずにファイルを圧縮してページ読み込みを高速化します。
* ファイルに明確な名前を付ける：ファイルの内容を示す名前を使用します。説明的な名前はユーザーを助け、SEOを向上させます。

### よくある質問

**1. 20MBより大きいファイルをアップロードできないのはなぜですか？**

Shopifyはサイトの高速性を維持するためにファイルサイズを20MBに制限しています。ファイルを小さくするか、別のサービスを使用してホストしてみてください。

**2. ファイルがアップロードできません。どうすればよいですか？**

大きすぎないか、Shopifyが受け付ける形式であるか確認してください。それでもアップロードできない場合は、後で再試行するか、Shopifyサポートに連絡してください。

### 追加リソース

* [UploadKitをPageFlyで使用する方法](https://help.pagefly.io/manual/integrate-uploadkit-upload-fields/)
* [PageFlyでUpload‑Lift Image Uploadを使用する](https://help.pagefly.io/manual/how-to-use-upload-lift-image-app-on-pagefly/)


---

# 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/main-use-case/upload-files-to-my-page.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.