> 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/cad-conversion/cad-conversion-using-admin-ui/cad-conversion-ui-within-salesforce.md).

# CAD Conversion UI within Salesforce

{% embed url="<https://app.tango.us/app/workflow/CAD-Conversion-41ecfd13b7af4c8181a81036430ec5d8>" %}

## [CAD Conversion](https://app.tango.us/app/workflow/41ecfd13-b7af-4c81-81a8-1036430ec5d8?utm_source=magicCopy\&utm_medium=magicCopy\&utm_campaign=workflow%20export%20links)

#### 1. Login to your Salesforce instance as an Admin with RenderDraw Admin Permission Set applied

#### 2. Click on App Launcher

![Click on App Launcher](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/2ec4b224-332e-4ae9-8b4f-84c284f875b5/18f2866a-3765-47b9-a234-175316257418.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.0217\&fp-y=0.0738\&fp-z=3.2742\&w=1200\&ar=2624%3A1476)

#### 3. Click on View All

![Click on View All](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/92e563c1-46ae-48ce-ab10-81efde0d21bc/febb0cc9-48d4-4cec-ac3c-0aff0dac56a2.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.0358\&fp-y=0.4563\&fp-z=2.9891\&w=1200\&ar=2624%3A1476)

#### 4. Click on the app "RenderDraw Tools & Settings"

![Click on the app "RenderDraw Tools & Settings"](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/c3797c4a-7c50-4cd6-875c-5cb6c12afe02/c4899561-ea69-448b-85b8-ae7186fd31a3.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.2054\&fp-y=0.6992\&fp-z=2.1593\&w=1200\&ar=2624%3A1476)

#### 5. The RenderDraw Settings App is loaded and by default the Data Utilities are selected

![The RenderDraw Settings App is loaded and by default the Data Utilities are selected](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/7ea1a582-e3b1-4c90-adec-b8c2c8891d5c/7cbbbb0f-d2ab-4ed0-85ae-f641db727f39.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.5099\&fp-y=0.1450\&fp-z=1.0388\&w=1200\&ar=2624%3A1476)

#### 6. Let's get to converting, Click on CAD Conversion

