Logo
  • For Artists
  • For Developers
  • User Guide
Adding Clickables

Adding Clickables

image
‣
First Steps
‣
UI & Interaction
‣
Interactable Components
‣
Styles
‣
Rendering
‣
PCG
‣
Creating an Experience

Adding clickables

Clickable components are a great way to indicate that something can be interacted with. This can be used to open product pages, take users to different links, or used within a game to collect items.

You can read more about clickable elements here.

Steps

  1. Open the "Place Actors" tab and go to "Emperia Interactables.”
  2. Drag and drop the "Clickable" type into the scene.
  3. Create a Style data asset.
  4. In the Style asset, define the type to be Image and upload an image that you want to use.
  5. Attach the created Style asset to the Clickable component as shown here.
Adding Clickable interactable element to the Scene
Adding Clickable interactable element to the Scene
Clickable element inside Unreal.
Clickable element inside Unreal.
Clickable element inside the virtual experience.
Clickable element inside the virtual experience.

We suggest you experiment with different Style types, such as ImageAnimation and Video. You can find more information on how that is set up here.

Wrapping up

Congratulations! You have successfully created a Style data asset and created a Clickable object. Now, you will be able to re-use the style for different clickable elements if necessary, and will be able to invoke certain actions when a user clicks on the cube.

Help & Support

If you have questions, suggestions, or feature requests, please join the Official Emperia Discord channel!

You can find support here through private support tickets or general conversation. You will also have the opportunity to showcase your work and chat with like-minded individuals across industries using Creator Tools, Unreal Engine, those creating immersive experiences, and more!

If you prefer, you can also reach out to us via email.

← UI: Getting Started

Adding Products →

On this page

  • Adding clickables
  • Steps
  • Wrapping up
  • Help & Support
Logo

Contact Support

Website

2024 Emperia. All rights reserved.

DiscordXYouTubeInstagramLinkedIn