{"id":1966,"date":"2015-02-06T03:01:23","date_gmt":"2015-02-06T03:01:23","guid":{"rendered":"http:\/\/www.filecloud.com\/blog\/?p=1966"},"modified":"2020-03-12T17:52:12","modified_gmt":"2020-03-12T22:52:12","slug":"upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form","status":"publish","type":"post","link":"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/","title":{"rendered":"Upload files to a FileCloud folder from another website with Embedded File Upload Website Form"},"content":{"rendered":"

The Embedded File Upload Website Form enables users to embed a small FileCloud interface onto any website, blog, social networking service, intranet, or any public URL that supports HTML embed code. Using the Embedded File Upload Website Form, you can easily allow file uploads to a specific folder within your account. This feature is similar to File Drop Box that allows your customers or associates to send any type of file without requiring them to log in or to create an account.\n<\/p>\n

Admin Setup<\/h3>\n

To enable FileCloud to accept uploaded files from embedded websites, your FileCloud Administrator need to disable a setting in the WWWROOT\/.htaccess file to allow cross domain requests.<\/p>\n

Change From:<\/span><\/em><\/p>\n

<IfModule mod_headers.c>
\nHeader set X-Frame-Options \u201cSAMEORIGIN\u201d
\n<\/IfModule><\/p><\/blockquote>\n

Change To:<\/span><\/em><\/p>\n

<IfModule mod_headers.c>
\n#Header set X-Frame-Options \u201cSAMEORIGIN\u201d
\n<\/IfModule><\/p><\/blockquote>\n

When the above setup is done, follow the below steps to create the Embedded File Upload Website Form.<\/p>\n

Step 1:<\/h3>\n

Create a public share and set permissions such that anyone with the URL can upload. Pick the Share Permissions as screenshot below.<\/p>\n

\"UploadOnly\"<\/p>\n

Step 2:<\/h3>\n

Click on the Sample Form link next to the Share Permissions drop-down. A window that opens will provide the HTML snippet that is needed for embedding on websites. The HTML snippet contains the URL to the share and all the needed parameters.<\/p>\n

\"SampleForm\"<\/p>\n

Step 3:<\/h3>\n

The upload form HTML code snippet looks like the below screenshot. Feel free to modify the iFrame size and add other UI changes needed. Moreover, add any CSS look and feel you desire. For the embedded form to work. please make sure not to change the iFrame source URL.<\/strong><\/p>\n

\"EmbeddedForm\"<\/p>\n

Step 4:<\/h3>\n

When the URL in the embedded form is clicked, you will see a upload UI as below.<\/p>\n

\"uploader\"<\/p>\n

Now, go embed forms as needed for to receive files from your clients, vendors and add it as part of your survey forms.<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"

The Embedded File Upload Website Form enables users to embed a small FileCloud interface onto any website, blog, social networking service, intranet, or any public URL that supports HTML embed code. Using the Embedded File Upload Website Form, you can easily allow file uploads to a specific folder within your account. This feature is similar […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[16,30,1,20,11,17],"tags":[248,270,247],"yoast_head":"\nUpload files to a FileCloud folder from another website with Embedded File Upload Website Form - FileCloud blog<\/title>\n<meta name=\"description\" content=\"File Drop Box, Embedded File Upload Website Form\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Upload files to a FileCloud folder from another website with Embedded File Upload Website Form\" \/>\n<meta property=\"og:description\" content=\"File Drop Box, Embedded File Upload Website Form\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/\" \/>\n<meta property=\"og:site_name\" content=\"FileCloud blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/tonidopage\" \/>\n<meta property=\"article:published_time\" content=\"2015-02-06T03:01:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-03-12T22:52:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.filecloud.com\/blog\/wp-content\/uploads\/2015\/02\/UploadOnly.png\" \/>\n<meta name=\"author\" content=\"Team FileCloud\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@getfilecloud\" \/>\n<meta name=\"twitter:site\" content=\"@getfilecloud\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Team FileCloud\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/\"},\"author\":{\"name\":\"Team FileCloud\",\"@id\":\"https:\/\/www.filecloud.com\/blog\/#\/schema\/person\/8a8df071f564aa2c10fa07d6ce60c935\"},\"headline\":\"Upload files to a FileCloud folder from another website with Embedded File Upload Website Form\",\"datePublished\":\"2015-02-06T03:01:23+00:00\",\"dateModified\":\"2020-03-12T22:52:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/\"},\"wordCount\":332,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.filecloud.com\/blog\/#organization\"},\"keywords\":[\"Embed upload form\",\"File Drop Box\",\"Public upload\"],\"articleSection\":[\"Cloud Computing\",\"EFSS\",\"Enterprise File Sharing\",\"FileCloud\",\"Private Cloud\",\"Productivity\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/\",\"url\":\"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/\",\"name\":\"Upload files to a FileCloud folder from another website with Embedded File Upload Website Form - FileCloud blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.filecloud.com\/blog\/#website\"},\"datePublished\":\"2015-02-06T03:01:23+00:00\",\"dateModified\":\"2020-03-12T22:52:12+00:00\",\"description\":\"File Drop Box, Embedded File Upload Website Form\",\"breadcrumb\":{\"@id\":\"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.filecloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Upload files to a FileCloud folder from another website with Embedded File Upload Website Form\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.filecloud.com\/blog\/#website\",\"url\":\"https:\/\/www.filecloud.com\/blog\/\",\"name\":\"FileCloud blog\",\"description\":\"Topics on Private cloud, On-Premises, Self-Hosted, Enterprise File Sync and Sharing\",\"publisher\":{\"@id\":\"https:\/\/www.filecloud.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.filecloud.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.filecloud.com\/blog\/#organization\",\"name\":\"FileCloud\",\"url\":\"https:\/\/www.filecloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.filecloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.filecloud.com\/blog\/wp-content\/uploads\/2016\/02\/filecloud_logo_comparison.jpg\",\"contentUrl\":\"https:\/\/www.filecloud.com\/blog\/wp-content\/uploads\/2016\/02\/filecloud_logo_comparison.jpg\",\"width\":155,\"height\":40,\"caption\":\"FileCloud\"},\"image\":{\"@id\":\"https:\/\/www.filecloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/tonidopage\",\"https:\/\/twitter.com\/getfilecloud\",\"https:\/\/www.linkedin.com\/company\/codelathe\",\"https:\/\/www.pinterest.com\/filecloud\/filecloud\/\",\"https:\/\/www.youtube.com\/channel\/UCbU5gTFdNCPESA5aGipFW6g\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.filecloud.com\/blog\/#\/schema\/person\/8a8df071f564aa2c10fa07d6ce60c935\",\"name\":\"Team FileCloud\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.filecloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b5818ab931b69298f500d8a184fd2384?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b5818ab931b69298f500d8a184fd2384?s=96&d=mm&r=g\",\"caption\":\"Team FileCloud\"},\"sameAs\":[\"http:\/\/www.filecloud.com\"],\"url\":\"https:\/\/www.filecloud.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Upload files to a FileCloud folder from another website with Embedded File Upload Website Form - FileCloud blog","description":"File Drop Box, Embedded File Upload Website Form","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/","og_locale":"en_US","og_type":"article","og_title":"Upload files to a FileCloud folder from another website with Embedded File Upload Website Form","og_description":"File Drop Box, Embedded File Upload Website Form","og_url":"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/","og_site_name":"FileCloud blog","article_publisher":"https:\/\/www.facebook.com\/tonidopage","article_published_time":"2015-02-06T03:01:23+00:00","article_modified_time":"2020-03-12T22:52:12+00:00","og_image":[{"url":"https:\/\/www.filecloud.com\/blog\/wp-content\/uploads\/2015\/02\/UploadOnly.png"}],"author":"Team FileCloud","twitter_card":"summary_large_image","twitter_creator":"@getfilecloud","twitter_site":"@getfilecloud","twitter_misc":{"Written by":"Team FileCloud","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/#article","isPartOf":{"@id":"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/"},"author":{"name":"Team FileCloud","@id":"https:\/\/www.filecloud.com\/blog\/#\/schema\/person\/8a8df071f564aa2c10fa07d6ce60c935"},"headline":"Upload files to a FileCloud folder from another website with Embedded File Upload Website Form","datePublished":"2015-02-06T03:01:23+00:00","dateModified":"2020-03-12T22:52:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/"},"wordCount":332,"commentCount":0,"publisher":{"@id":"https:\/\/www.filecloud.com\/blog\/#organization"},"keywords":["Embed upload form","File Drop Box","Public upload"],"articleSection":["Cloud Computing","EFSS","Enterprise File Sharing","FileCloud","Private Cloud","Productivity"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/","url":"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/","name":"Upload files to a FileCloud folder from another website with Embedded File Upload Website Form - FileCloud blog","isPartOf":{"@id":"https:\/\/www.filecloud.com\/blog\/#website"},"datePublished":"2015-02-06T03:01:23+00:00","dateModified":"2020-03-12T22:52:12+00:00","description":"File Drop Box, Embedded File Upload Website Form","breadcrumb":{"@id":"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.filecloud.com\/blog\/upload-files-to-a-filecloud-folder-from-another-website-with-embedded-file-upload-website-form\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.filecloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Upload files to a FileCloud folder from another website with Embedded File Upload Website Form"}]},{"@type":"WebSite","@id":"https:\/\/www.filecloud.com\/blog\/#website","url":"https:\/\/www.filecloud.com\/blog\/","name":"FileCloud blog","description":"Topics on Private cloud, On-Premises, Self-Hosted, Enterprise File Sync and Sharing","publisher":{"@id":"https:\/\/www.filecloud.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.filecloud.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.filecloud.com\/blog\/#organization","name":"FileCloud","url":"https:\/\/www.filecloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.filecloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.filecloud.com\/blog\/wp-content\/uploads\/2016\/02\/filecloud_logo_comparison.jpg","contentUrl":"https:\/\/www.filecloud.com\/blog\/wp-content\/uploads\/2016\/02\/filecloud_logo_comparison.jpg","width":155,"height":40,"caption":"FileCloud"},"image":{"@id":"https:\/\/www.filecloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/tonidopage","https:\/\/twitter.com\/getfilecloud","https:\/\/www.linkedin.com\/company\/codelathe","https:\/\/www.pinterest.com\/filecloud\/filecloud\/","https:\/\/www.youtube.com\/channel\/UCbU5gTFdNCPESA5aGipFW6g"]},{"@type":"Person","@id":"https:\/\/www.filecloud.com\/blog\/#\/schema\/person\/8a8df071f564aa2c10fa07d6ce60c935","name":"Team FileCloud","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.filecloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b5818ab931b69298f500d8a184fd2384?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b5818ab931b69298f500d8a184fd2384?s=96&d=mm&r=g","caption":"Team FileCloud"},"sameAs":["http:\/\/www.filecloud.com"],"url":"https:\/\/www.filecloud.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.filecloud.com\/blog\/wp-json\/wp\/v2\/posts\/1966"}],"collection":[{"href":"https:\/\/www.filecloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.filecloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.filecloud.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.filecloud.com\/blog\/wp-json\/wp\/v2\/comments?post=1966"}],"version-history":[{"count":14,"href":"https:\/\/www.filecloud.com\/blog\/wp-json\/wp\/v2\/posts\/1966\/revisions"}],"predecessor-version":[{"id":24124,"href":"https:\/\/www.filecloud.com\/blog\/wp-json\/wp\/v2\/posts\/1966\/revisions\/24124"}],"wp:attachment":[{"href":"https:\/\/www.filecloud.com\/blog\/wp-json\/wp\/v2\/media?parent=1966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.filecloud.com\/blog\/wp-json\/wp\/v2\/categories?post=1966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.filecloud.com\/blog\/wp-json\/wp\/v2\/tags?post=1966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}