Adding a File Uploader to Your Website
Sizable Send now allows you to embed our custom file uploader onto your website! And like virtually every other file upload service we offer, it’s 100% free to use.
To use our custom file uploader on your website simply copy and paste the following code into your webpage source code:
<iframe src="http://embed.sizablesend.com/iframe/v1/" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:700px; height:500px;" allowTransparency="true"></iframe>
This code will embed our unformatted file upload module. What do we mean by “Unformatted”? Basically the file uploader is bare bones with no fancy CSS stylings.
If you want to customize your file uploader with a custom CSS style sheet you will want to change the code to look something like this:
<iframe src="http://embed.sizablesend.com/iframe/v1/?CustomCSS=http://www.MyDomain.com/CustomUploaderStyle.css" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:700px; height:500px;" allowTransparency="true"></iframe>
With the CustomCSS query string parameter you can specify any stylesheet you want; do note however that this custom stylesheet will override ALL other styles of the file uploader. This allows you to fully customize the look and feel of the embedded file uploader.
You can also specify the Sender Email Address and/or the Recipient Email Address – thus not allowing the end user to choose. If the querystring parameters SenderEmail and/or RecipientEmail are specified, their corresponding input boxes will NOT appear, example:
<iframe src="http://embed.sizablesend.com/iframe/v1/?CustomCSS=http://www.MyDomain.com/CustomUploaderStyle.css&RecipientEmail=customer.relations@sfusion.com&SenderEmail=customer.relations@sfusion.com" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:700px; height:500px;" allowTransparency="true"></iframe>
Below is a summary of the query string parameters you can customize:
| Parameter | Description | Sample Value | Required | |||
| CustomCSS | This will import a custom CSS stylesheet that will overide the default styles of your file uploader. | http://Domain.com/CSS.css | Optional | |||
| SenderEmail | This will specify the email address the Download Notification Email comes from. If specified the default box for a user to enter in the Sender Email Address will be hidden. | Email@Domain.com | Optional | |||
| RecipientEmail | This will specify who the Download Notification Email is sent to. If specified the default box for a user to enter in the Recipient Email Address will be hidden. | Email@Domain.com | Optional |
Loading ...