To accelerate website engagement, you can use the Folloze Website Engagement Toolkit to embed a Folloze board or only specific sections directly into a website hosting page. This is done using an HTML embedding method, and is not based on iFrame.

Moreover, the Folloze Website Engagement Toolkit enables you to:

• Track visitors with deep engagement data, such as content views, visiting time, journey flow and more.
• Personalize the experience of visitors leveraging the Folloze identity model and platforms such as 6sense, Demandbase, and Dun and Bradstreet.
• Send campaigns directly to the hosting page or directly launching content assets hosted in the board such as documents, videos, articles and more with complete tracking of visitors, including linking to specific assets on the page.
• Support Folloze scripts, tracking and SEO.

Before you begin

1. Build a board in Folloze and include only the sections you want to embed into the hosting page.
2. Publish the board and test it before embedding.

Embedding your Folloze board on a hosting page

After building your board, you can configure it as embeddable and define its hosting page. Simply copy the board script and paste it on the hosting webpage.
Additionally, you have the option to embed specific sections of the board rather than the entire board.

To set your board as embedded board:

1. Select the board you wish to embed on a hosting page.
2. Go to the board's Settings tab > Access and Security > Embedded Board.
3. Select the Enable Embedded Board checkbox.
4. Select the Add board scripts to the hosting page checkbox to include custom scripts configured for this board (e.g., tracking and chat scripts, etc.) on the hosting page.
   1. To choose the scripts to add, click Select Custom Scripts.
   2. To add all custom scripts from the board, select All Scripts. This is the default setting. All relevant scripts will be added to your hosting page.  
   3. To add specific scripts, multi-select the scripts from the list. 
      Note: If you add specific scripts only, any scripts added later will not be included - unless 'All Scripts' is selected.
        
5. Enter the Hosting Page URL. Paste the exact URL where the liveboard will be hosted. For example if your website is “www.folloze.com” and the page you want to serve the liveboard from is “boards“, you need to paste the complete URL as follows: https://www.folloze.com/boards.  
6. Copy the script tag and add it to the page header.
   1. Copy the script tag and place it at the top of your page’s html head section.

6. 2. Both the id and api parts are auto-generated. The id part highlighted in green is the board id to embed, while the API part highlighted in orange is the URL of the server to communicate with.
   3. Update the header element. The last part “data-header-selector“=main > h1 marked in red is not auto-generated and you need to change it manually. This part represents a CSS style selector, specifying the html element on the page designated as the header. Floating elements like the item-viewer rely on this information to render themselves beneath the identified header when opened.
      You can also select the header in other ways, for example by the ‘header id’ (if one exists): data-header-selector="#some-header-id".

Embedding specific board sections

1. To embed specific board sections, go to the board’s designer.
   1. In the board’s Designer, open the three-dot icon in the top bar of the section you want to embed.
   2. In the dropdown, click Copy HTML Tag to copy the embed code.
   3. Paste the copied HTML tag into the desired location on your website.

1. To include all the scripts that were configured for this board such as tracking script, chat scripts and others in the hosting page, select Add board scripts to the hosting page.
2. To copy the generated board script, click Copy Script. This is an auto generated script that consists of two parts: a script to place in the header and a Folloze tag to place in the body.

For more information on board links, read the article Sharing Board Links.

Content item links

A key feature of the Folloze Website Engager is the ability to navigate directly to a Folloze content item. This can be used in nurture campaigns or for sales development that allows the hosting page to become a content destination.

Folloze supports 2 way to navigate directly to content items placed on the board:

https://<hosting page>?flz-category=<category_url>&flz-item=<item_url>

Here is an example of such a URL:

https://www.folloze.com/boards?flz-category=overview&flz-item=modomind_intro_video

This method is simple and doesn’t require any further configuration of the web server and can be activated by selecting the option Enable navigation using URL parameter.

https://<hosting page>/category_url>/<item_url>

Here is an example of the URL:
https://www.folloze.com/boards/overview/modomind_intro_video

This option presents a cleaner URL. However, there are certain requirements to fulfill. The Folloze live board functions as a single page application (SPA), allowing you to navigate to other pages within the same page. This means your web server should redirect all pages under the hosting page to the same page. The Folloze system knows to open the correct webpage.

For example, if a lead lands on the URL: https://www.acme.com/some-great-buyer-experience/some-item
The hosting site should load the following page instead: https://www.acme.com/some-great-buyer-experience 

There are several ways to achieve this. If you are using Wordpress, one approach is to use a .htaccess file with rules similar to the following:

RewriteEngine on

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule ^some-great-buyer-experience(/[a-z]+)+$ some-great-buyer-experience/index.html [L]

Analytics data

When a lead visits the hosting page, the analytics data will indicate the lead’s activity as “Viewed page,” providing details on the specific webpage the lead visited.