How to Embed Workplace Feed on Website?

Add A Workplace Feed

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

Step 1

Login or Signup to your Taggbox account. You will see the Dashboard.

Taggbox Social Wall Dashboard

On the Taggbox Dashboard click the “+Create Wall” button to create a new wall:

Taggbox Social Wall Dashboard

Step 2

Then, give a name to your wall. A Unique URL of your wall will be created automatically according to your wall name. You can also change it according to you.

To enable Profanity Filter select Apply Profanity Filter. Then, click “Create Wall“.

Taggbox Dashboard Create Wall

Step 3

1. Click Feeds (You will find it on the left-hand side of the page).

Wall Editor Feeds

2. Click Add Feed, to create a New feed.

Feeds Option

Step 4

In the popup that appears, select the Workplace connection type from the top tabs and then fill out the required fields.

Choose Social feed platform

Here, you will see a “Create Workplace Feed” box.

Create Workplace Feed

Step 5

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

Connect to Workplace

To enable Moderation on the connection select “Manually approve posts before making them public”.

Step 6

Then click the “Connect” button to complete adding.

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 on Display Button on your wall editor.

Taggbox Editor

Step 2

Select the “Embed in Websites” option to embed Workplace feed on Website.

Embed Workplace feed on Website.

Step 3

Select Your WebsitePlatform (Eg: HTML, WordPress, Wix etc.)

Choose embed platform

Embed on HTML Website

Step 1

To embed your Workplace feed on HTML website, choose HTML as your platform

Choose embed platform WordPress HTML

Step 2

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

Workplace feed on HTML website's height

Step 3

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

Workplace feed on HTML website's Get Code

Embed on WordPress Website

Step 1

To embed your Workplace feed on the WordPress website, choose WordPress as your platform.

Choose embed platform WordPress

Step 2

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

Workplace feed on WordPress' height

Step 3

Copy the website Generated Code.

Workplace feed on WordPress' get code

A. Embed Workplace Feed On WordPress 5.0 Website

Learn here how you embed Workplace feed On WordPress 5.0 Website

Step 1A

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

Step 2A

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

Workplace feeds on wordpress website

Step 3A

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

Workplace feeds on wordpress

Step 4A

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

B. How You Embed Workplace Feeds on WordPress Classic Editor

Learn here how you embed Workplace feeds on WordPress Classic Editor

Step 1B

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

Embed Workplace feeds

Step 2B

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

Embed Workplace feeds on WordPress

Step 3B

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 on WIX Website

To embed your Workplace social wall on the Wix website, choose Wix as your platform.

Choose embed platform Wix

Now follow these steps –

Step 1

Open your WIX Editor and Navigate to the Page Where you want to Embed Taggbox.

Step 2

Click on “+ Add” Button.

Embed Workplace feeds on WIX Website

Step 3

Click on More and Select Embed a Site.

Workplace feeds on WIX Website

Step 4

Check the “Website Address” under Mode.

Embed Workplace feeds on WIX

Step 5

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

feeds on WIX Website

Embed on Squarespace Website

Step 1

To embed your Workplace feed on Squarespace website, choose Squarespace as your platform.

Choose embed platform Squarespace

Step 2

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

Workplace feed on Squarespace's height

Step 3

Copy the website Generated Code.

Workplace feed on Squarespace's get code

Step 4

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

Step 5

Click on Edit.

Embed Workplace feeds on Squarespace

Step 6

Click on +Add/Edit Block.

Workplace feeds on Squarespace
Step

Step 7

Select Code.

Embed feeds on Squarespace

Step 8

Paste the Copied code and Click on Apply.

Embed Workplace on Squarespace

Step 9

Save the page to apply the Changes.

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

Embed on Weebly Website

Step 1

To embed your Workplace social wall on the Weebly website, choose Weebly as your platform.

Choose embed platform Weebly

Step 2

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

Weebly height

Step 3

Copy the generated code.

Weebly get code

Step 4

On Weebly Navigate to the page where you want to embed social wall.

Step 5

In the left navigation bar click on “Embed Code” and Drop it on the position where you want to display the wall.

Embed Workplace feeds on Weebly

Step 6

Click on edit custom HTML and paste the Copied code into the Container.

Workplace feeds on Weebly

Step 7

Publish your changes.

Embed on Shopify Website

Step 1

To embed your Workplace wall on the Shopify website, choose Shopify as your platform.

Choose embed platform Shopify

Step 2

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

Shopify Height

Step 3

Copy the generated code.

Shopify get code

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

Default Pages

Follow these steps for Default Pages:

Step-1

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

Step-2

Click on Customize button.

Embed Workplace feeds on shopify Website

Step-3

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

Embed Workplace feeds on shopify

Step-4

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

Workplace feeds on shopify Website

New Pages

Follow these steps for new pages:

Step-1

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

Embed Workplace feeds on shopify

Step-2

Click on Add Page.

Workplace feeds on shopify

Step-3

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

Embed Workplace  on shopify

Step-4

Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for Blog Posts:

Step-1

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

Workplace on shopify

Step-2

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

Workplace feeds on shopify

Step-3

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

Embed Workplace on shopify

Step-4

Paste the Copied code and Click on Save.

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