{"id":624,"date":"2018-07-09T18:54:22","date_gmt":"2018-07-09T13:24:22","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=624"},"modified":"2026-02-24T09:21:52","modified_gmt":"2026-02-24T09:21:52","slug":"embed-social-widget-various-platforms","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/embed-social-widget-various-platforms\/","title":{"rendered":"How to Embed Social Widget on Various Website Building Platforms"},"content":{"rendered":"<p>Follow this step by step guide to embed social feeds widget on various website building platforms like HTML, WordPress, Wix, Weebly, and more.<\/p>\n<h2><strong>Embed Social Widget on Website<\/strong><\/h2>\n<p>To embed a social widget on your website you need to follow below steps \u2013<\/p>\n<h3><strong>Step 1<\/strong><\/h3>\n<p>Click\u00a0the\u00a0<strong>\u201cPUBLISH\u201d<\/strong>\u00a0button on the bottom-left of the screen, You can also see the \u201c<strong>PREVIEW<\/strong>\u201d of how your feeds gonna looks like.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6820\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/publish-or-preview-social-media-feeds.png\" alt=\"social media feeds\" width=\"1600\" height=\"757\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/publish-or-preview-social-media-feeds.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/publish-or-preview-social-media-feeds-300x142.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/publish-or-preview-social-media-feeds-1024x484.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/publish-or-preview-social-media-feeds-768x363.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/publish-or-preview-social-media-feeds-1536x727.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h3><\/h3>\n<h3><strong>Step 2<\/strong><\/h3>\n<p>In <strong>Choose Your Platform,<\/strong> select your website <strong>Platform<\/strong> (Eg: HTML, WordPress, Wix, etc.)<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6824\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-your-platform.png\" alt=\"Choose Platform\" width=\"719\" height=\"451\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-your-platform.png 719w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-your-platform-300x188.png 300w\" sizes=\"(max-width: 719px) 100vw, 719px\" \/><\/p>\n<h2><\/h2>\n<h2><strong>Embed on HTML Website<\/strong><\/h2>\n<h3><strong>Step 1<\/strong><\/h3>\n<p>To embed your Taggbox social feeds widget on an <strong>HTML<\/strong> website, choose <strong>HTML<\/strong> as your website platform<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6825\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-html-platform.png\" alt=\"Choose HTML\" width=\"709\" height=\"454\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-html-platform.png 709w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-html-platform-300x192.png 300w\" sizes=\"(max-width: 709px) 100vw, 709px\" \/><\/p>\n<h3><\/h3>\n<h3><strong>Step 2<\/strong><\/h3>\n<p>Set width and height\u00a0type as per your requirements and click on <strong>Get Code<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6826\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-height.png\" alt=\"Choose Height HTML\" width=\"639\" height=\"288\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-height.png 639w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-height-300x135.png 300w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><\/p>\n<h3><\/h3>\n<h3><strong>Step 3<\/strong><\/h3>\n<p><strong>Copy<\/strong> the generated code and <strong>paste<\/strong> it into your HTML webpage body Tag, where you want to embed your Social feeds widget.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6827\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embed-html-code.png\" alt=\"Embed Code HTML\" width=\"639\" height=\"414\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embed-html-code.png 639w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embed-html-code-300x194.png 300w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><\/p>\n<h2><\/h2>\n<h2><strong>Embed on WordPress Website<\/strong><\/h2>\n<h3><strong>Step 1<\/strong><\/h3>\n<p>To embed your social feeds widget on the <strong>WordPress<\/strong> website, choose <strong>WordPress<\/strong> as your website platform.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6828\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-wordpress-platform.png\" alt=\"Choose WordPress\" width=\"707\" height=\"450\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-wordpress-platform.png 707w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-wordpress-platform-300x191.png 300w\" sizes=\"(max-width: 707px) 100vw, 707px\" \/><\/p>\n<h3><\/h3>\n<h3><strong>Step 2<\/strong><\/h3>\n<p>Set width and height as per your requirements and click on <strong>Get Code<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6829\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-height-wordpress.png\" alt=\"Choose Height WordPress\" width=\"716\" height=\"588\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-height-wordpress.png 716w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-height-wordpress-300x246.png 300w\" sizes=\"(max-width: 716px) 100vw, 716px\" \/><\/p>\n<h3><strong>Step 3<\/strong><\/h3>\n<p><strong>Copy<\/strong> the generated code and <strong>paste<\/strong> it into your webpage<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6832\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embe-code-wordpress.png\" alt=\"Embed Code WP\" width=\"718\" height=\"586\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embe-code-wordpress.png 718w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embe-code-wordpress-300x245.png 300w\" sizes=\"(max-width: 718px) 100vw, 718px\" \/><\/p>\n<h3><strong>Now follow these steps-<\/strong><\/h3>\n<h4><strong>Step 1<\/strong><\/h4>\n<p>Generate the Website Embed code from the Taggbox code generator and copy the Code.<\/p>\n<h4><strong>Step 2<\/strong><\/h4>\n<p>Open the page in your <strong>WordPress backend<\/strong> where you want to <strong>embed a social feeds widget<\/strong>.<\/p>\n<h4><strong>Step 3<\/strong><\/h4>\n<p>Select &#8220;<strong>Text<\/strong>&#8221; Input from the top right in your <strong>WordPress Editor<\/strong>.<\/p>\n<h4><strong>Step 4<\/strong><\/h4>\n<p><strong>Paste<\/strong> the copied code in the editor.<\/p>\n<h4><strong>Step 5<\/strong><\/h4>\n<p>Click on <strong>Publish\/Update<\/strong> post and You&#8217;re Done.<\/p>\n<h2><strong>Embed on WIX Website<\/strong><\/h2>\n<h3><strong>Step 1<\/strong><\/h3>\n<p>To embed your widget on the <strong>Wix<\/strong> website, choose <strong>Wix<\/strong> as your website platform.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6833\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-wix-platform.png\" alt=\"Choose Wix\" width=\"707\" height=\"451\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-wix-platform.png 707w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-wix-platform-300x191.png 300w\" sizes=\"(max-width: 707px) 100vw, 707px\" \/><\/p>\n<h3><\/h3>\n<h3><strong>Step 2<\/strong><\/h3>\n<p>On choosing\u00a0<strong>Wix<\/strong>\u00a0as your website platform; you\u2019ll receive below Pop-up\u00a0<strong>\u201cWix\u201d<\/strong>, Follow the instruction on the pop-up and proceed to the below steps:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6834\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embed-code-wix.png\" alt=\"Embed Code Wix\" width=\"716\" height=\"468\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embed-code-wix.png 716w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embed-code-wix-300x196.png 300w\" sizes=\"(max-width: 716px) 100vw, 716px\" \/><\/p>\n<h3><strong>Step 3<\/strong><\/h3>\n<p>Open your <strong>WIX Editor<\/strong> and Navigate to the Page Where you want to Embed Taggbox.<\/p>\n<h3><strong>Step 4<\/strong><\/h3>\n<p>Click on &#8220;<strong>+ Add<\/strong>&#8221; Button.<\/p>\n<h3><strong>Step 5<\/strong><\/h3>\n<p>Click on <strong>More<\/strong> and Select <strong>Embed a Site<\/strong>.<\/p>\n<h3><strong>Step 6<\/strong><\/h3>\n<p>Check the &#8220;<strong>Website Address<\/strong>&#8221; under Mode.<\/p>\n<h3><strong>Step 7<\/strong><\/h3>\n<p>Copy and paste the generated\u00a0<strong>URL<\/strong>\u00a0into the &#8221;\u00a0<b>Website Address\u00a0<\/b>&#8221; field.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6834\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embed-code-wix.png\" alt=\"Embed Code Wix\" width=\"716\" height=\"468\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embed-code-wix.png 716w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embed-code-wix-300x196.png 300w\" sizes=\"(max-width: 716px) 100vw, 716px\" \/><\/p>\n<h2><\/h2>\n<h2><strong>Embed on Squarespace Website<\/strong><\/h2>\n<h3><strong>Step 1<\/strong><\/h3>\n<p>To embed your widget on the <strong>Squarespace<\/strong> website, choose <strong>Squarespace<\/strong> as your website platform.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6835\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-squarespace-platform.png\" alt=\"Choose Squarespace\" width=\"707\" height=\"448\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-squarespace-platform.png 707w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-squarespace-platform-300x190.png 300w\" sizes=\"(max-width: 707px) 100vw, 707px\" \/><\/p>\n<h3><\/h3>\n<h3><strong>Step 2<\/strong><\/h3>\n<p><strong>Set width and height<\/strong> as per your requirements. Click on <strong>Get Code<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6836\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-height-squarespace.png\" alt=\"Choose Height Squarespace\" width=\"718\" height=\"587\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-height-squarespace.png 718w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-height-squarespace-300x245.png 300w\" sizes=\"(max-width: 718px) 100vw, 718px\" \/><\/p>\n<h3><\/h3>\n<h3><strong>Step 3<\/strong><\/h3>\n<p><strong>Copy<\/strong> the generated code and <strong>paste<\/strong> it into your webpage<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6837\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embed-code-squarespace.png\" alt=\"Embed Squarespace Code\" width=\"716\" height=\"591\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embed-code-squarespace.png 716w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embed-code-squarespace-300x248.png 300w\" sizes=\"(max-width: 716px) 100vw, 716px\" \/><\/p>\n<h3><\/h3>\n<h3><strong>Now follow these steps-<\/strong><\/h3>\n<h4><strong>Step 1<\/strong><\/h4>\n<p>Generate the Website Embed code from the Taggbox code generator from the left and copy the Code.<\/p>\n<h4><strong>Step 2<\/strong><\/h4>\n<p>On Squarespace Navigate to the page where you want to embed a social feeds widget.<\/p>\n<h4><strong>Step 3<\/strong><\/h4>\n<p>Click on <strong>+Add\/Edit<\/strong> Block and Select <strong>Code<\/strong>.<\/p>\n<h4><strong>Step 4<\/strong><\/h4>\n<p><strong>Paste<\/strong> the Copied code and Click on <strong>Apply<\/strong>.<\/p>\n<h4><strong>Step 5<\/strong><\/h4>\n<p>Save the page to apply the Changes.<\/p>\n<h2><strong>Embed on Shopify Website<\/strong><\/h2>\n<h3><strong>Step 1<\/strong><\/h3>\n<p>To embed your widget on the <strong>Shopify<\/strong> website, choose <strong>Shopify<\/strong> as your website platform.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6838\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-shopify-platfrom.png\" alt=\"Choose Shopify\" width=\"707\" height=\"447\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-shopify-platfrom.png 707w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-shopify-platfrom-300x190.png 300w\" sizes=\"(max-width: 707px) 100vw, 707px\" \/><\/p>\n<h3><\/h3>\n<h3><strong>Step 2<\/strong><\/h3>\n<p><strong>Set width and height<\/strong> as per your requirements. Click on <strong>Get<\/strong> <strong>Code.\u00a0<\/strong><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6839\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-height-shopify.png\" alt=\"choose height shopify\" width=\"718\" height=\"680\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-height-shopify.png 718w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/choose-height-shopify-300x284.png 300w\" sizes=\"(max-width: 718px) 100vw, 718px\" \/><\/p>\n<h3><strong>Step 3<\/strong><\/h3>\n<p><strong>Copy<\/strong> the generated code and <strong>paste<\/strong> it into your webpage<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-6840\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embed-code-shopify.png\" alt=\"Embed Code Shopify\" width=\"718\" height=\"678\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embed-code-shopify.png 718w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2018\/07\/embed-code-shopify-300x283.png 300w\" sizes=\"(max-width: 718px) 100vw, 718px\" \/><\/p>\n<h3><\/h3>\n<h3><strong>Default Pages<\/strong><\/h3>\n<p>Follow these steps for Default Pages:<\/p>\n<h4><strong>Step 1<\/strong><\/h4>\n<p>Generate and Copy the Web Embed Code from Taggbox Code Generator.<\/p>\n<h4><strong>Step 2<\/strong><\/h4>\n<p>Log in to your Shopify store and navigate to Online Store-&gt; Themes Menu in the sidebar.<\/p>\n<h4><strong>Step 3<\/strong><\/h4>\n<p>Go to the Edit HTML\/CSS option on the top right of the page.<\/p>\n<h4><strong>Step 4<\/strong><\/h4>\n<p>Select Layout\/Templates\/Section (Eg: For Homepage &#8211; Index.liquid) Where you want to display the Social feeds widget.<\/p>\n<h4><strong>Step 5<\/strong><\/h4>\n<p>Paste the Copied code and Click on Save.<\/p>\n<h3><strong>New Pages<\/strong><\/h3>\n<p>Follow these steps for new pages:<\/p>\n<h4><strong>Step 1<\/strong><\/h4>\n<p>Generate and Copy the Web Embed Code from Taggbox Code Generator.<\/p>\n<h4><strong>Step 2<\/strong><\/h4>\n<p>Log in to your Shopify store and Navigate to Online Store-&gt;Pages menu in the sidebar.<\/p>\n<h4><strong>Step 3<\/strong><\/h4>\n<p>Click on Add Page on Top right of the page.<\/p>\n<h4><strong>Step 4<\/strong><\/h4>\n<p>Select Show HTML (&lt;&gt;) option of Text Editor.<\/p>\n<h4><strong>Step 5<\/strong><\/h4>\n<p>Paste the Copied code and Click on Save.<\/p>\n<h3><strong>Blog Posts<\/strong><\/h3>\n<p>Follow these steps for Blog Posts:<\/p>\n<h4><strong>Step 1<\/strong><\/h4>\n<p>Generate and Copy the Web Embed Code from Taggbox Code Generator.<\/p>\n<h4><strong>Step 2<\/strong><\/h4>\n<p>Log in to your Shopify store and Navigate to the Online Store-&gt;Blog posts menu in the sidebar.<\/p>\n<h4><strong>Step 3<\/strong><\/h4>\n<p>Click on Add Blog post on the Top right of the page.<\/p>\n<h4><strong>Step 4<\/strong><\/h4>\n<p>Select Show HTML (&lt;&gt;) option of Text Editor.<\/p>\n<h4><strong>Step 5<\/strong><\/h4>\n<p>Paste the Copied code and Click on Save.<\/p>\n<p><strong>Also, read<\/strong> a\u00a0Complete step by step guide to embedding social media feed on the website.<\/p>\n<p>If you have any questions or need help, please\u00a0<a href=\"https:\/\/taggbox.com\/contact-us\/\" data-abc=\"true\">contact us<\/a> or write to us at\u00a0<a href=\"mailto:support@taggbox.com\" data-abc=\"true\">support@taggbox.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Follow this step by step guide to embed social feeds widget on various website building platforms like HTML, WordPress, Wix, Weebly, and more. Embed Social Widget on Website To embed a social widget on your website you need to follow below steps \u2013 Step 1 Click\u00a0the\u00a0\u201cPUBLISH\u201d\u00a0button on the bottom-left of the screen, You can also [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[150],"tags":[],"class_list":["post-624","post","type-post","status-publish","format-standard","hentry","category-general-content-curation"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/624","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=624"}],"version-history":[{"count":1,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/624\/revisions"}],"predecessor-version":[{"id":11915,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/624\/revisions\/11915"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=624"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=624"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}