How to Add a Facebook Like Button in WebHelp Classic Output
To add a Facebook™ Like widget to your WebHelp output, follow these steps:
- Go to the Facebook Developers website.
- Fill-in the displayed form, then click the Get Code
button.A dialog box that contains code snippets is displayed.
- Copy the two code snippets and paste them into a <div> element inside
an XML file called
facebook-widget.xml
.Make sure you follow these rules:- The file must be well-formed.
- The code for each
script
element must be included in an XML comment. - The start and end tags for the XML comment must be on a separate line.
<div id="facebook"> <div id="fb-root"/> <script> <!-- (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); --> </script> <div class="fb-like" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"/> </div>
- In Oxygen XML Editor plugin, click the Configure Transformation Scenario(s) action from the toolbar.
- Select an existing WebHelp transformation scenario (depending on your needs, it may be with or without feedback, or the mobile variant) and click the Duplicate button to open the Edit Scenario dialog box.
- Switch to the Parameters tab and edit the
webhelp.footer.file
parameter to reference thefacebook-widget.xml
file that you created earlier. - Click Ok.
- Run the transformation scenario.