Designing an Embedded Section

You can embed a custom section and header on your board using your own code and design. 

This can be especially useful if you want to add your own exclusive header or an external website to a board. 

You can add as many custom sections as you need; however you can only add one embedded header to a board. 

When adding embedded sections or headers, keep in mind the following: 

1. Folloze cannot take responsibility for any code you have added, for instance if code is broken and not running properly.  
2. The board theme is not applied automatically to the embedded section. Make sure that the embedded sections match the overall board theme in terms of color and branding style.  
3. Folloze cannot deliver any analytics data for embedded sections and headers. 

Adding an Embedded Section 

Embed your own code in a custom section on your board.    

1. Select the board on which you want to add an embedded section and go to the Designer tab. 
2. Hover over the border between sections where you want to add a custom section.
3. Click Add Section. The Section Gallery opens and displays the section types.  
4. Select Custom from the section menu.  
5. To add an embedded section, select Embed Section and then click Add Section. The new section appears on your board for you to design.
6. Open the Section Editor and paste the HTML in the text box.
7. To design the section background, read the article Using the Background Editor.  

Adding an Embedded Header  

Embed your own code in a custom header on your board.    

1. Select the board on which you want to add a custom header.   
2. Go to the Designer tab on the board.
3. Hover over the border between sections where you want to add a custom header.
4. Click Add Section. The Section Gallery opens and displays the section types. 
5. Select Headers and Footers from the section menu.  
6. To add an embedded header, select Embedded Header and then click Add Section. 
7. Since you can only have one header per board, you will be prompted to confirm replacing the current header on the board.                                                                                                                                                                                                      
8. To replace the current header, click Replace.                       
9. Open the Section Editor and paste the HTML in the text box.                       
10. To design the header background, read the article Using the Background Editor.