{"id":2872,"date":"2020-05-29T12:54:45","date_gmt":"2020-05-29T12:54:45","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=2872"},"modified":"2021-07-23T10:28:04","modified_gmt":"2021-07-23T10:28:04","slug":"how-to-embed-slack-feed-on-html-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-slack-feed-on-html-website\/","title":{"rendered":"How To Embed Slack Channel On HTML Website?"},"content":{"rendered":"\n

To embed Slack on website<\/a>, you need to follow the given steps-<\/p>\n\n\n\n

Add a Slack Channel<\/strong><\/h2>\n\n\n\n
<\/div>\n\n\n\n

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

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

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

First, create your Taggbox Widget<\/a> account or Log in to your existing account<\/p>\n\n\n\n

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

You\u2019ll be redirected to Taggbox Widget Dashboard:<\/strong><\/p>\n\n\n\n

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

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

Click on the \u201cAdd Social Feeds\u201d<\/strong> option to start adding SLACK feeds to your widget. <\/p>\n\n\n\n

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

Tip:<\/strong> You can also add multiple feeds from multiple sources like Instagram, Facebook, Twitter, Youtube, etc all in one widget.<\/em><\/p><\/blockquote>\n\n\n\n

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

Step 3<\/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
\"Embed<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 4<\/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 “Connect Slack<\/strong>” 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><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 5<\/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><\/div>\n\n\n\n
<\/div>\n\n\n\n

Step 6<\/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

You can now embed Slack channel on the HTML website.  <\/p>\n\n\n\n

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

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

To embed Slack channel on your HTML website you need to follow the below steps\u2013<\/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 PREVIEW of how your feeds gonna look on different devices.<\/p>\n\n\n\n

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

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

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

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

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

A new Dialog Box \u201cHTML\u201d<\/strong> will appear:<\/p>\n\n\n\n

Enter the width and height into the input box according to your requirement;<\/p>\n\n\n\n

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

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

Click GET CODE <\/strong>and COPY<\/strong> the generated code; you can also share the code on your email ID by clicking the SHARE<\/strong> button.<\/p>\n\n\n\n

Then Paste it into your HTML webpage body tag, where you want to embed Slack.<\/p>\n\n\n\n

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

Great! You have successfully embedded Slack on your HTML website.<\/p>\n\n\n\n

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

Try Taggbox Widget To Embed Slack Channel \u2013 Start Your 14 Days For Free<\/a><\/p><\/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":"

To embed Slack on website, you need to follow the given steps- Add a Slack Channel Try Taggbox Widget \u2013 Start Your 14 Days For Free Step 1 First, create your Taggbox Widget account or Log in to your existing account You\u2019ll be redirected to Taggbox Widget Dashboard: Step 2 Click on the \u201cAdd Social Feeds\u201d option to start adding […]<\/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":[169,170,171],"class_list":["post-2872","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget","tag-embed-slack-feed-on-html-website","tag-slack-feeds-on-html","tag-slack-feeds-on-html-website"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2872","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=2872"}],"version-history":[{"count":0,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2872\/revisions"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=2872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=2872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=2872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}