{"id":2870,"date":"2020-05-07T10:29:48","date_gmt":"2020-05-07T10:29:48","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=2870"},"modified":"2026-02-25T11:50:50","modified_gmt":"2026-02-25T11:50:50","slug":"how-to-embed-slack-feed-on-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-slack-feed-on-website\/","title":{"rendered":"How to Embed Slack Feed on Website?"},"content":{"rendered":"\n

Follow the step by step guide to embed slack feed or channel on your website<\/p>\n\n\n\n

Add a Slack Feed<\/strong><\/h2>\n\n\n\n

To create a Slack feed, you need to follow the given steps-<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n

Try Taggbox Widget \u2013 Start Your 14 Days For Free<\/a><\/p>\n<\/blockquote>\n\n\n\n

<\/div>\n\n\n\n

Step 1<\/strong><\/h3>\n\n\n\n

Login or Sign-Up to Taggbox Widget<\/a><\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Login<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 2<\/strong><\/h3>\n\n\n\n

You will be redirected to your Taggbox Widget Dashboard<\/strong><\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Taggbox<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h3>\n\n\n\n

On the dashboard, click on Add Social Feeds<\/strong> to add Slack Feeds on your widget.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Choose<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h3>\n\n\n\n

On the new Dialog Box \u201cPick a source\u201d <\/strong>select SLACK<\/strong> as your source of aggregating feeds:<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Choose<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 5<\/strong><\/h3>\n\n\n\n

On selecting SLACK a new pop-up \u201cCreate Slack Feed\u201d<\/strong> will appear:<\/p>\n\n\n\n

Here, Click on the \u201cConnect Slack<\/strong>\u201d and process the authentication to start the process of Connecting Slack to your Widget.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Connect<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 6<\/strong><\/h3>\n\n\n\n

After authentication you\u2019ll see a drop-down menu with all the Slack Channels you’ve created:<\/p>\n\n\n\n

Select the valid Channel you want to aggregate feeds from:<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Create<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 7<\/strong><\/h3>\n\n\n\n

Finally, click the \u201cCreate Feed\u201d <\/strong>button to start the processing of aggregating SLACK feeds according to your channel selection.<\/p>\n\n\n\n

Great, the Connection will be created now and within a few moments posts will appear in the SLACK Widget Editor.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Embed Slack Feed on Website<\/strong><\/h2>\n\n\n\n

To embed Slack feed on your website you need to follow below steps <\/p>\n\n\n\n

Step 1<\/strong><\/h3>\n\n\n\n

Click the \u201cPUBLISH\u201d<\/strong> button on the bottom-left of the screen, You can also see the \u201cPREVIEW<\/strong>\u201d of how your feeds gonna looks like.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Preview<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 2<\/strong><\/h3>\n\n\n\n

Select Your Website Platform (Eg: HTML, WordPress, Wix, etc.) or else select OTHER<\/strong> if your website platform is not listed.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Choose<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Embed on HTML Website<\/strong><\/h2>\n\n\n\n

Step 1<\/strong><\/h3>\n\n\n\n

On the dialog box of \u201cChoose Your Platform,\u201d<\/strong> select \u201cHTML\u201d<\/strong> as your website platform to generate code.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Choose<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 2<\/strong><\/h3>\n\n\n\n

Set width and height type as per your requirements. Click on Get Code<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Choose<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h3>\n\n\n\n

Copy the generated code and Paste it into your webpage, where you want to embed Slack feeds.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Embed on WordPress Website<\/strong><\/h2>\n\n\n\n

Step 1<\/strong><\/h3>\n\n\n\n

On the dialog box of \u201cChoose Your Platform,\u201d<\/strong> select \u201cWordPress\u201d<\/strong> as your website platform to generate code.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Choose<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 2<\/strong><\/h3>\n\n\n\n

Set width and height as per your requirements and Click on Get Code.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Choose<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h3>\n\n\n\n

Copy the website Generated Code.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

A. Embed Slack Feed On WordPress 5.0 Website<\/strong><\/h3>\n\n\n\n

Learn here how you embed Slack feed On WordPress 5.0 Website<\/p>\n\n\n\n

Step 1A<\/strong><\/h4>\n\n\n\n

Open the page\/post in your WordPress backend where you want to embed the Slack Feeds.<\/p>\n\n\n\n

<\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 2A<\/strong><\/h4>\n\n\n\n

Select \u201c(+) Add Block\u201d in the top left corner of the WordPress Editor.<\/p>\n\n\n\n

<\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 3A<\/strong><\/h4>\n\n\n\n

Here, click on Formatting and then choose Custom HTML and paste the copied embed code in the editor.<\/p>\n\n\n\n

<\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 4A<\/strong><\/h4>\n\n\n\n

Click on Publish\/Update post and You\u2019re done.<\/p>\n\n\n\n

<\/div>\n\n\n\n

B. How You Embed Slack feeds on WordPress Classic Editor<\/strong><\/h3>\n\n\n\n

Learn here how you embed Slack feeds on WordPress Classic Editor<\/p>\n\n\n\n

Step 1B<\/strong><\/h4>\n\n\n\n

Open the page\/post in your WordPress backend where you want to embed the Slack feeds.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Integrate<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 2B<\/strong><\/h4>\n\n\n\n

On the right-hand side, you will find a Visual and a Text option. Choose Text Mode.<\/p>\n\n\n\n

<\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 3B<\/strong><\/h4>\n\n\n\n

Paste the generated embed code where you want to show your Widget and click on Update\/Publish to save the changes.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Add<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Embed on WIX Website<\/strong><\/h2>\n\n\n\n

Step 1<\/strong><\/h3>\n\n\n\n

On the dialog box of \u201cChoose Your Platform,\u201d<\/strong> select \u201cWix\u201d<\/strong> as your website platform to generate code.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Choose<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 2 <\/strong><\/h3>\n\n\n\n

On choosing Wix<\/strong> as your website platform; you’ll receive below Pop-up “Wix”<\/strong>, Follow the instruction on the pop-up and proceed to the below steps:<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h3>\n\n\n\n

Open your WIX Editor and navigate to the page where you want to Embed Taggbox Widget.<\/p>\n\n\n\n

Click on \u201c+ Add\u201d Button.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embedding<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h3>\n\n\n\n

Click on More and Select Embed a Site.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Slack<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 5<\/strong><\/h3>\n\n\n\n

Check & Copy the \u201cWebsite Address\u201d under Mode.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 6<\/strong><\/h3>\n\n\n\n

Paste the generated URL into the \u201cWebsite Address<\/strong>\u201d field.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Integrate<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Embed on Squarespace Website<\/strong><\/h2>\n\n\n\n

Step 1<\/strong><\/h3>\n\n\n\n

On the dialog box of \u201cChoose Your Platform,\u201d<\/strong> select \u201cSquarespace\u201d<\/strong> as your website platform to generate code.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Choose<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 2<\/strong><\/h3>\n\n\n\n

Set width and height as per your requirements. Click on Get Code.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Choose<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h3>\n\n\n\n

Copy the website Embed Code.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h3>\n\n\n\n

On Squarespace, Navigate to the page where you want to embed social Feed Widget.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Step 5<\/strong><\/h3>\n\n\n\n

Click on Edit.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Display<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 6<\/strong><\/h3>\n\n\n\n

Click on +Add\/Edit Block.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Slack<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 7<\/strong><\/h3>\n\n\n\n

Select Code.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Integrate<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 8<\/strong><\/h3>\n\n\n\n

Paste the Copied code and Click on Apply.<\/strong><\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Show<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 9<\/strong><\/h3>\n\n\n\n

Save the page to apply the Changes.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Embed on Shopify Website<\/strong><\/h2>\n\n\n\n

Step 1<\/strong><\/h3>\n\n\n\n

On the dialog box of \u201cChoose Your Platform,\u201d<\/strong> select \u201cShopify\u201d<\/strong> as your website platform to generate code.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Choose<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 2<\/strong><\/h3>\n\n\n\n

Set width and height as per your requirements and click on Get Code<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Choose<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h3>\n\n\n\n

Copy the website Embed Code.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Shopify gives you the option to embed your Slack feeds either on default Pages or New Pages or Blog Posts.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Default Pages<\/strong><\/h3>\n\n\n\n

Follow these steps for Default Pages:<\/p>\n\n\n\n

Step 1<\/strong><\/h4>\n\n\n\n

Login to your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.<\/p>\n\n\n\n

Step 2<\/strong><\/h4>\n\n\n\n

Click on the Customize button.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h4>\n\n\n\n

Then Navigate to left side of the page and click on Custom Content<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Embed<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h4>\n\n\n\n

Then click on Custom HTML<\/strong> and paste the Copied code and Click on Save<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Add<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

New Pages<\/strong><\/h3>\n\n\n\n

Follow these steps for new pages:<\/p>\n\n\n\n

Step 1<\/strong><\/h4>\n\n\n\n

Login to your Shopify store and Navigate to Online Store->Pages<\/strong> menu in the sidebar.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Integrate<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 2<\/strong><\/h4>\n\n\n\n

Click on Add Page<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Display<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h4>\n\n\n\n

Select Show HTML (<>)<\/strong> option of Text Editor.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"Integrate<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h4>\n\n\n\n

Paste the Copied code and Click on Save.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Blog Posts<\/strong><\/h3>\n\n\n\n

Follow these steps for Blog Posts:<\/p>\n\n\n\n

Step 1<\/strong><\/h4>\n\n\n\n

Login to your Shopify store and Navigate to Online Store->Blog posts<\/strong> menu in the sidebar.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Slack<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 2<\/strong><\/h4>\n\n\n\n

Click on Add\/Create Blog<\/strong> Post<\/strong> on the Top right of the Page.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Show<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 3<\/strong><\/h4>\n\n\n\n

Select Show HTML (<>)<\/strong> option of Text Editor.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Add<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Step 4<\/strong><\/h4>\n\n\n\n

Paste the Copied code and Click on Save.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n

Try Taggbox Widget To Embed Feed \u2013 Start Your 14 Days For Free<\/a><\/strong><\/p>\n<\/blockquote>\n\n\n\n

<\/div>\n\n\n\n

If you have any questions or need help, please Contact us<\/a> or write us at support@taggbox.com.<\/p>\n","protected":false},"excerpt":{"rendered":"

Follow the step by step guide to embed slack feed or channel on your website Add a Slack Feed To create a Slack feed, you need to follow the given steps- Try Taggbox Widget \u2013 Start Your 14 Days For Free Step 1 Login or Sign-Up to Taggbox Widget Step 2 You will be redirected to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[166,167,168],"class_list":["post-2870","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget","tag-embed-slack-widget","tag-embed-slack-on-website","tag-slack-widget"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2870","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/comments?post=2870"}],"version-history":[{"count":1,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2870\/revisions"}],"predecessor-version":[{"id":11958,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2870\/revisions\/11958"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=2870"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=2870"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=2870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}