Introduction: Embedding a Fusion 360 (3D) Model on Your Facebook Page
You've created a great 3D model using Fusion 360. You've embedded that model into an Instructable. Now you want to show off the same model on your Facebook page. Here's how.
(This Instructable assumes you're already familiar with publishing Fusion 360 Models to the Fusion 360 Gallery. If you're not, please read this Instructable first).
Step 1: Create Your Facebook Page
Embedding a Fusion 360 model in Facebook isn’t quite as simple as pasting a URL into a status update, but it’s not hard. You do it by creating your own 'page', and installing one of the many apps available that allows you to embed an iframe into that page.
On your Facebook home page, click the dropdown arrow shown in the image above and select the Create Page option.
On the following screen, select the Page Type. (As I’m creating a page to show off my Fusion 360 models, I chose the ‘Artist, Band or Public Figure’ option, and then selected the category Designer, but you can choose whatever you want).
Then click the ‘Get Started’ button. This takes you to a series of setup forms. What you put here should be obvious, so I’ll save space by not showing all the screenshots here. Once you’ve created the page, you have to click through a few information popups. When you’ve done that, your page should look something like the final image above (but obviously with your own page name and photo – not mine :-).
Step 2: Create an Iframe Enabled Tab
Now you’re ready to add a new tab to your page that can accept iframes. Iframes are how you embed the large model viewer (Fusion 360 model) into your page.
Go to the search box at the top of the page and type “iframe” (without the quotes).
Even before you hit Enter, this will display a list of apps that will enable iframe embedding. I'm using the “Static HTML Iframe Tab by Woobox” app for this example, but you can try something different if you prefer. The Woobox app displays a page asking you to install a tab page.
Click the Install Page Tab link and a new Window opens asking you to choose the page to install to. Choose the page you just created and click 'Add Page Tab'.
You now have a custom tab where you can enter HTML text or use the WYSIWYG editor to create your content. This is where you’ll add the iframe code to embed your model. I recommend you also change the name of the tab from ‘Welcome’ to something else and maybe change the tab image via the settings on this screen.
Step 3: Embed Your Model
Now go to the Fusion Gallery (https://fusion360.autodesk.com/projects/) and select the model you want to embed. Make sure you choose one with a banner indicating is includes a 3D model. (Normally this will be a model you published on the gallery).
Click on the model you want and choose the 3D model from the little thumbnail control – it’s the one with a little box in the bottom corner.
When the model displays, you’ll see an 'Embed' button in the bottom corner.
Click this and copy the iframe code that appears (after setting the size of the window you want to embed – default is 640x480).
Finally, paste that code into the HTML editor on your custom tab. I’ve just pasteg one iframe for this demo. If you’re showcasing your designs, you’ll probably be adding several embedded models on the same page, and also adding additional text and other elements to tell a story to your friends.
Click 'Save Settings' at the bottom of the page.
Step 4: Copy the URL to Your Custom Tab
A URL to this tab is displayed at the top of your custom Facebook page.
You can now copy that URL and use it to post in your main Facebook activity feed. You can paste just the link, or you can first take a screenshot of your model so you can post the screenshot with your link. And you're done! You can now tell your Facebook friends all about those great Fusion 360 models you’ve been making.