Search

CloudWok Blog

Receive files in your Dropbox, Google Drive, Box.com, S3, Facebook for anyone

Category

website development

Different ways to add CloudWok to your WordPress Site

CloudWok WordPress Plugin

You can add the CloudWok WordPress plugin to your WordPress blog to receive file uploads from your website visitors in your cloud storage (e.g., Dropbox or Google Drive).

  1. After installing and activating the plugin, click on the “Settings” menu in your admin area and select “CloudWok”.
  2. There you can create a shortcode using the CloudWok HTML+CSS+JavaScript widget code (you can generate this code using the widget configurator).
  3. Then you can add the shortcode (e.g., [cloudwok ref=1]) into the blog post texts or page texts and the CloudWok upload widget will be loaded at that location in your text.

Unfortunately, in some cases of custom WordPress installations, the plugin cannot be installed successfully, resulting in an empty reference [cloudwok ref=0] instead of [cloudwok ref=1] when you want to create your first new embed code on the “Settings” page. Since some users have experienced these issues and there is no easy way for us to fix it, we are going to collect alternatives for how you can add the CloudWok file upload widget to your WordPress site.

Embedding CloudWok into WordPress with Script ‘n Styles

I recently tried out a WordPress plugin named Script ‘n Styles which enables WordPress administrators to add JavaScript and CSS styles to customize their pages and blog posts. The plug-in seems like a nice alternative that you can use in case that the CloudWok WordPress plugin does not work for you the way you wished.

After installing and activating the “Script ‘n Styles” plugin, there is a new submenu item in your “Tools” admin menu. There you can add global JavaScript code and CSS styles to your WordPress site (i.e., the styles and scripts will be loaded on every page). The following figures show how I entered the CloudWok widget JavaScript code and some CSS for style customization.

sns_global_csssns_global_js

Then I clicked on the “Hoops” tab, which works similar to the CloudWok shortcode, i.e., you can enter HTML and then reference it via a shortcode in your blog posts or pages. The figures below show the HTML code that I added and how I used the shortcode in a blog post.

hoop_edithoop

This worked! The CloudWok file upload widget shows up on the blog post.

Limitations of Script ‘n Styles:

Although it should be possible to add CSS + JavaScript to individual posts and pages (instead of loading it globally), I could’t figure out how. I did not see the “Meta Box” settings in my blog/page edit dashboard. I will update this post once I solve this puzzle.

Suggestions?

If you know of another WordPress plugin that could be used to add the CloudWok widget (or other customized JavaScript and styles) to WordPress, send us a link and we will check it out. Thank you!

Featured post

Subfolders for each Uploader

CloudWok helps you to easily receive many files from many users right in your own cloud storage.

In order to keep track of who uploaded what file may of you kept asking for a way to store files automatically in individual subfolders. We have now implemented a feature that helps you to organize your uploaded files by creating a subfolder for each individual uploading user.

Screenshot 2016-04-14 17.14.45
Example: Google Drive folder with user specific subfolders

To get you started
In the settings of any wok just activate the “Subfolder for each uploader” feature to organize files in subfolders.

Screenshot 2016-04-14 16.58.55
Wok Settings to activate subfolder file organization


Uploads to your Cloud
On your upload page the uploader will enter the user details and as of her/his first and last name a folder is created in your linked cloud storage folder.

Screenshot 2016-04-14 17.09.06

Receiving files in Subfolders
As the first screenshot shows a subfolder was created using the users’ first and last name. All uploads of this user can be found in the related subfolder.

Screenshot 2016-04-14 18.03.00

So now you can easily distinguish each users files. Just try it with one of your own woks! And – of course it also works for the upload widget on your own website or WordPress blog.

Take me to my CloudWok account

 

〉Start new on CloudWok.com〈 

Easy File uploads from your Wedding Homepage

Hey, you’re getting married?! – Awesome! And you’re even creating your own wedding homepage to share your story?

How your own wedding homepage may look like

One thing that will make your page alive is pictures. If those are pictures of you –celebrating, dancing, laughing – they will surely catch the interest of many friends and family members. Of course your photographer will take pictures beyond the reach of us ordinary people. But sometimes the most touching or funny moments are captured by uncle Roger, your nice or a good childhood friend. But how to get all these photos from everyone?

Let us help you with an easy to integrate file upload service from your own page right into your personal cloud storage. Receive and share pictures and videos from all your wedding guests and your site will be filled with memories every visitor will love.

Continue reading “Easy File uploads from your Wedding Homepage”

CloudWok WordPress Plugin Update

