{"id":2966,"date":"2020-05-29T14:52:13","date_gmt":"2020-05-29T14:52:13","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=2966"},"modified":"2026-02-24T11:10:09","modified_gmt":"2026-02-24T11:10:09","slug":"how-to-embed-slack-channel-on-shopify-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-slack-channel-on-shopify-website\/","title":{"rendered":"How to Embed Slack Channel on Shopify Website?"},"content":{"rendered":"\n

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

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

Try Taggbox Widget \u2013 Start Your 14 Days For Free<\/a><\/p>\n<\/blockquote>\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 “Create Slack Feed”<\/strong> will appear:<\/p>\n\n\n\n

Here, Click on the “Connect Slack<\/strong>” 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’ll see a drop-down menu with all the Slack Channels you’ve created:<\/p>\n\n\n\n

Select the 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 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 Shopify website.  <\/p>\n\n\n\n

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

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

To embed Slack channel on your Shopify 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
\"\"<\/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 \u201cShopify\u201d<\/strong> Logo as your website platform to generate the 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 3<\/strong><\/h3>\n\n\n\n

A new Dialog Box \u201cShopify\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
\"Get<\/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

Shopify gives you the option to embed your Slack either on default Pages or New Pages or Blog Posts. Here are the steps in all three formats:<\/p>\n\n\n\n

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

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

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

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

Copy the Web Embed Code from Taggbox Code Generator.<\/p>\n\n\n\n

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

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

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

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

Step 3<\/strong><\/h3>\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 4<\/strong><\/h3>\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
<\/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

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

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

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

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

Copy the Web Embed Code from Taggbox Code Generator.<\/p>\n\n\n\n

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

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

Click on Add Page<\/strong>.<\/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><\/h3>\n\n\n\n

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

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

Step 5<\/strong><\/h3>\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><\/h2>\n\n\n\n

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

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

Copy the Web Embed Code from Taggbox Code Generator.<\/p>\n\n\n\n

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

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

Step 4<\/strong><\/h3>\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\n\n\n
<\/div>\n\n\n\n

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

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

Great! You have successfully embedded Slack on your Shopify Website.<\/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<\/a> or write us at support@taggbox.com.<\/p>\n","protected":false},"excerpt":{"rendered":"

To embed a Slack Channel, you need to follow the following given steps- Add 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":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[55,56,57],"class_list":["post-2966","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget","tag-embed-rss-feeds","tag-embed-rss-feed-on-website","tag-rss-embed"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2966","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=2966"}],"version-history":[{"count":1,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2966\/revisions"}],"predecessor-version":[{"id":11924,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2966\/revisions\/11924"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=2966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=2966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=2966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}