canvasio3D Robot

Canvasio3D Light
The free way to show 3D-Models in WordPress


Canvasio3D Light | Version: 1.4.1

Canvasio3D Light is an tool to present your 3D-Models in WordPress. It has only short-codes and no Menu-Options like our Pro-Version or Canvasio3D Woo, but it's free and easy to use!

Canvasio3D Light | Version: 1.4.1

Download it on wordpress.org



Canvasio3D Light

Youtube video from Reevo


7 Steps to your 3D-Model on your WordPress Website:

  • 1. Install and activate the plugin: “Canvasio3D Light” in WordPress
  • 2. Upload all data of your 3D-Model in WordPress with the Media Manager e.g.: model.mtl | model.obj | model.jpg
  • 3. Create a new empty page in WordPress for a test
  • 4. When editing the new page, click at the top of the toolbar on the 3D Icon
  • 5. After inserting the short-code, mark the points with the mouse: objPath="..."  and click the “Add File” button
  • 6. Select a model in the Media Manager and enter the scale of the model in the short-code, e.g.: „8“ like: objScale=”8″
  • 7. Refresh the page and view the result | The scaling may still adapt – done :)

Here are all the short-codes that you can use in Canvasio3D Light:


width=" " ( Width of the 3D-Window – Number – max.: 940 )
height=" " ( Height of the 3D-Window – Number – max.: 940 )
text=" " ( Info text in the 3D-Window )
textCol=" " ( Text color in Hex-Color value e.g.: #FF9900 )
border=" " ( Frame thickness e.g.: 3 – Number )
borderCol=" " ( Frame color in Hex-Color value e.g.: #dddddd )
backCol=" " ( Background color of 3D-Window in Hex-Color value e.g.: #FFFFFF )
dropShadow=" " ( Shadow frame of the 3D-Window e.g.: 4 – Number )
loadingText=" " ( Alternative text instead of “Loading …” )
Help=" " ( On / Off | Display error messages )

objPath=" " ( URL for the 3D-Model – File formats: .stl / Three- .js / .obj & .mtl / .dae )
mousewheel=" " ( on / off | disable or enable the mousewheel )
vector=" " ( on / off | show the model as wireframe )
objScale=" " ( Size of the 3D-Model e.g.: 0.05 – Number)
objCol=" " ( Color of the 3D-Model in Hex-Color value e.g.: #FFFFFF )
texturPath=" " ( URL for a separate texture | Not possible In the .stl format )
shine=" " ( Sheen in Hex-Color value e.g.: #FFFFFF )
ambient=" " ( Brightness of the Model in Hex-Color value e.g.: #FFFFFF )
lightSet=" " ( Various lightings: 1 to 8 – Number )
mouse=" " ( On | Mouse click & Mouse wheel functions )
rollMode=" " ( Auto / MouseOver | Rotation of the 3D-Model | Automatic rotation without a mouse: “off” )
rollSpeedH=" " ( Automatic horizontal rotation speed: 0 to ca. 20 – Number )
rollSpeedV=" " ( Automatic vertikale rotation speed: 0 to ca. 20 – Number )
zoom=" " ( Camera zoom – Number )
objPath=" " ( box, ball, panel, octa, torus | Alternative 3D-Models “easy3D-Model” )
floor=" " ( On | Switch a floor on )
floorHeight=" " ( Floor height | defaul=42 – Number )
reflection=" " ( fire, marvel, points, ruge, silver, spot, stars, water, shine1, shine2, shine3 | Additional 3D-Model reflection )
refVal=" " ( 1 to 10 | Strength of the 3D-Model reflection )
objShadow=" " ( On | Turns object shadow )
lightRotate=" " ( On | Turns rotation of Light Sets )