> For the complete documentation index, see [llms.txt](https://docs.renderdraw.us/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.renderdraw.us/usage-scenarios/use-cases/3d/admin/examples/field-service-and-self-service/interactive-product-guidance.md).

# Interactive Product Guidance

**Prerequisites**

1. Base RenderDraw setup completed
   1. Instructions here: [Getting Started With RenderDraw](/introduction/getting-started-with-renderdraw.md)

**Set Up A Guided Product Explosion**

1. Navigate to the desired Product record 1.

   ```
   <figure><img src="../../../../../../.gitbook/assets/image.png" alt=""><figcaption></figcaption></figure>
   ```
2. Navigate to RenderDraw 3D Admin tab (created earlier in general setup) 1.

   ```
   <figure><img src="../../../../../../.gitbook/assets/image (1).png" alt=""><figcaption></figcaption></figure>
   ```
3. Navigate to sub tab called "Custom Explosion Studio"
   1. \\

      <figure><img src="/files/Zyr7GJj15i1V2X2yJUER" alt=""><figcaption></figcaption></figure>
4. Click "Add Custom Explosion" 1.

   ```
   <figure><img src="../../../../../../.gitbook/assets/image (5).png" alt=""><figcaption></figcaption></figure>
   ```
5. Create/Add A Frame and click the pencil icon to edit the specific frame 1.

   ```
   <figure><img src="../../../../../../.gitbook/assets/image (6).png" alt=""><figcaption></figcaption></figure>
   ```
6. Adjust camera, click on specific piece of model and/or use the Elements tab to find the specific piece of the model, and create annotation to describe the given step or area
   1. Annotations can reference text, image url, video url, or other link 1.

      ```
      <figure><img src="../../../../../../.gitbook/assets/image (7).png" alt=""><figcaption></figcaption></figure>
      ```
7. Click "Set Camera" and Click "Save" 1.

   ```
   <figure><img src="../../../../../../.gitbook/assets/image (8).png" alt=""><figcaption></figcaption></figure>
   ```
8. Repeat to create as many frame as neccessary
