Adobe RoboHelp: Add LinkedIn Button

In this post I list the steps for adding a LinkedIn share button to both Multiscreen HTML5 and WebHelp outputs. This will allow your users to share links to your help to their LinkedIn news feed. The instructions for WebHelp will work on HTML5, FlashHelp and Browser Based AIR Help as well.

• View Multiscreen HTML5 example.
• View WebHelp example.

Get the LinkedIn button code

The first step in adding a LinkedIn button is to get the required code. Follow these steps to get the code:

1. Go to http://developer.linkedin.com/plugins/share-plugin-generator

2. Make sure to leave the field URL to be shared empty. This will link the button to the visited help page.
3. Choose the type of button that you want to use.
4. Click Get Code.
5. Copy the code that appears below the button.

Add Linkedin Button to Multiscreen HTML5 Layout

1. Go to the layout in the Project Set-up pod.
2. Open the page of the layout that you want to add the LinkedIn button to.
3. Select the location where you want to add the LinkedIn button. (The most logical location is directly above your topic contents.)
4. Switch to HTML view.
5. Paste the code from the LinkedIn site into the layout. When you place it before the topic contents.
6. In the first script tag, add the text http: to the src attribute, like this:

7. Save the layout page.
8. Repeat step 2 to 7 for every page in the layout you want to use the LinkedIn button.
9. Generate your help.

When your content is on a server that is viewed with a secure connection (https), you may need to amend the src attribute to https:// instead of http://.

Add LinkedIn Button to WebHelp

1. Go to the Master Page you use for your output.
2. Select the header and switch to HTML mode.
3. Paste the code from the LinkedIn site into the header.
4. In the first script tag, add the text http: to the src attribute, like this:

5. Save the Master Page and generate your help.

When your content is on a server that is viewed with a secure connection (https), you may need to amend the src attribute to https:// instead of http://.