Back to PageFly.ioVideo Tutorials

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

概要

概要

PageFlyページに簡単にファイルを追加してコンテンツパフォーマンスを向上させ、訪問者がファイルをダウンロードできるようにします。このガイドでは、PageFlyページにファイルを素早く効果的にアップロードしてリンクする手順を概説します。

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

必要条件

  • ファイルサイズ制限: Shopifyのサイズ制限を満たすために、各ファイルは20Mb未満にしてください。

  • ファイルタイプ: ファイルタイプがShopifyでサポートされていることを確認してください：PNG, JPEG, PSD, TIFF, BMP, GIF, SVG, HEIC, および WebP。

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

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

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

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

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

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

注: アップロードするには、各ファイルが20Mb未満である必要があります。これはShopifyの制限です。

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

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

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

これでファイルはShopifyに準備ができました。PageFlyページに簡単に追加できます。ボタンで使用したり、テキストのリンクとして使用したり、画像で表示したりできます。

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

  • ページ上でボタン要素を選択します。

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

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

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

  • 段落全体、またはハイパーリンクにしたい特定のテキスト部分を選択します。

  • 「General」タブに進みます。「Paragraph text option」内の「styling」タブで、「Insert link」アイコンをクリックします。

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

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

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

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

  • 画像要素を選択します。

  • Generalタブ > Content > Image Source に進み、「Select Image」をクリックしてこの要素の画像を選択します。

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

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

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

Shopifyのファイル要件とタイプに関する詳細は、こちらをご覧ください。

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

ユースケース

  • 商品マニュアル：PDFマニュアルを商品ページに追加し、顧客が簡単にアクセスできるようにします。

  • プロモーション：新しい商品を強調するためのフライヤーやパンフレットの使用に最適です。

  • 学習教材：eBookや記事を無料で共有して顧客に教えます。

  • イベント：イベントページにフォームやスケジュールを提供し、簡単にダウンロードできるようにします。

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

  • ファイルサイズを最適化する：品質を損なわずにファイルを圧縮してページ読み込みを高速化します。

  • ファイルに明確な名前を付ける：ファイルの内容を示す名前を使用します。説明的な名前はユーザーを助け、SEOを向上させます。

よくある質問

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

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

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

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

追加リソース

Last updated

Was this helpful?