All Collections
User Guides
Share your dashboard or widget to the public
Share your dashboard or widget to the public

Learn how to share your dashboards or widgets with a public URL or an embeddable snippet code for a website's HTML source code

S
Written by Sergio M
Updated over a week ago

What is a public link? Put simply, an URL to share a dashboard or a widget, and hence its data, without the need to logging in to Ubidots or an Ubidots powered app.

What is an embed snippet code?
The "embed code" is a block of HTML placed within a web page's source code to include content from another website.

WARNING: When using a public link to share dashboards, control widgets such as Switches, Manual Inputs, and Sliders do not get locked. Be careful when sharing them because data can be sent to your devices through these even without logging in.

1. Share a dashboard with a public link or embedded code.

Following the below steps you'll be able to share a dashboard through one or multiple public URLs or HTML snippet of code to embed the dashboard into another website.

Step 1: Go to the Dashboards list drawer and select the "share" icon.

Step 2: Click the "copy" icon to copy the dashboard's public URL to the clipboard.

Step 3: Paste the copied public URL into a web browser tab, you'll see something similar to the below image. Note there's no other options different from visualizing the data.

Step 4: Click the "Embed to you website" option in the modal form to swap public URL to embeddable HTML code snippet. After copying, you should have a code as below in your clipboard:

<iframe width="100%" height="100%" frameborder="0" src="https://industrial.ubidots.com/app/dashboards/public/dashboard/dr6y3sZQJayGOELmk_CtjZ-fPQQ?embed=true"></iframe>

This you can embed into another website HTML's source code to display the dashboard data as part of the website content.

Optional:
Step 5: Create
additional public URL or embeddable code clicking the "Create new link button".
Step 6: Regenerate or Delete a public link with the options next to the copy icon. Note this will stop the previous links or snippets of code from working anymore.

2. Share a widget with a public link or embedded code.

Following the below steps you'll be able to share a widget through a public URL or HTML snippet of code to embed the widget into another website.

Step 1: Click the 3 dots options in the top-right corner of the widget to share and then the option "Share" 

Step 2: Click the respective "copy" icon to copy the option to share: public URL or embeddable HTML snippet code.

Step 3: Paste the copied public URL into a web browser tab, you'll see something similar to the below image. Note there's no other options different from visualizing the data.

If the embeddable HTML snippet code was the selected option, you should have a code as below in your clipboard:

<iframe width="100%" height="1022" frameborder="0" src="https://industrial.ubidots.com/app/dashboards/public/widget/VaYbNK4Mi50SOKujfsEoswVE0-I?embed=true"></iframe>

This you can embed into another website HTML's source code to display the widget data as part of the website content.

Optional:
Step 4: Regenerate a public link with the "Regenerate button" option next. Note this will stop the previous shared link or snippet of code from working anymore.

Did this answer your question?