Try for free!

How to add PDF Viewer to a BigCommerce store

Embed PDF Viewer on BigCommerce in just a few steps

Embed PDF Viewer on BigCommerce

01
Create a PDF Viewer app for BigCommerce On Common Ninja

First, create a BigCommerce PDF Viewer app on Common Ninja.

On the apps catalog, find the PDF Viewer and enter the Editor.

Create a PDF Viewer app for BigCommerce On Common Ninja
02
Save the PDF Viewer app

When you're done creating the PDF Viewer app, click on the Save Changes button at the right top corner of the editor.

If you don't have an account on Common Ninja, you'll have to register first.

Save the PDF Viewer app
03
Copy the PDF Viewer Embed Code

When you're ready to add the PDF Viewer app to your BigCommerce store, click the Add To Website button at the top bar of the Editor.

On the window that opens, click the Copy Icon to copy the app embed code. In the next steps, you will paste this code into your BigCommerce store.

Copy the PDF Viewer Embed Code
04
Select the HTML widget

Now, let's head to the BigCommerce editor.

On the Left panel, select the HTML widget.

Select the HTML widget
05
Place the HTML widget on your page

Drag and place the HTML widget on your page, wherever you wish the PDF Viewer to show.

Place the HTML widget on your page
06
Add the PDF Viewer Embed Code

Now, simply paste the PDF Viewer embed code you've copied before in the HTML Code window on the left panel.

Add the PDF Viewer Embed Code
07
Save the code

Click on the Save HTML button at the bottom of the HTML code.

Save the code
08
Save your changes

Click the Save button at the top right corner of the page builder, to save your changes.

Save your changes