![Let's get to converting, Click on CAD Conversion](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/61ae3179-4d2e-4586-8f2b-c02d01142104/595418f1-ec06-4382-a8a8-16e3e19ef6f8.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.0572\&fp-y=0.3347\&fp-z=2.5105\&w=1200\&ar=2624%3A1476)

#### 7. This displays the CAD conversion wizard.

All files processed need to be compressed into a ZIP file. Each file call made counts as an API call to RenderDraw's server, and if multiple CAD files are present, each conversion will count as an API call.

![This displays the CAD conversion wizard.](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/b03b3f9e-ff91-4d1d-89a5-8451cc0dc3f4/8594592c-6f43-4651-96cf-cff07088286e.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=2624%3A1476)

#### 8. Select your ZIP file, ours is "62CUNH.dwg.zip" from the file upload menu

![Select your ZIP file, ours is "62CUNH.dwg.zip" from the file upload menu](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/5b9e5317-6041-4a68-8bd6-f83fa89d9a31/60b4a320-2369-4403-98e7-4b44d24f7a0d.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.5492\&fp-y=0.8577\&fp-z=3.3249\&w=1200\&ar=2624%3A1476)

#### 9. Status messages are displayed based on the conversation happening between Salesforce and RenderDraw's API

![Status messages are displayed based on the conversation happening between Salesforce and RenderDraw's API](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/290c9067-7339-41f8-ad00-eca7856edbb1/655940ee-843e-4c6c-b606-bf4ba5eb2e49.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.2016\&fp-z=1.6872\&w=1200\&ar=2624%3A1476)

#### 10. Click on Download Converted File. This will download the ZIP file containing your converted, compressed files.

![Click on Download Converted File. This will download the ZIP file containing your converted, compressed files.](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/80d5bab4-1a91-4c3f-9ae6-e1f607972256/f5f97f75-b28d-4e4a-a20a-5143bfc1e7d2.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.1785\&fp-y=0.9170\&fp-z=2.4382\&w=1200\&ar=2624%3A1476)

#### 11. Verify the converted file is present in the unzipped folder, it's format will be .glb

![Verify the converted file is present in the unzipped folder, it's format will be .glb](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/56b40b4c-68f1-48d1-a145-658b93970690/8bebb80b-a418-4e38-8daf-24390382222b.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&fp-z=1.0000\&w=1200\&ar=472%3A182)

#### 12. Great! Now that we confirmed the conversion worked let's host this in Salesforce. Click on App Launcher

![Great! Now that we confirmed the conversion worked let's host this in Salesforce. Click on App Launcher](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/46c69992-5e17-4a7c-a6f3-2f3a670b537f/29482375-a041-432e-8510-0116b68019e7.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.0217\&fp-y=0.0738\&fp-z=3.0956\&w=1200\&ar=2624%3A1476)

#### 13. Type "files"

![Type "files"](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/ccf1b541-257f-46af-bfb9-bcb058d65a2b/5c89087f-3069-44c1-af5a-69d466e7e825.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.1105\&fp-y=0.1379\&fp-z=2.0806\&w=1200\&ar=2624%3A1476)

#### 14. Click on option

![Click on option](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/0ed288b9-eef1-4fc3-8730-6fef2ccc4f48/7a4d5ac4-9bf7-42db-af10-11140c5f5ed2.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.0293\&fp-y=0.2724\&fp-z=3.1418\&w=1200\&ar=2624%3A1476)

#### 15. Click on Upload Files

![Click on Upload Files](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/a32bc0be-c7a4-447b-8598-33d320947207/d4977b57-a50e-4b27-a65e-9d30a7e99fbd.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.7918\&fp-y=0.2487\&fp-z=2.0088\&w=1200\&ar=2624%3A1476)

#### 16. Select the file from the conversion. Ours was named 62CUNH.glb

![Select the file from the conversion. Ours was named 62CUNH.glb](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/48c0348d-66d8-4332-9d47-76da914633ba/75cdb327-dce9-4930-892e-9c2f8521718e.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.5021\&fp-y=0.5006\&fp-z=1.0088\&w=1200\&ar=2624%3A1476)

#### 17. Once uploaded, Click on the file name

![Once uploaded, Click on the file name](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/6353c3b0-93bb-447b-8fba-7423c1b0be51/5f7a15af-9af6-45a4-9b50-914dda9412e7.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.1883\&fp-y=0.2636\&fp-z=3.0050\&w=1200\&ar=2624%3A1476)

#### 18. Click on Show More

![Click on Show More](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/ab4b25c2-0177-4257-8c78-ba58c8ae79dd/2bc19800-0bb9-4f22-8a1c-a866c5a4abd7.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.6037\&fp-y=0.0318\&fp-z=3.1087\&w=1200\&ar=2624%3A1476)

#### 19. Click on View File Details

![Click on View File Details](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/97695376-1001-4728-99c8-3080313ea289/49cd35c9-3c14-4041-93c5-14685a3985ca.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.6492\&fp-y=0.0857\&fp-z=2.7909\&w=1200\&ar=2624%3A1476)

#### 20. From the file details, copy the Content Document Id from the URL. We'll use this to set the scene.

![From the file details, copy the Content Document Id from the URL. We'll use this to set the scene.](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/ade5cf8f-9ad9-45df-b7aa-10a53d82011d/93b9bb79-bc70-4107-9936-ad4a3fc03479.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.5797\&fp-y=0.2501\&fp-z=2.0000\&w=1200\&ar=2568%3A1548)

#### 21. Let's go to the record where we want this 3D. Click on App Launcher

![Let's go to the record where we want this 3D. Click on App Launcher](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/0d7234be-f495-429a-89c9-11f09003d8c6/0c0a67e3-cce7-4036-9c1b-cab5dad03a0c.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.0217\&fp-y=0.0738\&fp-z=3.0956\&w=1200\&ar=2624%3A1476)

#### 22. This example, we'll use a Product to use this converted 3D file

![This example, we'll use a Product to use this converted 3D file](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/0187b20d-6726-48c5-9955-7c73b552973b/e685298b-47b5-43d9-8df6-2c4b031f6b9f.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.0381\&fp-y=0.2724\&fp-z=2.9778\&w=1200\&ar=2624%3A1476)

#### 23. Once you locate your record and you've added the 3D Scene Director component to your page, let's add the converted drawing to this visualization. Click on the Visualization tab, then the Attributes section.

![Once you locate your record and you've added the 3D Scene Director component to your page, let's add the converted drawing to this visualization. Click on the Visualization tab, then the Attributes section.](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/bc6f21ee-0608-4f62-be5f-00e2a0fb0c7b/4f677476-0f62-447d-b073-47d72ee56dbd.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.0522\&fp-y=0.5332\&fp-z=3.1087\&w=1200\&ar=2624%3A1476)

#### 24. Paste your Content Document into the Content Version Input. This input can accept either Content Documents or Content Versions Ids.

![Paste your Content Document into the Content Version Input. This input can accept either Content Documents or Content Versions Ids.](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/d039863d-ab8e-4197-a88d-77c5af4ba691/8d6c31d6-28b4-44b1-b123-d17d8166824f.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.1856\&fp-y=0.7226\&fp-z=1.7668\&w=1200\&ar=2624%3A1476)

#### 25. Click on Save Scene

![Click on Save Scene](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/b0eff623-e495-40a5-a721-cdb2959b12fa/f165c33c-be69-4414-9053-5f905c1ba9e4.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.9183\&fp-y=0.4468\&fp-z=2.9891\&w=1200\&ar=2624%3A1476)

#### 26. Success! We saved the scene settings.

![Success! We saved the scene settings.](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/bea9ccf1-dc6d-45e4-bc5d-117276c871cb/fbbed491-44f3-4e2c-87ee-3f221c3a7344.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.1308\&fp-z=1.0000\&w=1200\&ar=2624%3A1476)

#### 27. Once the component reloads, and on each subsequent loading of this visualization, the newly converted file will be displayed. Now you can use RenderDraw to set the scene around your newly converted CAD file

![Once the component reloads, and on each subsequent loading of this visualization, the newly converted file will be displayed. Now you can use RenderDraw to set the scene around your newly converted CAD file](https://images.tango.us/workflows/41ecfd13-b7af-4c81-81a8-1036430ec5d8/steps/3b8f66bf-02ac-4443-bd5d-122d0544de42/b8cdf2f3-eeac-4a1f-b075-7a5e3ef1ba76.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.6572\&fp-y=0.6250\&fp-z=1.3333\&w=1200\&ar=2624%3A1476)

***