After you have created the KeyShotXR, you will find the files in your KeyShot Resources folder under Animations or in the location you selected in the KeyShotXR Wizard.
Displaying the KeyShotXR on a Wordpress website, is much like displaying a KeyShotXR on any website with static pages. If you want to include the KeyShotXR or Web Configurator in your Wordpress site you can embed it using a Wordpress plugin or you can simply add it via an iframe.
Locaction: Before you can embed your KeyShotXR or Web Configurator into your Wordpress site, you need to make it available online. Upload the entire KeyShotXR or Web Configurator folder to your web server. (E.g. uploading my_keyshotxr folder to /srv/www/wordpress/xr/ would display the KeyShotXR at yourwebsite.com/xr/my_keyshotxr/)
You will need FTP/SFTP access to your webserver or request your site admin to upload for you.
Embed a KeyShotXR
When you render your KeyShotXR the folder will also include instructions.html. Here you can find a section of code which almost can be copied directly into the Wordpress editor on the page/post you want to embed it into. All you need to edit is the src url so it points to the location on the web server
Upload the KeyShot XR folder to your webserver
Copy the KeyShotXR code found in the instructions.html file
Log into the admin panel of your Wordpress site and select/create the page/post where you want the KeyShotXR to appear.
Ensure that you select the Text tab (not the Visual tab) on the Wordpress post/page edit screen.
Paste the code from the instructions file into the editor.
Make sure the src url location of the html file in the code matches the location of the upload.
If you are uploading to a secure website with SSL, make sure to use https instead of http in the src url.
The styling and div's around the iframe ensures that element works in a responsive layout. It will adapt to the width of the container, without loosing the aspect ratio.