オンラインフォームにファイルをアップロードする方法

添付ファイルのアップロードとDropbox、Google Drive、Amazon AWS、Selectel、Yandex.Diskでのファイル受信が可能
すべての縦型オンラインフォームでは、訪問者がフォーム送信にファイルを添付できる「ファイル」フィールドを追加することができます。ここでは、Dropbox、Google Drive、Yandex.Disk、Amazon AWSへのファイルアップロードを可能にするガイドをご紹介します。
Microsoft OneDriveサービスの追加は一時的に利用できません。
コンテンツ」パネルの任意の縦型フォームに「ファイル」入力フィールドを追加する。縦型フォームを持つブロックは、BF204N、BF310N、BF311N、BF402N、BF403N、BF502Nです。
In the block Content panel under "INPUT FIELDS", the "TILDA UPLOAD WIDGET KEY" field in the "#1 FILE" field settings.
キーを取得]をクリックし、お好みのファイルストレージサービスを選択します。
The "File Storage Services" page with a list of available services to connect: "Google Drive", "Dropbox", "Amazon S3", "Yandex.Disk", and "Selectel".
Dropboxの接続方法
グーグルドライブの接続方法
アマゾンS3(AWS)の接続方法
セレクテルの接続方法
Selectelサービスに接続するには、Selectelにサインアップし、2ドル以上の残高を追加する。これは有料ストレージであるため、価格についてはSelectelの「価格」ページの「クラウド・オブジェクト・ストレージ」セクションを参照されたい。

"Object Storage "タブに移動し、"Create container "をクリックする。まだプロジェクトがない場合は、あらかじめ作成しておく。

In the Selectel dashboard: the "Create container" button in the "Containers" section of "Object Storage".
コンテナの名前を入力し、プライベートまたはパブリックのタイプを選択します。これは、ファイルがSelectelの個人アカウントでアクセス可能か、URL経由でアクセス可能か、また、Tilda 、その後の設定に影響します。
In the Selectel dashboard under "Creating the container": the "Name" field and the "Create container" button at the bottom.
コンテナを作成したら、「Identity & Access Management」タブに移動し、「Add user」をクリックして新規ユーザーを作成する。
In the Selectel dashboard: the "Identity & Access Management" section in the left menu and the "Add user" button in the upper right corner.
ユーザを追加する場合は、任意の名前を入力する。ユーザタイプは「サービスユーザ」、ロールは「オブジェクトストレージ管理者」を選択する。
In the Selectel control panel: the "Adding a user" modal window with the "Service user" tab selected, credentials, role, and the "Add user" button.
新規ユーザーの設定に移動し、"S3 keys "の下にある "Add key "ボタンをクリックする。
In the Selectel dashboard: the "Add key" button under the "S3 keys" section on the user management page.
アクセスキーとシークレットキーが発行されます。これらは一度しか表示されないので、保存しておくことが重要です。
In the Selectel dashboard: a pop-up window showing the "Access key" and "Secret key" fields with copy icons and a "Close" button.
Tilda で、オンライン・フォーム・ブロックのコンテンツ・タブを開き、入力フィールド "ファイル "に移動する。Tilda アップロード・ウィジェット・キー "の下で "キーを取得 "をクリックし、サービスに接続する。
In the "Content" panel under "INPUT FIELDS", the "TYPE" set to "File" and the "Get the key." link under "TILDA UPLOAD WIDGET KEY".
リダイレクトされたら、Selectelサービスを選択します。
"File Storage Services": "Selectel" at the bottom of the service list.
保存したアクセス・キーとシークレット・キー、およびコンテナ名を入力する。

パブリック・コンテナの場合は、コンテナ設定のパブリック・ドメインをコピーし、プライベート・コンテナの場合は、プロジェクトIDをコピーする。

すべてのデータを入力し、保存する。
Connecting Selectel storage settings: the "BUCKET TYPE" drop-down menu and the "PROJECT ID" input field below.
データの入力が完了すると、サービスが保存されます。
"Tilda Widget Upload Key "をコピーする。
The copy icon next to the "TILDA UPLOAD WIDGET KEY" field on the file storage service settings page.
オンラインフォームブロックのコンテンツタブの「ファイル」入力フィールドの下に「Tilda Widget Upload Key」を貼り付けます。変更を保存してページを再公開すると、ファイル送信フィールドが機能するようになり、アップロードされたファイルがSelectelストレージに送信されます。
Form field settings: the "TILDA UPLOAD WIDGET KEY" field under the "#1 FILE" field with the "File" type selected.
Yandex.Diskの接続方法
Settings for the file storage service: Selectel: the copy icon next to the "TILDA UPLOAD WIDGET KEY" field.
オンラインフォームブロックのコンテンツタブの「ファイル」入力フィールドの下に「Tilda Widget Upload Key」を貼り付けます。変更を保存してページを再公開すると、ファイル送信フィールドが機能するようになり、アップロードされたファイルがSelectelストレージに送信されます。
追加設定
Form settings in Content: the "TILDA UPLOAD WIDGET KEY" field under "#1 FILE" and the "Save and close" button at the top.
ページを保存して再公開すると、ファイルは標準フォルダのアプリケーション →Tilda パブリッシングに追加されます。データ保存サービスの設定でフォルダを変更できます。
File upload service settings: the "FOLDER FOR SAVING FILES" field at the top of the page.
データ保存サービスの設定で、データ収集フォームへの特定の種類のファイルの添付を制限できます。ファイルの種類は、既存のリスト(画像、動画、文書)から選択するか、拡張子をスペースで区切って手入力することができます。
File upload settings: the "ALLOWED EXTENSIONS" input field at the top of the form.
Google.Drive、Yandex.Disk、Selectelサービスでは、アップロードされたファイルへのアクセスをリンクで変更できます:セキュリティのため、デフォルトでは、ファイルへのアクセスはキーを発行したアカウントに付与されます。チェックボックスを選択すると、リンクを持つすべての人にアクセスを許可できます。これは、フォームからのリードを別の人が管理する場合に便利です。Selectelの場合は、追加で設定する必要があります。
In file upload service settings: the "Grant access to anyone who has link (by default file is accessible only to the owner)" checkbox under "ACCESS RIGHTS".
訪問者が1つのフォームに複数のファイル(最大10ファイル)を添付できるようにするには、ブロックのコンテンツパネルで「複数ファイルのアップロードを許可する」チェックボックスを選択します。
Form field settings: the "Allow to upload multiple files (max: 10)" checkbox.
アップロードできるファイルの最大サイズは30MBです。
製造元
Tilda