# Best way to place a clickable 2D image in a 3D scene?

**URL:** <https://forum.8thwall.com/t/best-way-to-place-a-clickable-2d-image-in-a-3d-scene/5496>\
**Category:** Technical Support\
**Created:** [March 10, 2025, 3:25am UTC](https://forum.8thwall.com/t/best-way-to-place-a-clickable-2d-image-in-a-3d-scene/5496 "2025-03-10T03:25:13Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![kosuke\_yanagi](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/kosuke_yanagi/32/1606_2.png) [@kosuke\_yanagi](https://forum.8thwall.com/u/kosuke_yanagi)\
**Post date:** [March 10, 2025, 3:25am UTC](https://forum.8thwall.com/t/best-way-to-place-a-clickable-2d-image-in-a-3d-scene/5496/1 "2025-03-10T03:25:13Z")

</div>

I’m working with A-Frame in the 8th Wall Cloud Editor. I want to place a clickable 2D image in my 3D scene.

What is the best approach to achieve this?

AI suggested two methods:  
1. Using with a class and handling interactions via JavaScript.  
2. Using a raycaster for interaction detection.

Which method would be better in this case?

---

<div class="post-metadata">

**Author:** ![GeorgeButler](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/georgebutler/32/1903_2.png) [@GeorgeButler](https://forum.8thwall.com/u/GeorgeButler)\
**Post date:** [March 10, 2025, 5:02pm UTC](https://forum.8thwall.com/t/best-way-to-place-a-clickable-2d-image-in-a-3d-scene/5496/2 "2025-03-10T17:02:50Z")

</div>

Check out this sample project: 🙂

> **[Call to Action Link | 8th Wall Playground | 8th Wall](https://www.8thwall.com/playground/product-link)**
>
> This project demonstrates how to display a call to action and external link in AR. It is also helpful for labeling objects in a 3D scene.

---

<div class="post-metadata">

**Author:** ![Evan](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.8thwall.com/evan/32/431_2.png) [@Evan](https://forum.8thwall.com/u/Evan)\
**Post date:** [March 10, 2025, 5:04pm UTC](https://forum.8thwall.com/t/best-way-to-place-a-clickable-2d-image-in-a-3d-scene/5496/3 "2025-03-10T17:04:50Z")

</div>

You can also consider simply adding your image as a texture on a plane in the scene, and add the look-at component to the plane so it’s always rotated towards the camera:

> **[Green Screen Video + World Tracking | 8th Wall Playground | 8th Wall](https://www.8thwall.com/playground/alpha-video-slam-aframe)**
>
> Example of a green screen video placed on a surface using SLAM.