Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

  1. Make your board public

  2. Copy the embed code

  3. Paste the embed code into your website

...

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
minLevel1
maxLevel7

Part 1:

...

Copy the Embed Code for the Progress board

  1. Select My Apps in the top menu.

  2. Select Boards.

  3. You arrive on the Boards page.

  4. Click on the lock icon.

  5. In the dropdown options select Everyone.

  6. Now, the share button would be enabled to get the embed code.

  7. Click the Share button.

  8. This will show a pop-up for links to embed and share the progress board.

    You can modify height and width according to your requirements.

...

...

  • 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

...