You can embed a Makerble Progress Board in your own website

This embed code lets you integrate the progress board into your own websiteso that your results are displayed on the webpages of your choice.

...

How it works

...

Info
To further style your Progress Board so that the background image, icons and cards are in line with your brand and your website’s look & feel, read this article on how to customise a Board’s design.

Steps

Table of Contents

minLevel	1
maxLevel	7

...

Select My Apps in the top menu.
Select Boards.
You arrive on the Boards page.
Click on the lock icon.
In the dropdown options select Everyone.
Now, the share button would be enabled to get the embed code.
Click the Share button.
This will show a pop-up for links to embed and share the progress board.
Image RemovedImage Added
You can modify height and width according to your requirements.

...

Follow the Part 1 instruction to get the Embed Code for your Progress boardBoard
Click the Add Block button
In the popup that appears, select Add Block
Select Embed
This adds an empty block to your page
Click the pencil icon to edit the block
Select Code Snippet in the popup
Click the Embed data button
A text area appears
Paste your board’s Makerble Embed Code into this section
Click elsewhere on the page to close the popup
A preview of your board appears
Use the arrows at the edge to drag and resize the board
Resize the board to the size you want it displayed
You can also resize it vertically
Press Done in the top left corner to save the page
You will see your board displayed
You might need to follow Squarespace’s instructions to disable scripts in the preview

Follow the Part 1 instruction to get the Embed Code for your Progress boardBoard
When you add the Embed Code the embedded board is previewed slightly differently

...

However, even though the board is previewed as appearing larger than the blue outline of the board, the board will still display properly on the finished web page

...