Embed on website

1

Hi,

Is there a tutorial to show how to embed my uploaded shapespark file onto a website. I know there is html code but that just seems to put the link on the website.

I need to be able to show the image with the play button on my clients website. So their clients can press play and it goes straight to my model on shapespark.

Is this possible?

Thanks

John

2

The iframe embed code: https://help.shapespark.com/hc/en-us/articles/360008918897-Embedding-a-scene-in-a-website should do what you expect. Did you try this one?

3

Hi Jan,

It just states ’ Document not found"?

CODE
CODE.JPG2489×1166 104 KB

4

You also need to replace ‘your-user-name’ in the URL. Sorry about this, it should be capitalized in the doc and use some color to make it easier to notice.

5

Hi Jan,

Thanks for that. Could you check for me if this works properly? The code is below. I don’t want to give it to a client without being sure. Or is there another method I can check?

6

I think the forum editor might have removed your HTML code. But https://jsonformatter.org/html-pretty-print that you are using is good for checking if the iframe HTML code is correct.

For example if you enter there the following code:

<iframe style="width: 800px; height: 600px; border: none;"
    allowfullscreen allow="gyroscope; accelerometer; vr" scrolling="no"
    src="https://demo.shapespark.com/example-room/">
</iframe>

and click RUN, the right window will display the included scene and will allow to start it.

7

That’s working now Jan, thanks very much :wink:

8

Hi guys. I plan to embed a client’s project onto a website, after having the scene embedded should the client pay the monthly account to keep it on its website?

9

Three options that I may suggest are:

  1. Host the scene from your own Shapespark account and factor in the cost of maintaining your Shapespark subscription into the service price for the client.
  2. Ask the client to subscribe for a Shapespark plan and transfer the scene to them, so they would be managing the subscription and hosting duration on their own.
  3. Make a bundle from the scene (option available in the Plus plan or with the perpetual license) and transfer the bundle to the client for self-hosting on their own WWW hosting.
10

Hello, I am interedted in buy a license, but I need to do some proofs before to acquire it. Can I do a Project and public it on trial mode? or I have to adquire the licence.

11

Yes, you can create a scene and make it public (online) in the trial mode.

12

Hello. thanks for your answer, I was trying to insert a proyect on my website but, I have this problem: “Document not found”

This is the code, I’m using:

Thanks for your help

13

@Jorge_Monroy, the code doesn’t show up in your post. Could you edit it? Also, whats the URL of your scene?

14

Hello, the url of my scene is:
https://www.arca3d.net/realtime/

Code

    src="https://jorgemonroy.shapespark.com/escena1/">
15

Such a scene doesn’t exist on our hosting. Have you uploaded your scene using the “Upload” button in the desktop application?

16

Thanks, it’s working now

17

I used the iframe embed code that Jan indicated in the second post and works nicely!
the only issue that I find is that is not responsive for cell phones… can this be fixed ?

18

You can use viewport-relative iframe width and height as in: Embed windows is not responsive (it can’t adjust to the screen of mobile devices) solved! - #2 by wojtek

1 Like
19

Howdy,

I’d be interested to hear your thoughts on the solution you found, and to perhaps see what the results look like.

Thanks!

20

Howdy,

Have you had success in embedding the scene on a client’s site? I’d be interested in seeing the results.