Steps to integrate an HTML5 animation on WordPress

08. WordPress

Steps to embed

Step 1. Add New Plugin

Click “Plugins” in the left side, and select “Add New”


Step 2. Search and install “iframe” Plugin

Enter “iframe” in search input field, then install it


Step 3. Activate “iframe” Plugin

Click “Activate Plugin”


Step 4. Add New Post

Click “Posts” in the left side, and select “Add New”


Step 5. Input Iframe

Use “iframe” plugin systax to embed animation


<!-- input your animation link into src attribute -->
[iframe src="https://truview.ortery.com/HTMLJavaScript/Lens_Spherical/HTML5Viewer.html" width="100%" height="500"]


Step 6. The Result of Product Page

When product is added successfully, the page will look like:


    • Related Articles

    • 12. Website for ImageCreator

      Single Embedded Animation By embedding a standalone animation into the website you give customers multiple views in one window. There is no need to click through different thumbnails to try to find the image or angle of the product you are looking ...

    • 04. Magento 2

      PackshotCreator - OrteryCapture Step 1. Install the extension Open Magento root directory, and create app/code/ directory. Then unarchive module .zip file. Open “Terminal”, and go to Magento root directory. Input “php -f bin/magento module:enable -c ...

    • 02. eBay

      Steps to embed Step 1. Create a HTML animation using a PackshotCreator solution Step 2. Upload the entire animation folder to an online hosting server Step 3. In the folder on your server, look for the ‘*.html’ file Step 4. Cut and paste this link ...

    • 04. Shopify

      Embed SAAS Photo animation Step 1. Install Shopify App to Store Enter App page, then input your shopify domain to install Step 2. Confirm Installation Click install app button Step 3. Link SAAS Photo Animation Input SAAS Photo share link into image ...

    • 01. Bigcommerce

      Steps to embed Step 1. Enter “Add a Product” Page Click “Products” in the left side, and select “Add” Step 2. Open “HTML Source Editor” Click “HTML” button on the right top corner of description form Step 3. Input <iframe> Tag Write <iframe> tag, ...