This article explains how to add sections to the top and bottom of the inner frame of F1 Contextual Help.
What can I do with Append/Prepend?
- Ability to add custom analytics to your F1 Contextual Help and track your user's behavior within your web application
- Ability to add Marketing Automation to F1 Contextual Help to tie into your Marketing and Sales flow
- Ability to add chat within F1 Contextual Help so that you can provide interactive support to your customers and be aware of what article they need help on
- Ability to add a custom message within your F1 Contextual Help dialog that you want to broadcast to all users
Append/Prepend vs F1 Custom Header/Footer
The F1 Contextual help dialog has 2 separate areas within it. The inner dialog and then outer frame:
The outer frame is highlighted in blue above and is above and below the inner dialog. Custom header/footer for F1 targets the outer frame where the append/prepend adds to the top and bottom of the inner dialog as it relates to the article being shown.
Here is an example of Append/Prepend where I add "Top of the Page" and "Bottom of the Page" to the top and bottom of the F1 Inner Dialog:
I was able to add this in with the following code in a DekiScript block:
NOTE: Support will provide the Template for you to enable this functionality
<b>"Top of the Page";</b> <html> <body target="f1_append"> <p><b>"Bottom of the page"</b></p> </body> </html>
In the above example, be sure to surround any text strings with double quotes to ensure the DekiScript block renders the text as a string and not a variable.
Once you've added the code above then you'll be able to see the changes through your F1 Contextual Help dialog.