{"id":3123,"date":"2020-05-29T14:19:45","date_gmt":"2020-05-29T14:19:45","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=3123"},"modified":"2026-02-25T11:28:48","modified_gmt":"2026-02-25T11:28:48","slug":"how-to-embed-slack-on-google-site","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-slack-on-google-site\/","title":{"rendered":"How To Embed Slack On Google Site?"},"content":{"rendered":"\n

Want to bring more clarity to your workspace? Want something that can provide seamless conversations and have a dedicated space for teams to share ideas, make decisions and move work forward? Everything to bring more clarity in your daily work activities. Well, Slack is your go-to channel.<\/p>\n\n\n\n

Want to know how you can embed Slack on Google Site to bring your work functioning into order for your employees? <\/p>\n\n\n\n

Here is a quick step-by-step guide for you.<\/p>\n\n\n\n

To embed Slack Channel<\/a> on your Google site, you need to follow the following given steps-<\/p>\n\n\n\n

Add a Slack Channel<\/strong><\/h2>\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

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

<\/div>\n\n\n
\n
\"Taggbox<\/figure>\n<\/div>\n\n\n
<\/div>\n\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>\n<\/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>\n<\/div>\n\n\n
<\/div>\n\n\n\n

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

A new pop-up \u201cCreate Slack Feed\u201d<\/strong> will appear:<\/p>\n\n\n\n

Here, Click on the \u201cConnect Slack<\/strong>\u201d button 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 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 to aggregate feeds from that channel:<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"Create<\/figure>\n<\/div>\n\n\n
<\/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

You can now embed Slack feed on the Google site.  <\/p>\n\n\n\n

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

Generate Slack Channel Embed Code for Google Site<\/strong><\/h2>\n\n\n\n

To embed slack on your Google Site 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 PREVIEW of how your feeds gonna look on different devices.<\/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><\/h3>\n\n\n\n

On the dialog box of \u201cChoose Your Platform,\u201d<\/strong> select the \u201cOTHER\u201d<\/strong> Logo to generate embed code for Google Sites.<\/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

A new Dialog Box will appear \u201cOTHER\u201d<\/strong>:<\/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
\"Customize<\/figure>\n<\/div>\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

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

After generating the embed code for Google Site follow the below steps for embedding:<\/p>\n\n\n\n

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

Embed Slack To Google site<\/strong><\/h2>\n\n\n\n

Follow these step to Embed slack channel from Taggbox Widget Editor to Google site.<\/p>\n\n\n\n

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

Log in to your Google Site Account.<\/p>\n\n\n\n

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

On the right side select The page where you want to Embed your Slack widget. (Let’s suppose we can choose the Contact page.)<\/p>\n\n\n\n

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

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

On your dashboard, Select the INSERT tab and then select  <> Embed Option.<\/p>\n\n\n\n

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

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

Embed from the web pop-up appeared form select EMBED CODE, paste the embed code and click on NEXT.<\/p>\n\n\n\n

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

The widget will now be displayed as as a preview on Embed fetched from the web pop-up form.<\/p>\n\n\n\n

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

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

Click on INSERT button to Integrate the Slack Widget on your Google Site editor dashboard <\/p>\n\n\n\n

Your Slack widget will now be displayed as a preview on your Google Site editor dashboard <\/p>\n\n\n\n

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

Google Site editor dashboard Where you can resize the Slack widget and also moving it to a different area on your web page. <\/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 to the Publish button on the right side of the dashboard.<\/p>\n\n\n\n

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

The slack widget will now be displayed as follows on your Google site.<\/p>\n\n\n\n

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

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

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

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

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

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

Want to bring more clarity to your workspace? Want something that can provide seamless conversations and have a dedicated space for teams to share ideas, make decisions and move work forward? Everything to bring more clarity in your daily work activities. Well, Slack is your go-to channel. Want to know how you can embed Slack […]<\/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-3123","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\/3123","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=3123"}],"version-history":[{"count":2,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3123\/revisions"}],"predecessor-version":[{"id":11940,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3123\/revisions\/11940"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=3123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=3123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=3123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}