# Show 3D model on web page

**URL:** <https://discourse.shapr3d.com/t/show-3d-model-on-web-page/9058>\
**Category:** Modeling Questions\
**Created:** [September 20, 2020, 4:02am UTC](https://discourse.shapr3d.com/t/show-3d-model-on-web-page/9058 "2020-09-20T04:02:18Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gray](https://avatars.discourse-cdn.com/v4/letter/g/5fc32e/32.png) [@Gray](https://discourse.shapr3d.com/u/Gray)\
**Post date:** [September 20, 2020, 4:02am UTC](https://discourse.shapr3d.com/t/show-3d-model-on-web-page/9058/1 "2020-09-20T04:02:19Z")

</div>

Does anyone know the best way to put Shapr3D models on a WordPress site.

The common formats seem to be glTF, glb, stl and obj+mtl.  
Shapr3D exports STL and Obj (without the materials).

Many thanks

---

<div class="post-metadata">

**Author:** ![Gelphyn](https://avatars.discourse-cdn.com/v4/letter/g/db5fbb/32.png) [@Gelphyn](https://discourse.shapr3d.com/u/Gelphyn)\
**Post date:** [September 20, 2020, 5:09am UTC](https://discourse.shapr3d.com/t/show-3d-model-on-web-page/9058/2 "2020-09-20T05:09:10Z")

</div>

@Gray  
Is this of any use:

[https://wordpress.org/support/topic/dng-or-nef-image-formats/](https://wordpress.org/support/topic/dng-or-nef-image-formats/)

It contains the following:

Plugin Author[![](https://us1.discourse-cdn.com/flex002/uploads/shapr3d/original/2X/0/0199669560a61f40d3a6bc578533b5b2c3a30f5b.png)WP Media](https://wordpress.org/support/users/wp_media/)

(@wp\_media)

[1 year, 10 months ago](https://wordpress.org/support/topic/dng-or-nef-image-formats/#post-10886909)

Hi,  
No it’s not possible to optimize these format. We do support PNG, JPG, GIF and PDF

---

<div class="post-metadata">

**Author:** ![Vassi\_solutions](https://avatars.discourse-cdn.com/v4/letter/v/bc79bd/32.png) [@Vassi\_solutions](https://discourse.shapr3d.com/u/Vassi_solutions)\
**Post date:** [September 20, 2020, 2:30pm UTC](https://discourse.shapr3d.com/t/show-3d-model-on-web-page/9058/3 "2020-09-20T14:30:38Z")

</div>

Have you tried Sketchfab?

You can upload your models to it and embet them on your page.

> **[How to Embed 3D Models on my Website? | Embed your First 3D Model](https://sketchfab.com/blogs/enterprise/news/getting-started-with-sketchfab)**
>
> Using Sketchfab is simple: simply create a 3D model optimized for your use case, upload it to your account, and embed it where needed.

> **[Kubrick Wing Back Chair, Scuba Blue | MADE.com](https://www.made.com/kubrick-wing-back-chair-scuba-blue)**

---

<div class="post-metadata">

**Author:** ![Gray](https://avatars.discourse-cdn.com/v4/letter/g/5fc32e/32.png) [@Gray](https://discourse.shapr3d.com/u/Gray)\
**Post date:** [September 20, 2020, 4:16pm UTC](https://discourse.shapr3d.com/t/show-3d-model-on-web-page/9058/4 "2020-09-20T16:16:33Z")

</div>

Thanks.

I’ll keep looking and report back if I succeed.

---

<div class="post-metadata">

**Author:** ![Gray](https://avatars.discourse-cdn.com/v4/letter/g/5fc32e/32.png) [@Gray](https://discourse.shapr3d.com/u/Gray)\
**Post date:** [September 20, 2020, 4:25pm UTC](https://discourse.shapr3d.com/t/show-3d-model-on-web-page/9058/5 "2020-09-20T16:25:19Z")

</div>

Thanks for the suggestion. $79 per month is rather a lot for occasional use.

---

<div class="post-metadata">

**Author:** ![Vassi\_solutions](https://avatars.discourse-cdn.com/v4/letter/v/bc79bd/32.png) [@Vassi\_solutions](https://discourse.shapr3d.com/u/Vassi_solutions)\
**Post date:** [September 20, 2020, 4:49pm UTC](https://discourse.shapr3d.com/t/show-3d-model-on-web-page/9058/6 "2020-09-20T16:49:03Z")

</div>

$79 a month is for the companies premium membership.  
You can embet with the individual plans too I think. From $0-15 a month.

> **[Plans & Pricing](https://sketchfab.com/plans/individuals)**
>
> Learn more about Sketchfab's affordable premium plans and discover which one is right for your needs.

---

<div class="post-metadata">

**Author:** ![Gray](https://avatars.discourse-cdn.com/v4/letter/g/5fc32e/32.png) [@Gray](https://discourse.shapr3d.com/u/Gray)\
**Post date:** [September 20, 2020, 10:01pm UTC](https://discourse.shapr3d.com/t/show-3d-model-on-web-page/9058/7 "2020-09-20T22:01:27Z")

</div>

Thanks Christian, That’s better.

---

<div class="post-metadata">

**Author:** ![Vassi\_solutions](https://avatars.discourse-cdn.com/v4/letter/v/bc79bd/32.png) [@Vassi\_solutions](https://discourse.shapr3d.com/u/Vassi_solutions)\
**Post date:** [October 4, 2020, 10:36am UTC](https://discourse.shapr3d.com/t/show-3d-model-on-web-page/9058/8 "2020-10-04T10:36:22Z")

</div>

You could also try out AR quicklook from apple .

Lamborgini use it in this page

> **[Lamborghini Huracán EVO RWD SPYDER | Lamborghini.com](https://www.lamborghini.com/en-en/models/huracan/huracan-evo-rwd-spyder#ar)**
>
> The Huracán EVO RWD Spyder is dedicated to those who believe in the pure pleasure and excitement of driving, an experience heightened by the adrenaline that comes from open-top performance. Discovering new roads with the wind in your hair, heart...

Here are some resources

> **[Viewing Augmented Reality Assets in Safari for iOS](https://webkit.org/blog/8421/viewing-augmented-reality-assets-in-safari-for-ios/)**
>
> Safari on iOS 12 supports viewing 3D models and allows you to see them in Augmented Reality (AR).

> **[Apple Developer Documentation](https://developer.apple.com/documentation/arkit/previewing_a_model_with_ar_quick_look)**

> **[Quick Look Gallery - Augmented Reality - Apple Developer](https://developer.apple.com/augmented-reality/quick-look/)**
>
> Embed Quick Look views in your apps and websites to let users see incredible detailed renderings in 3D or AR.