How to Embed Workplace Feed on Website?

Embed Workplace Feed on Website

Try Taggbox Widget – Start Your 14 Days Free Trial

To create a Workplace feed widget, you need to follow the given steps-

Step 1

Login or Sign-Up to Taggbox Widget

Login or Signup to Taggbox Widget

Step 2

You’ll be redirected to Taggbox Widget Dashboard:

Create Widget by Taggbox

Step 3

On the dashboard, click on Add Social Feeds to start adding Workplace Feeds on your widget.

Embed Workplace feeds on website

Step 4

In the popup Pick a Source, select the “Workplace” logo as a source of aggregating feeds.

Add Workplace Feeds

Step 5

Fill up the required details of “Community ID” and “Access Token”.

Embed Workplace Feeds

Step 6

Then click the “Connect” button to complete adding Workplace feed.

Great, the Connection has been created and within a few moments posts will appear in the Wall editor.

Embed Workplace Feed on Website

To embed Workplace feed on your website you need to follow below steps-

Step 1

Click the “PUBLISH” button on the bottom-left of the screen, You can also see the “PREVIEW” of how your feeds gonna look like on different devices.

Preview & Publish Workplace Feeds

Step 2

Select Your Website Platform (Eg: HTML, WordPress, Wix, etc.) or else select OTHER as your website platform.

Choose Platforms

Add Workplace feeds to HTML Website

Step 1

In the pop-up Choose Your Platform, Select HTML logo as your website platform to generate the embed code for the HTML website.

Choose HTML

Step 2

Set width and height type as per your requirements. Click on “Get Code”.

Choose Height HTML

Step 3

Copy the generated code and paste it into your webpage, where you want to embed Workplace feeds.

Embed Code HTML

Great! You have successfully embedded Workplace feed on your HTML website.

Embed Workplace feeds on WordPress Website

Step 1

In the pop-up Choose Your Platform, Select WordPress logo as your website platform to generate the embed code for the WordPress website.

Choose WordPress

Step 2

Set width and height as per your requirements and click on “Get Code”.

Choose Height WP

Step 3

Copy the website Generated Code.

Embed Code WordPress

A. Embed Workplace Feeds On WordPress 5.0 Website

Learn here how you embed Workplace feed On WordPress 5.0 Website.

Step 1

Open the page/post in your WordPress editor where you want to embed the Workplace feeds.

workplace feeds on wordpress website

Step 2

Select (+) Add Block in the top left corner of the WordPress Editor.

Display feeds on WordPress website

Step 3

Here, click on Formatting and then choose Custom HTML and paste the copied embed code in the editor.

Integrate feeds on wordpress

Step 4

Click on Publish/Update post and You’re done.

B. Add Workplace Feeds on WordPress Classic Editor

Learn here how you embed Workplace feeds on WordPress Classic Editor.

Step 1

Open the page/post in your WordPress editor where you want to embed the Workplace feeds.

feeds on wordpress classic Editor

Step 2

On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.

Embed feeds on WordPress

Step 3

Paste the generated embed code where you want to show your wall and click on Update/Publish to save the changes.

workplace on WordPress

Embed Workplace Feeds on WIX Website

To embed your Workplace social feeds on Wix website, choose Wix as your website platform:

Step 1

In the pop-up Choose Your Platform, Select the Wix logo as your website platform to generate the embed code for the Wix website.

Choose Wix

Step 2

On choosing Wix as your website platform; you’ll receive below Pop-up “Wix”, Follow the instruction on the pop-up or proceed to the below steps:

Embed Code Wix

Step 3

Click on “+ Add” Button.

Embedding feeds on Wix Website

Step 4

Click on More and Select Embed a Site.

workplace feeds on Wix Website

Step 5

Check & Copy the “Website Address” under Mode.

Embed Code Wix

Step 6

Copy and paste the generated URL into the ” Website Address ” field.

Integrate feeds code

Add Workplace Feeds to Squarespace Website

Step 1

In the pop-up Choose Your Platform, Select the Squarespace logo as your website platform to generate the embed code for the Squarespace website.

Choose Squarespace

Step 2

Set width and height as per your requirements. Click on “Get Code”.

Choose Height Squarespace

Step 3

Copy the website Generated Code.

Embed Code Squarespace

Step 4

On Squarespace, Navigate to the page where you want to embed workplace social feeds.

Step 5

Click on “Edit”.

Display feeds on Squarespace

Step 6

Click on (+) Add/Edit Block.

feeds on Squarespace

Step 7

Select Code</>.

Integrate feeds on Squarespace

Step 8

Paste the Copied code and Click on Apply.

Show feeds on Squarespace

Step 9

Save the page to apply the Changes.

Great! You have successfully embedded Workplace feed on your Squarespace website.

Embed on Shopify Website

Step 1

In the pop-up Choose Your Platform, Select the Shopify logo as your website platform to generate the embed code for the Shopify website.

Choose Shopify

Step 2

Set width and height as per your requirements. Click on Get Code.

Choose Height Shopify

Step 3

Copy the generated code.

Embed Code Shopify

Shopify gives you the option to embed your Workplace feeds either on Default Pages, New Pages, or Blog Posts.

Default Pages

Follow these steps for Default Pages:

Step 1

Log in your Shopify store and navigate to Online Store->Themes Menu in the sidebar.

Step 2

Click on Customize button.

Embed feeds on shopify Website

Step 3

Then Navigate to the left side of the page and click on Custom Content.

Embed feeds on shopify

Step 4

Then click on Custom HTML and paste the Copied code and Click on Save.

feeds on shopify Website

New Pages

Follow these steps for new pages:

Step 1

Log in your Shopify store and Navigate to Online Store->Pages menu in the sidebar.

Embed feeds on shopify

Step 2

Click on Add Page.

Display feeds on shopify

Step 3

Select Show HTML (<>) option of Text Editor.

Integrate on shopify

Step 4

Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for Blog Posts:

Step 1

Log in your Shopify store and Navigate to Online Store->Blog Posts menu in the sidebar.

feeds on shopify

Step 2

Click on Add/Create Blog post on the Top right of the page.

Show feeds on shopify

Step 3

Select Show HTML (<>) option of Text Editor.

add feeds on shopify

Step 4

Paste the Copied code and Click on Save.

Embed Workplace Feed On Website – Try Taggbox

If you have any questions or need help, please contact us or write us at [email protected].