Today, we released version 0.5 of the CloudWok WordPress plugin. With the CloudWok WordPress plugin, you can let your blog visitors directly upload files into your Dropbox, into your Google Drive, or into other cloud storages that you own. This means:

  • No traffic from the file-upload goes through your WordPress blog. You don’t need to worry about WordPress file size limitations or the like.
  • You don’t need to download the uploaded files from your WordPress blog. They end up directly in your Dropbox, Google Drive, …

The main addition in version 0.5 of the plugin is a settings page that allows you easier and well integrated customization of the file-upload texts, labels, colors, etc:

  1. In your WordPress blog, click on the left-hand WordPress admin sidebar on “Settings” and then “CloudWok” to open the settings page.
  2. Here you can create a WordPress shortcode that you can embed in your blog posts and pages (the widget configurator on https://www.cloudwok.com/developers helps you to generate customized code).
  3. Then simply add the shortcode into your blog post, for example [cloudwok ref=1], at the place where you would like to place the file-upload area.

Don’t worry about your existing CloudWok shortcodes – all existing features and configurations still work and will continue to work as they are now. However, if you need more fine-grained customization of the file-upload widget, now you can do it with the 3 steps described above.

Let us know if you have feedback or ideas on which customization options / features you would like to see next (currently, we are working on Terms-of-Service customization, which will be released very soon).

Have a great day!


 

Here are some screens of the new 0.5 version:

 

File-upload widget configurator

Good news, everyone. We have just released a widget configurator. Now, you can go to https://www.cloudwok.com/developers to try out and live-preview many of the customization options, such as custom texts, labels, colors, etc. Thereby, you can also translate and show the widget texts in your preferred language.

cloudwok-widget-configurator

You can embed the CloudWok file upload widget into your own website. Simply copy and paste the HTML code into the source code of your page. Find the “HTML Code” tab in the configurator and click on the clipboard icon to copy the code.

cloudwok-widget-configurator-copy-n-paste

If you have a WordPress blog, you can also install the CloudWok WordPress plugin. Include the WordPress shortcode in any blog post or page to allow file uploads into your cloud from that page. We will release a new version of the WordPress plugin and further updates over the next few days, giving you better customization features, such as an admin settings page.

On the top list of the most requested customization options are:

  • Disable/make the terms-of-service popup text customizable
  • Disable/make the upload-success popup text customizable

We are currently working on these two features and will release new customization settings next week. These will include the possibility to have a ToS checkbox instead of a popup and a less obnoxious success message after successful uploads (you can already customize the text, but we will also improve the way that the message is shown to uploaders, including the ability to redirect to another page, etc.).

Stay tuned…

Let others upload Files into your Google Drive or Dropbox through NinjaForms

In this blog post, your learn how to add CloudWok to NinjaForms. Thereby, you can use the flexibility and power of NinjaForms combined with the ability to receive file uploads directly into your preferred cloud storage: Google Drive folders, Dropbox folders, Box.com folders, Facebook photo albums, or Amazon S3 buckets.

NinjaForms is a great and completely free WordPress Form Builder. NinjaForms offers plenty of options for customizing your form and translating it into different languages.

Continue reading “Let others upload Files into your Google Drive or Dropbox through NinjaForms”

Simple file-upload button for embedded widgets and WordPress plugin

Upon request, we have added a new optional feature to the CloudWok file-upload embeddable widget and for the WordPress plugin. You can now chose if you would like to show a drag-n-drop file-upload area (default) or just a simple file-upload button (new).

Wow, such button, so simple
Continue reading “Simple file-upload button for embedded widgets and WordPress plugin”

Use Salesforce + FormAssembly + CloudWok to receive forms and files from your customers

In this article, your learn how to add CloudWok to an AssemblyForm form. Thereby, you can receive form submissions along with file uploads. The files are directly uploaded into your preferred cloud storage (Dropbox, Google Drive, Box.com, or Amazon S3) via CloudWok. You can receive large files up to 10GB file size (and more – if using an enterprise plan).

Lesson #1: How to create a simple upload form that transfers files to your Dropbox/Google Drive/…

Continue reading “Use Salesforce + FormAssembly + CloudWok to receive forms and files from your customers”

Embeddable file-upload widget that uploads to Dropbox, Google Drive, S3 & more

With the CloudWok embed code widget, you can add file-upload-to-cloud capabilities to your own website. Thereby, you can create a form on your website where visitors of your website can upload files that are transferred directly into your connected Dropbox folder (or Google Drive folder, S3 bucket, Box.com folder, Facebook photo album, etc.).

CloudWok file-upload embed code

You can embed the widget with the following code:

Continue reading “Embeddable file-upload widget that uploads to Dropbox, Google Drive, S3 & more”

Blog at WordPress.com.

Up ↑

%d bloggers like this: