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!