Doc Conversion API Blog - DOC CONVERSION API AND HTML5 VIEWER

An example HTML5 Document Viewer

Get Your Embedded Document Widget Code

Once you’ve installed our HTML5 Document Viewer for WordPress you’ll need your Embedded Document Widget Code to place into the plugin so you can show your documents off to your audience.

The steps below will walk you through the process.

Step 1 - Visit This Link — Step 1 – Visit This Link

Step 2 - Click The Create New Account Link — Step 2 – Click The Create New Account Link

Step 3 - Complete The Registration Form And Click Register Account — Step 3 – Complete The Registration Form And Click Register Account

Step 4 - LogIn With Your New Account Details — Step 4 – LogIn With Your New Account Details

Step 5 - Upload A New Document Or Use One Of The Included Examples — Step 5 – Upload A New Document Or Use One Of The Included Examples

Step 6 - Convert The Document From Its Native Format To PDF — Step 6 – Convert The Document From Its Native Format To PDF

Step 7 - Click On The HTML5 Viewer Icon That Appears Alongside The Newly Created PDF — Step 7 – Click On The HTML5 Viewer Icon That Appears Alongside The Newly Created PDF

Step 8 - Copy The HTML5 Viewer Code — Step 8 – Copy The HTML5 Viewer Code

Step 9 - Paste The HTML5 Viewer Code Into The WordPress Plugin Dialog — Step 9 – Paste The HTML5 Viewer Code Into The WordPress Plugin Dialog

Once you’ve done the above and published (or previewed) your post you’ll see your nice new HTML5 viewer showing your document content on your own website!

If you need anything from us, just get in touch, we’d love to start a conversation with you.

Install Our HTML5 Document Viewer WordPress Plugin

Installing the Doc Conversion API HTML5 Document Viewer on WordPress only takes a few seconds.

This article shows the manual option of installing, an alternative option is installing from the WordPress Plugins directory which will be covered in a separate article.

Step 1 - Plugins — Step 1 – Go To Your WordPress Sites Plugins Section

Step 2 - Choose The Upload Plugin Option — Step 2 – Choose The “Upload Plugin” Option

Step3 - Upload The Plugin And Click Install Now — Step 3 – Upload The Plugin And Click “Install Now”

The Doc Conversion API WordPress Plugin can be downloaded from this location.

Step 4 - Once Uploaded Activate The Plugin — Step 4 – Once Uploaded Activate The Plugin

Step 5 - Validate The Install — Step 5 – Validate The Install

Once installed, create a new WordPress Post and follow the instructions below to insert a new document viewer.

Step 6 - Insert A Doc Conversion API Widget Into Your Post — Step 6 – Insert A Doc Conversion API Widget Into Your Post

Step 7 - Get Your Document Viewer Code And Paste It Into The Plugin Window — Step 7 – Get Your Document Viewer Code And Paste It Into The Plugin Window

To get your embedded document widget code, read this post.

Step 8 - Publish Your Post To Embed Your Document — Step 8 – Publish Your Post To Embed Your Document

Voila! – you’re done.

Why Doc Conversion API?

Good question, thanks for asking!

We started out with a simple set of goals at Doc Conversion API

To provide the best document rendering quality of any online document conversion API
To provide a simple API that let us do all of the most obvious document manipulation tasks
To provide a super simple UI that allows all levels of user interact with Doc Conversion API
To support the most used document formats
To provide a rich and simple to use HTML5 document viewer

Over the next few posts we’ll walk you through our thinking and how we achieved these goals.

What is an HTML5 Document Viewer?

The world is moving fast and the web even faster. Standards and technologies change on an almost daily basis. Using an HTML5 Document Viewer can help you in your day-to-day website needs, but how?

An example of this ever shifting landscape is when Steve Jobs went to war on Adobe’s Flash technology – Thoughts on Flash – Steve listed in over 1500 words why he believed Flash should be a thing of the past, why it was never a good idea and what would replace it.

In steps HTML5, In Steve’s own words:

Apple has adopted HTML5, CSS and JavaScript – all open standards. Apple’s mobile devices all ship with high performance, low power implementations of these open standards. HTML5, the new web standard that has been adopted by Apple, Google and many others, lets web developers create advanced graphics, typography, animations and transitions without relying on third party browser plug-ins (like Flash).

This among other reasons is why we’ve build Doc Conversion API, our aim is to provide a HTML5 document viewing experience that does away with power hungry plugins that result in instability in your browser of platform.

An Excel spreadsheet rendered inside our HTML5 Document Viewer

Features of Doc Conversion APIs HTML document viewer include:

Multiple Document Format Support
- Most common file formats including PDF, DOC, DOCX, XLS, XLSX, PPT, PPTX, MSG files and many many more.
Cross-platform compatibility
- Your end users will be able to view documents from any web-enabled device that has an HTML5 capable browser, including
  - IE8+, Microsoft Edge,Chrome, Chrome for Android, Firefox, Safari 5+, Mobile Safari
Supported Devices
- iPhone / iPad
- Android smartphones and tables
- Windows Mobile
- PC + Mac
HTML5 based text rendering
- You’ll be able to select, copy and paste text from within your documents
- This also enables find and highlight functionality within your documents
A easy to use Web UI – NO PLUGINS NEEDED!
- Scroll through your documents easily
- Simple and intuitive thumbnail view
- Landscape and portrait document views are supported
- Download your documents or print them from the browser
Super easy to install and deploy
- Install our HTML5 document viewer in around 6 minutes (That was our fastest deployment yet!)
- No downloads or installs for your customers to wrestle with
- Fully feature REST API, allowing you to embed the HTML5 document viewer within your own apps
- On-premise or cloud based install
- WordPress, Umbraco, Dot Net Nuke, HTML Website, PHP website support
Super friendly and English speaking support team

If you’re looking for a lightweight, easy to install HTML5 Document Viewer for your website or application, just sign up for a free account or get in touch, we’ll be really happy to show you around.