Embed the viewer - 3DVieweronline https://www.3dvieweronline.com/documentation_cat/embed-the-viewer/ Online collaboration platform for 3D models Thu, 27 Jul 2023 15:31:48 +0000 en-GB hourly 1 https://wordpress.org/?v=6.4.2 https://www.3dvieweronline.com/wordpress/wp-content/uploads/2023/02/cropped-icon-32x32.png Embed the viewer - 3DVieweronline https://www.3dvieweronline.com/documentation_cat/embed-the-viewer/ 32 32 Magento extension https://www.3dvieweronline.com/docs/magento-extension/ Tue, 13 Dec 2022 13:30:45 +0000 https://www.3dvieweronline.com/?post_type=docs&p=688 Magento extension You can embed a 3D model in your Magento website by using the 3DVieweronline Magento extension. Once the extension is activated, you can embed a 3D model by simply clicking on the 3D Model Viewer icon available in your editor, from any content or product page. A 3D Model Viewer window will pop […]

The post Magento extension appeared first on 3DVieweronline.

]]> Magento extension

You can embed a 3D model in your Magento website by using the 3DVieweronline Magento extension.

  • Search the 3DVieweronline extension from the Magento marketplace.
  • Install and activate the extension.
  • Enjoy! 🙂

Once the extension is activated, you can embed a 3D model by simply clicking on the 3D Model Viewer icon available in your editor, from any content or product page.

A 3D Model Viewer window will pop up, asking for the 3D Model URL and for the 3D Viewer Width and Height.

Fill-in those values and click on Insert to finalise. The 3D Viewer will be then included in your page.

The post Magento extension appeared first on 3DVieweronline.

]]> WordPress plugin https://www.3dvieweronline.com/docs/wordpress-plugin/ Tue, 13 Dec 2022 13:29:49 +0000 https://www.3dvieweronline.com/?post_type=docs&p=687 You can embed a 3D model in your WordPress website by using the 3DVieweronline WordPress plugin. Add the 3DViewerOnline Iframe block on the page (Blocks->Embeds->3DViewerOnline Iframe) Embed 3D models into WordPress/WooCommerce product pages: Embed 3D models into WordPress/WooCommerce product pages using the short code: [3Dvo-model url=model_url id=3Dvo width=640 height=480 autosize=yes]changed to:[3Dvo-model url=https://www.3dvieweronline.com/members/Id00ec53c4682d36f5c4359f4ae7bd7ba1/J8rdYwXNBqtjdzj id=3Dvo width=640 height=480 […]

The post WordPress plugin appeared first on 3DVieweronline.

]]> You can embed a 3D model in your WordPress website by using the 3DVieweronline WordPress plugin.

  • Search the 3DVieweronline in the WordPress marketplace.
  • Download/Install the plugin.
  • Activate the plugin by pressing the “Activate” button.
  • Enjoy! 🙂

Add the 3DViewerOnline Iframe block on the page (Blocks->Embeds->3DViewerOnline Iframe)

  • Copy the URL of the 3D model you want to embed from your 3DVieweronline account
  • Paste the URL in the 3DViewerOnline Iframe block of your WordPress

Embed 3D models into WordPress/WooCommerce product pages:

  • Copy the URL of the 3D model you want to embed from your 3DVieweronline account
  • Paste the URL in the 3D Viewer Online tab of your WordPress product page
  • Edit the 3D Viewer Online Plugin settings to select your favourite integration

Embed 3D models into WordPress/WooCommerce product pages using the short code:

  • Copy the URL of the 3D model you want to embed from your 3DVieweronline account
  • Add the 3DViewerOnline short code from the Visual editor icon
  • Replace the `model_url` keyword with the URL of your model
[3Dvo-model url=model_url id=3Dvo width=640 height=480 autosize=yes]
changed to:
[3Dvo-model url=https://www.3dvieweronline.com/members/Id00ec53c4682d36f5c4359f4ae7bd7ba1/J8rdYwXNBqtjdzj id=3Dvo width=640 height=480 autosize=yes]

You can change the 3D viewer player width and height according to your preference.

The post WordPress plugin appeared first on 3DVieweronline.

]]> iFrame https://www.3dvieweronline.com/docs/iframe/ Tue, 13 Dec 2022 13:28:11 +0000 https://www.3dvieweronline.com/?post_type=docs&p=685 Embed the viewer using an <iframe> tag To embed a model in your website through the <iframe> tag, you can either copy the code from your account page or create it yourself. In the first case, from your model details page just click on the Embed button and configure the viewer dimensions. The <iframe> tag is automatically updated according to your […]

The post iFrame appeared first on 3DVieweronline.

]]> Embed the viewer using an <iframe> tag

To embed a model in your website through the <iframe> tag, you can either copy the code from your account page or create it yourself.

In the first case, from your model details page just click on the Embed button and configure the viewer dimensions. The <iframe> tag is automatically updated according to your preference. Copy then the code generated and paste it in your desired location within the <body> tags in your page, see the example below :

<body>
...
<iframe id='3dviewerplayer' type='text/html' width='640' height='480' src='https://www.3dvieweronline.com/members/Id00ec53c4682d36f5c4359f4ae7bd7ba1/J8rdYwXNBqtjdzj' frameborder='0' scrolling='no' allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>
...
</body>

If you want to create the <iframe> tag yourself, you will need to specify at least the src URL and the viewer dimensions width and height. The src defines the URL of the model to be embedded, while width and height specify the 3D viewer player width and height in the page. You can specify a different id if desired and change the frameborder or the scrolling options. The last part of the iframe tag allowfullscreen webkitallowfullscreen mozallowfullscreen allows you to enlarge the 3D viewer player to fullscreen size if requested.

The post iFrame appeared first on 3DVieweronline.

]]>