General File Preparation Guidelines

1. Save your main file(s):

   Organize your file and documentation so that it is easy to view, edit and understand. Group, label and organize common elements so that buyers are able to easily edit your file. The more editable your file is, the more valuable it is to buyers. Ensure that you validate your code, and code in a style that represents the latest and best practices in the industry.

   Note: Placing all scripts, images, and documentation within the root of your directory is not acceptable, and is grounds for rejection.

   If you’re submitting:

   • HTML5, ensure your item does not require Javascript to function. This category is exclusively for high-level CSS components which go above and beyond what is readily available for free on the web.
   • An App, ensure that your app is focused on improving workflow for web developers.
   • A Plugin, we highly recommend that you link to a live preview demonstrating your plugin's functionality on your own server.

2. Check your assets:

   Make sure you have the right to use any of your assets in a commercial resale work. If you have assets that are linked to the main file, be certain you've included them in your .zip file. For more information on what assets you can use, see this article.

3. Create a help file:

   This should include concise instructions on installation, customization and use, written in English and formatted as a .pdf, .doc, .txt, or HTML document. Keep in mind that buyers may have little to no familiarity with design software, so incorporate clear explanations and visuals when necessary. You may create a screencast or flash instructions in addition to, but not instead of, text instructions. A documentation template can be found here. Feel free to record short video clips to demonstrate the functionality of your item. Sites like Screenr offer free recording and hosting tools.

   Note: Do not assume that the buyer of your item has any significant level of coding knowledge. When preparing your documentation, treat the buyer like a beginner.

4. Final Steps: 

   Check that your preview image, thumbnail, title, description and tags follow our formatting standards. Put your finished design and all supporting information into a single zipped folder. 

5. Upload your file to CodeCanyon!

Refer to this article for instructions on the file upload process.