QuickSwitch
QuickSwitch lets you integrate iPaper on your site in minutes. A few lines of javascript is all it takes to convert all
your document links to iPaper links. You'll need the following to get started:
- A website that hosts document files (PDF, Word, Powerpoint, etc.) and links to them via HTML pages.
- Access to modify the source code of your website.
- A Scribd API Account - Sign up now
Configure Your QuickSwitch
Convert all document links on your site into:
Convert a single document link on your site into a:
Installation Instructions
Copy and paste this Javascript to the bottom of your webpage, right above the '</body>' tag. It should appear on all the pages of your website that you want QuickSwitch to work. We suggest placing this in your site's layout file.
- That's it, you're done. Now visitors to your website can enjoy an enhanced document viewing experience!
Copy and paste this Javascript to the bottom of your webpage, right above the '</body>' tag. It should appear on all the pages of your website that you want QuickSwitch to work. We suggest placing this in your site's layout file.
- Create a new HTML page to go on your website. We'll call this viewer.html but you can name it whatever you want (remember to update the variable scribd_custom_landing_page in the javascript in step 1 to match the name you choose). The iPaper will be embedded in this webpage.
- Customize viewer.html as you like. We recommend using your website's layout, such as a topbar, sidebar, or bottom bar to keep the appearance consistent between your ordinary HTML pages and the iPaper pages. We also recommend leaving plenty of space for the iPaper, as documents need to fill most of the page to be readable.
- Insert the following HTML into your viewer.html file where you want the iPaper to go.
- Upload viewer.html to your website. If you follow the example above, upload it to http://www.mysite.com/viewer.html
- You're all done! Now visitors to your website can enjoy an enhanced document viewing experience that is seamlessly integrated with your site.
Tip: You can also configure this option manually on the Slurp page.
-
Replace the URL of your document with the following URL. Remember to replace the INSERT_DOCUMENT_URL_HERE with your document URL.
-
You're all done! Now visitors to your website can enjoy an enhanced document viewing experience that is seamlessly integrated with your site. Note that you can reuse the above URL for each document URL on your page that you want to
turn into iPaper links.
Tip: You can also configure this option manually on the iPaper Javascript API page.
-
Copy and paste this Javascript between the <head> and </head> tags near the top of your webpage.
-
Copy and paste this Javascript where you want iPaper to display your document. Remember to replace the INSERT_DOCUMENT_URL_HERE with your document URL.
-
You're all done! Now visitors to your website can enjoy an enhanced document viewing experience that is seamlessly integrated with your site. Note that you can reuse the above Javascript code for each document URL on your page that you want to turn into iPapers.
Tip: You can also configure this option manually on the iPaper Javascript API page.
- Create a new HTML page to go on your website. We'll call this viewer.html but you can name it whatever you want. The iPaper will be embedded in this webpage.
- Customize viewer.html as you like. We recommend using your website's layout, such as a topbar, sidebar, or bottom bar to keep the appearance consistent between your ordinary HTML pages and the iPaper pages. We also recommend leaving plenty of space for the iPaper, as documents need to fill most of the page to be readable.
- Insert the following HTML into your viewer.html file where you want the iPaper to go. You will need to replace INSERT_DOCUMENT_URL_HERE in the javascript call with the document URL that is passed into this page as a GET parameter. This may require some back-end coding to get working.
- Upload viewer.html to your website. If you follow the example above, upload it to http://www.mysite.com/viewer.html
-
Replace the URL of your document to point to the viewer.html page you just created. Use the following code as an example
of what it should look like. Remember to replace the INSERT_DOCUMENT_URL_HERE with your document URL, and http://www.mysite.com/viewer.html with the actual location of your viewer.html.
- You're all done! Now visitors to your website can enjoy an enhanced document viewing experience that is seamlessly integrated with your site.
Note: It takes some time to convert your documents into iPapers, and until the conversion is complete, we'll continue to show the original document instead. To help speed things up, click around on your website a bit - we'll only convert documents linked to on pages users have actually clicked on.
