Introduction

<aside> 💡 A product experience builder is a feature or tool that enables businesses to create immersive and engaging experiences around their products within the Dyrect platform. It allows users to design and customize the entire product journey, from discovery to purchase and beyond, with the aim of enhancing customer satisfaction and loyalty.

</aside>

How to create a product experience for a product**?**

This feature is used to create product experience for a product.

The client can create a Product experience by following few simple steps as follows:

<aside> 1️⃣ Go to the Dyrect client portal and log in with your credentials. You will be redirected to the Dashboard.

</aside>

<aside> 2️⃣ Click on the 'Experience' option.

After clicking on ‘Experiences’., a new page will appear on your screen.

</aside>

<aside> 3️⃣ Click on ‘Create New Experience’.

</aside>

<aside> 4️⃣ Enter all the required details:

• Experience Name: Provide a descriptive name for the experience you are creating.
• Brand: If you intend to associate the experience with a specific brand, select the brand name from the dropdown menu.
• Product: If you intend to create a product experience specifically tailored to a particular product, select the product option from the dropdown menu. This allows you to customize the experience specifically for that product. If not, you can proceed without selecting a specific product.
• Module: Choose the module for which you are creating the experience from the available options.
• Experience Description (optional): Provide a brief description of the experience to provide context or additional information. </aside>

<aside> 5️⃣ Click on ‘Create Experience’. After clicking on create experience a new page will open in your screen.

Features Available:

• Add Action: Click on the "Add Action" button highlighted above and choose from the options you want to use. For example, if you want to add a video, click on the "Video" option. You can also upload external links, service center information, and more.
• Product Experience Preview: The options you add will be displayed on the right side of the page in the Product Experience Preview section.
• Preview: To preview the product experience, click on the "Preview" option at the top of the page. This allows you to see how the product experience will appear to users before publishing it. </aside>

Let's add some options and delve into them in detail to gain a better understanding.

<aside> 6️⃣ We have selected the "Video" option from the available actions.

After clicking on Video option a new page will appear on your screen.

CTA ICON: You have the option to include an icon along with the Call-to-Action (CTA) to enhance its visual appeal and effectiveness.

Call to Action (CTA): The CTA represents the action that users are prompted to take. For example, it could be watching a YouTube video.

Video Type: The video type can be static or dynamic.

choose dynamic option from the dropdown.

Click on the ‘save ‘ option. After adding all the options as per requirement this is how to it will reflect on your screen.

After making all the required changes click on save option.

</aside>

<aside> 7️⃣ Go back to the 'Products' option

</aside>

<aside> 8️⃣ choose the specific product for which you wish to create a product experience. You have the flexibility to tailor unique product experiences for different products based on your requirements.

Click on the dropdown button in front of the product to which the points are to be added under the Action column. click on edit option.

After clicking on ’Edit’ option a new page will appear on your screen.

</aside>

<aside> 9️⃣ Click on Product Experience Option.

This is how it will reflect on your screen.

This screen displays all the details you've added while creating experiences. Now, you can add specific details for each product.

</aside>

<aside> 🔟 After adding all the details. you can preview the details added by simply clicking on preview option.

   Click on **'Save’** option.

Now your experience for a product is successfully added.

</aside>

A Sample Product Experience for reference.

This is how the interface will appear after creating, ensuring a better user experience with clear navigation and accessibility.