WP Dropzone Examples

Basic Dropzone

[wp-dropzone]

With Title & Description

[wp-dropzone title="Drop Files Here" desc="Your file will be uploaded to media"]

Drop Files Here

Your file will be uploaded to media

With Custom Border, Background

[wp-dropzone title="Drop Files Here" desc="Your file will be uploaded to media" border-width="2" border-style="dashed" border-color="#dd102d" background="#fbfbfb"]

Drop Files Here

Your file will be uploaded to media

File Size Limit

[wp-dropzone desc="Max file size limit 2MB" max-file-size="2"]

Max file size limit 2MB

Non Clickable

[wp-dropzone title="Drop Files Here" desc="Click will not work here" clickable="false"]

Drop Files Here

Click will not work here

Image Files Only

[wp-dropzone title="Upload Image Only" desc="Other file type won't be uploaded" accepted-files="image/*"]

Upload Image Only

Other file type won't be uploaded

Max File Limit

[wp-dropzone title="Upload Your File" desc="Only one file allowed" max-files="1" max-files-alert="One file is enough!"]

Upload Your File

Only one file allowed

Manual Upload

[wp-dropzone title="Upload Your File" desc="Auto-process is disabled" margin-bottom="10px" auto-process="false" remove-links="true" upload-button-text="Click to Upload"]

Upload Your File

Auto-process is disabled

Registered User Upload Only

[wp-dropzone title="Upload Your File" desc="Guest upload is disabled" guest-upload="false"]

Upload Your File

Guest upload is disabled

Return Uploaded File Url

[wp-dropzone title="Upload Your File" desc="Use dom-id to get uploaded file url" dom-id="returnUrl"]

Upload Your File

Use dom-id to get uploaded file url

Image Resize

[wp-dropzone accepted-files="image/*" resize-width="800" resize-height="600"]

Image Resize with Quality

[wp-dropzone accepted-files="image/*" resize-width="800" resize-height="600" resize-quality="0.7"]

Image Resize with Crop

[wp-dropzone accepted-files="image/*" resize-width="800" resize-height="600" resize-method="crop"]