Embedding Flux Projects in Websites and Tools
In the spirit of making collaboration easier and in response to several requests, you can now embed Flux projects with an iFrame. This works in many places you might expect like websites, blogs, and even project management tools like Trello. We're hoping that this ability will unlock collaborative use cases that we haven't even thought of!
Getting the Embed Code
To embed your Flux project, just copy the embed code from the Share menu (top-right corner).
That code snippet will look like this:
<iframe height="450" width="800" allowfullscreen src="https://www.flux.ai/jharwinbarrozo/3v3-regulator?embed=1" />Embedding Examples
Schematic Example
PCB Example
If you want to have the PCB editor as the default view, you need to go to the PCB editor view and then copy the embed code from the Share menu. It will look like this:
<iframe height="450" width="800" allowfullscreen src="https://www.flux.ai/jharwinbarrozo/3v3-regulator?editor=pcb_2d&embed=1" />Using iFramely
Flux is also compatible with iFramely for apps that use this integration. iFramely makes it easier to control parameters like height and width of the embed without editing any code. Here's an example of how to embed Flux document with iFramely.
Customization Options
When embedding your Flux projects, you can customize several aspects:
- Dimensions: Adjust the height and width parameters to fit your website or tool
- Default View: Choose between schematic view, 2D PCB view, or 3D PCB view
- Visibility: Control what aspects of the project are visible to viewers
What's Next
Now that you understand how to embed Flux projects, you might want to explore:
- Collaboration Deep Dive - Learn more about collaboration features
- Version Control - Understand how to track changes to your embedded projects
- Reusing Projects - Discover how to leverage existing projects
- PCB Design Review - Learn how to review designs with your team
Have feedback or an idea of how to improve embedding Flux documents? Post your feedback and ideas here!