Canvasio3D Pro is an easy to install Plugin, with that you can show and configure 3D-Models of various formats in WordPress*

• Login to your WordPress Admin-Area.
• Move the mouse left to the menu: Plugins.
• Than click on the popup: Add New.
• On the next Page under the Title "Install Plugins", click on Upload.
• Then click the Button: "Browse ..." and select the File: "canvasio3dpro.zip."
• Activate the Canvasio3D Pro Plugin after the Upload.

Before any further install or Updates, please deactivated and delete the latest Version of the Canvasio3D Pro Plugin!

To upload a 3D-Model, click left on Canvasio3D Pro in the Dashboard of WordPress and then on the next Menu "3D-Model: Upload". After the WordPress Medialibrary is open, can you select one or more Files to upload, or search in the Library already stored 3D-Models for loading in Canvasio3D Pro. Simply click on the Menu text "3DModels" and then select your 3D-Model. Make sure that the switch on the bottom of the Library is on "File-URL".

In Canvasio3D Pro can you use Files in the following Format:

• .obj & .mtl
• .glb
• .gltf
• This formats are no longer supported since version 1.9.0: .dae | .fbx

To display your Models on a WordPress Page, you will find different functions in the Template Menu by Canvasio3D Pro. There can you adjust the size, the color, or the shadow of the 3D-Window for a Template.

Do you want to insert a Canvasio3D Pro Template into a WordPress Page, simply click above the Text Editor on the 3D-Icon, when you edit a Page:

After this, the following Shortcode becomes automatically inserted into your Page: [Canvasio3D Pro templateID="0" objectID="0"][/Canvasio3D Pro]

The templateID and objectID determined here which Template and Model is loaded, by the start of the WordPress page with your template. (The ID can you find, on the right-hand in the Canvasio3D Pro Menu: [Template | Setup | Name:] und [Model | Setup | Name:]. In this Menus can you see the number on the right side, that is shown in light gray.

The Template area is only displayed, if you are sign in as Administrator in WordPress!

Here can you create a new Model and upload an appropriate Thumbnail. (The preview will be shown later on the Template Page in the Sliders).

In addition, the bounding box volume is displayed for .stl models in the lower area.

Basic-Model and Sub-Model | Connection

If you want that your Visitors can connect two Models with each other, for example: "insert a Stone in a Ring", simply proceed as follows:

• Select "Basic Model" if you have loaded for example a Ring Model
• Select "Sub-Model" if this Model is to be inserted later in another Model
• Enter for a Basic Model the Model Category e.g. "Ring"
• "Sub-Models" can be "docked" at various Basic Models, therefore you can enter more than one category at Sub-Models. Simply enter the appropriate categories to which Part of the Sub-Model fits and saeparate the Words with commas.

The Words of the categories are only used internally by Canvasio3D Pro and will not shown to your Visitors.

Before you can use a Basic Model correctly, must you set for this Model a unique docking position by an Anchor Point.

If you use a Series of Sub-Models to fit into one Basic Model, be sure that all Sub-Models have the same scaling size.

Zip-File upload
You can also upload a zip file, which contains all the data for one or more 3D-Models. Simply click on the icon left of Upload. After transmission, the data will be stored as usual in the upload directory of WordPress.

Make sure that there are in the Zip-File no subdirectories!

Material Settings

In this area can you change the individuell material library of the loaded Model.

For this must the Model have material informations, but some file formats are not changeable, like e.g. the .stl format, that not has any material features.

This Menu allows you to set the appearance of the Background of the Model.

Background choise
Here can you choose different panoramic images for your Model as 3D-Background-, or upload a separate image for the 3D-Window with the upload button.

Scenes floor
In this setting can you select different floor surfaces or an animated "Ocean", and thus to make a scene for the 3D model more extensive.

Background Model
Here you can load a second static model for the background. For example, a garage for car models, or forest, houses, etc. (The rotation and position becomes unchanged loaded, as it was saved in the 3D program).

Technik Tipp

The Images for the scenes background are called "Qube-Maps / Skyboxes" and there are located here on your Web-Server, in the Plugin Directory of Wordpress:

.../Canvasio3D Pro/inc/resource/cubeMaps/skybox_0 ... .jpg

If you are familiar with the technique of Skyboxes, can you simply replace the Panoramic Images with your own Motives.

The graphic for the floor can you find here:

.../Canvasio3D Pro/inc/resource/floorMaps/caFloor_0 ... .jpg and can also change with your own images. You only need to note, that the images in .jpg format and 512x / 512Y pixels large.

If you want, can your Site Visitors combine two Models by simply clicking. For example, inserting a Gemstone in a Ring.

Set in the Setup-Menu first for this purpose, if a Model should be a Base Model-, such as a Ring, or a Part of a Basic Model-, such as a Gemstone.

In order for a partial Model to be seen on the right place in the basic Model, must you define the position and orientation of an Anchor Point:

In this Area can you enter additional Informations for a Model.

Just leave the text field empty, that should not be displayed on the WordPress Page.

The User Name in the field "Author" will automatically be entered and can only be edited by an Administrator.

In the Field: "Product ID", can you enter the corresponding ID of a WooCommerce Product, if you want to offer this Model- or Product for sale.

The Tags

In this menu can you create Templates for different WordPress Pages. To do this, simply enter in the Canvasio3D Pro shortcode the Template-ID, which appears in this menu on the right side of the "Name" field in light gray.

A ready Template can you insert into your WordPress Site with this code: [Canvasio3D Pro templateID="0" objectID="0"][/Canvasio3D Pro]

Turn on "WooCommerce" if you want to sell your Products. To connect a Model with a Product, need you later only enter the WooCommerce-ProduktID in the Info-Menü for your Models.

Address-Bar

User File-Upload

If you wish that visitors can upload own 3D-Models in a zip file or images on your server or Webspace, set the upload to "public use" or "only after registration". An upload without registration, however, is not recommended. The uploaded data is stored here in this directory: wp-content/uploads/canvasio3d/ ... guest (at no registration) ... or name of the User (after login).

The Template Area is only displayed when you have logged in as an Administrator in WordPress!

Each Template has a 3D-Window in which all Models are shown. Here can you adjust the size of the 3D-Window, or for example set a border around the 3D-Window.

In Canvasio3D Pro is the maximum Window size: 1200 (x) / 1200 (y) Pixels, or Full screen when the "Full-Screen Funktion" has been turned on in the visitor page.

Model Rotation:

For the automatic Model rotation, switch here "Model Rotation" to on and select the speed for the left/right (x) and up/down (y) rotation.

Zoom Limit:

Set the "Zoom in" Limit for the Camera.

If you want to change the Color of the Canvasio3D Pro Template, can you here adjust the Colors that fit to your WordPress Theme, or change here easy the colors for the Loading Bar.

For each Template can you show one or two Sliders for the thumbnails and you can display additional Information about the selected 3D-Model at the bottom of the 3D-Window in a Info-Box.

Slider

For the Slider can you choose whether one- or two to be shown in the Tempate. If you choose two Sliders, than would are Sub-Model ever shown on the second Slider.

Set the Slider on "Top & Bottom", if you want to present Models that can be put in other Models as Sub-Models.

Set Slider to "Top", if you do not use the combination function of Canvasio3D Pro for the Models.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

*Since March 2011, WebGL is supported by Google’s Chrome and Mozilla’s Firefox Web browser, and is enabled by default in browser prerelease versions of Safari and Opera. WebGL requires a 3D hardware acceleration (3D graphics card / 3D chip). Source: Wikipedia