How can we help you today?

How to Embed Yammer Feed to the SharePoint Page Using ShortPoint Code Design Element

If you are trying to add a Yammer Design Element to your SharePoint page, and you found that some functions are not working (Hide header, Hide footer) then this article is for you. We are going to show you another way of adding the Yammer feed using the Code Design Element to your page with some added customizations that you will surely like. 


Yammer Design Element sample


Information: Yammer has released a newer version of their API which is used to embed Yammer feeds. Since ShortPoint is using Yammer classic (an older version of Yammer API), with this change, some of the customization options (Hide Header, Hide Footer and Hide Network Name) are not working as we are not able to fetch data.

While we work on rebuilding our Yammer Design Element, you may use this workaround to embed a Yammer feed to your page.

TABLE OF CONTENTS


Before we begin


Step. 1: Prepare Yammer embed code


To get the Yammer embed code, please go to Yammer Widget


Once you are in the Yammer widget site, you will be presented with options on how you want the feed to look like on your page and a preview on the right side.


Go to the Yammer website to get link.


1.1 Select the type of feed    


Select the type of feed you want to present to your site. On the left-hand side, you will have the option to show other types of information for your Yammer feed. In this example, we will be using the Home feed. 


Select the type of feed you want to show


Information:  To know more about the differences of the Yammer feed options, you may read Add a yammer feed to a SharePoint page. 

1.2 Customize Yammer widget's appearance


On the bottom left side of the page, you will also have an option to hide/show some information to your Yammer widget. In this example, we will be hiding the header and the footer of our widget. 


Customize Yammer Widget appearance


1.3 Get the embed code


Once you are satisfied with how your widget look, you can click the Get code button.


Click Get code


After clicking, a pop-up window will show that will give you the embed code to your SharePoint page. 


Copy the embed code


Please copy this code and save/paste it to a Notepad or any other text editor. 


Step 2: Add the Yammer widget to your SharePoint page


2.1 Insert the Code Design Element


The Code Design Element can be easily added to your pages using ShortPoint Page Builder


You can start with adding a ShortPoint web part to your page by clicking the big blue Insert button and selecting ShortPoint from the list of the web parts:


Insert ShortPoint to your SharePoint page


Then, delete the default Info Design Element (1) and click the blue Insert button to open the ShortPoint Page Builder (2):


Delete the Info Design Element and Click the plus icon to open the page builder


Select the Code Design Element from the grid:


Select Code Design Element


2.2 Update the Code with the Yammer embed code


Paste the code obtained in the step 1.3 to the HTML field of Code Design Element:


Paste the embed code and preview the widget


Note: If you have the Preview option enabled, you will immediately see the Yammer widget in the preview window, just like on the screenshot above. If the Yammer widget is not showing up, double-check that you paste the embed code correctly.


Click Insert and save the page:


Click insert and save the page


Result


That's it! This is how it may look like on your page:


What it will look like on your page


Related articles:

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 8 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more