How to add a Sparkboard

Add a Sparkboard

Pages - All pages

Step 1

On the Hacking Health dashboard (, go to Pages > All Pages.
You can search your page using the search tool in the right corner.

Note : You can also click on Pages to access the list of all the pages.

Other option to edit your page

If you are logged in, you can go on the website to your page, and click Edit Page in the toolbar (at the top of the browser) to edit your page in the dashboard.

Backend editor

Step 2

Make sure you are in the editing mode of the “visual composer” tool:

  • If you see “Classic Mode” on the blue button, (in the top, below the title), you’re in the right place.
  • If you see “Backend Editor” on the blue button, click on it to go to the “visual composer” tool.

Step 3

To add the Sparkboard section, click on the Templates icon at the top of the page and click Section – Sparkboard.
The section will appear at the end of the page.

Note: it could take a few seconds.

Templates icons

Section Sparkboard

To move the section, take the “cross arrow” icon and drag and drop the section to the desired location.

Section Sparkboard

By default, the section includes:

  • Raw HTML: The code in this section allows you to anchor with the menu.
  • Divider: Adds space between items.
  • Header Text: Sparkboard Title.
  • “[Advenced_iframe” code: The code that calls the Sparkboard.
  • Powered by Sparkboard: The footer for the Saprkboard section.

Step 4

To edit the Header Text, pass the cursor over the element.
Click on the “pen” icon to change the header.

Edit element

Step 5

To edit the default Sparkboard link and replace it for your Sparkboard link, open the text box by clicking the “pen” icon.

Edit Sparkboard code

Edit the highlighted link in gray. We only have to modify what is before
“/ Public”.

You can also modify the “height” by changing the number in quotation marks.

When done, click save.

Important: Only change gray highlighting.

Edit link

Step 6

Once your changes are complete, click the Update button on the Publish box.

You can delete items that are not needed, by clicking on the “trash can” icon.

Delete element

You can duplicate the Sparkboard code if you need another by clicking on the “clone” icon.

Clone code

Valérie DoréHow to add a Sparkboard