Back to the Shapespark home page

Customising play button

Hello,

Is it possible to change the Play Icon from which the tour begins ? A lot of my users don’t interact with it as they feel it’s a video and not an interactive tour. Can I use some custom image file and replace it ?

The easiest approach is to append #autoplay to the URL, to start loading the scene without user interaction. Would it be suitable in your case?

No, that would not help as I am showing multiple columns where a user needs to click to play the tour. If I enable autoplay in every tour, my page load time will increase and user experience will also decreased.

Customisation of the play button would be great.

We have received feedback that the current play icon is confusing a couple of times already, so we will change it to something that more clearly indicates that a 3D scene will be loaded, not a video.

For now, if you have a more suitable icon hosted on some external server, you can replace the default icon with a following body-end.html file:

<script>
  document.getElementById('play-button').src = "https://img.icons8.com/material-sharp/24/000000/3d-select.png";
</script>
1 Like