{"id":3732,"date":"2020-07-04T10:11:56","date_gmt":"2020-07-04T10:11:56","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=3732"},"modified":"2026-02-24T09:19:18","modified_gmt":"2026-02-24T09:19:18","slug":"how-to-embed-social-wall-on-various-website-building-platforms","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-social-wall-on-various-website-building-platforms\/","title":{"rendered":"How to Embed Social Feed On Various Website Building Platforms"},"content":{"rendered":"\n

Follow this step-by-step guide to embed social media feed widget on\u00a0various website building platforms like HTML, WordPress, Wix, Squarespace, Shopify and more.<\/p>\n\n\n\n

Embed Social Widget on any Website<\/strong><\/h2>\n\n\n\n
<\/div>\n\n\n\n
\n

Must Read – How to Add Social Media Feeds<\/a><\/p>\n<\/blockquote>\n\n\n\n

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

To embed Social media feed <\/a>Widget on your website you need to follow below steps \u2013<\/p>\n\n\n\n

1.<\/strong> Click on PUBLISH<\/strong> Button on Taggbox Widget Editor.<\/p>\n\n\n\n

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

2.<\/strong> Select Your website Platform or else select “OTHER”<\/strong> if you don’t see your website platform name.<\/p>\n\n\n\n

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

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

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

4.<\/strong> Copy<\/strong> the generated code and Paste<\/strong> it into your webpage, where you want to embed your social feed widget.<\/p>\n\n\n\n

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

Embed Social Media Feed on HTML Website<\/strong><\/h2>\n\n\n\n
    \n
  1. To embed your Taggbox Widget on HTML website<\/a>, choose HTML<\/strong> as your website platform<\/li>\n<\/ol>\n\n\n\n
    <\/div>\n\n\n
    \n
    \"Instagram<\/figure>\n<\/div>\n\n\n
    <\/div>\n\n\n\n

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

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

    3. COPY<\/strong> the generated code and Paste<\/strong> it into your webpage, where you want to embed your social feed widget.<\/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
      \n
    1. To embed your social feed widget on the WordPress website<\/a>, choose WordPress<\/strong> as your website platform.<\/li>\n<\/ol>\n\n\n\n
      <\/div>\n\n\n
      \n
      \"Choose<\/figure>\n<\/div>\n\n\n
      <\/div>\n\n\n\n

      2. Set width and height as per your requirements;<\/p>\n\n\n\n

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

      3. Click on Get Code<\/strong>:<\/p>\n\n\n\n

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

      Now follow these steps-<\/strong><\/p>\n\n\n\n

      Step 1. Generate the Website Embed code from the Taggbox code generator and copy the Code.<\/p>\n\n\n\n

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

      Step 3. Select “Text” Input from the top right in your WordPress Editor.<\/p>\n\n\n\n

      Step 4. Paste the copied code in the editor.<\/p>\n\n\n\n

      Step 5. Click on Publish\/Update post and You’re Done.<\/p>\n\n\n\n

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

      Tip- You can also use the Taggbox Widget WordPress Plugin<\/a> for making the integration effortless.<\/p>\n<\/blockquote>\n\n\n\n

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

      Embed Social Feeds on WIX Website<\/strong><\/h2>\n\n\n\n
        \n
      1. To embed your social media feed on the Wix website<\/a>, choose Wix<\/strong> as your website platform.<\/li>\n<\/ol>\n\n\n\n
        <\/div>\n\n\n
        \n
        \"Choose<\/figure>\n<\/div>\n\n\n
        <\/div>\n\n\n\n

        Now follow these steps \u2013<\/strong><\/p>\n\n\n\n

        Step 1. Open your WIX Editor and Navigate to the Page Where you want to Embed Taggbox.<\/p>\n\n\n\n

        Step 2. Click on “+ Add” Button.<\/p>\n\n\n\n

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

        Step 4. Check the “Website Address” under Mode.<\/p>\n\n\n\n

        Step 5. Copy and paste the generated URL into the ” Website Address ” field.<\/p>\n\n\n\n

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

        Embed Social Feeds on Squarespace Website<\/strong><\/h2>\n\n\n\n
          \n
        1. To embed your social feed widget on Squarespace website<\/a>, choose Squarespace<\/strong> as your website platform.<\/li>\n<\/ol>\n\n\n\n
          <\/div>\n\n\n
          \n
          \"Choose<\/figure>\n<\/div>\n\n\n
          <\/div>\n\n\n\n

          2. Set width and height as per your requirements. <\/p>\n\n\n\n

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

          3. Click on Get Code<\/strong> to generate the embedding code and COPY<\/strong> the code<\/p>\n\n\n\n

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

          Now follow these steps-<\/p>\n\n\n\n

          Step-1. Generate the Website Embed code from the Taggbox code generator from the left and copy the Code.<\/p>\n\n\n\n

          Step-2. On Squarespace Navigate to the page where you want to embed social feed widget.<\/p>\n\n\n\n

          Step-3. Click on +Add\/Edit Block and Select Code.<\/p>\n\n\n\n

          Step-4. Paste the Copied code and Click on Apply.<\/p>\n\n\n\n

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

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

          Embed Social Feed Widget on Weebly Website<\/strong><\/h2>\n\n\n\n
            \n
          1. To embed your widget on the Weebly website<\/a>, choose “OTHER”<\/strong> as your platform to generate the embedding code for the Weebly website.<\/li>\n<\/ol>\n\n\n\n
            <\/div>\n\n\n
            \n
            \"Choose<\/figure>\n<\/div>\n\n\n
            <\/div>\n\n\n\n

            2. Set width and height as per your requirements:<\/p>\n\n\n\n

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

            3. Click GET CODE<\/strong> to generate the embedding code and COPY<\/strong> the code<\/p>\n\n\n\n

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

            Now follow these steps:<\/p>\n\n\n\n

            Step-1. Generate the Website Embed code from the Taggbox code generator from the left and copy the Code.<\/p>\n\n\n\n

            Step-2. On Weebly Navigate to the page where you want to embed social feeds.<\/p>\n\n\n\n

            Step-3. In the left navigation bar click on \u201cEmbed Code\u201d and Drop it on the position where you want to embed the widget.<\/p>\n\n\n\n

            Step-4. Paste the Copied code into the Container.<\/p>\n\n\n\n

            Step-5. Publish your changes.<\/p>\n\n\n\n

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

            Embed Social Feeds on Shopify Website<\/strong><\/h2>\n\n\n\n
              \n
            1. To embed your social media widget on the Shopify website<\/a>, choose “Shopify”<\/strong> as your website platform.<\/li>\n<\/ol>\n\n\n\n
              <\/div>\n\n\n
              \n
              \"Embed<\/figure>\n<\/div>\n\n\n
              <\/div>\n\n\n\n

              2. Set width and height as per your requirements: <\/p>\n\n\n\n

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

              3. Click on Get Code<\/strong> to generate the embedding code and COPY<\/strong> the code<\/p>\n\n\n\n

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

              Now, follow the below steps based on the pages you want to embed the feeds on:<\/p>\n\n\n\n

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

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

              Step-1. Generate and Copy the Web Embed Code from Taggbox Code Generator.<\/p>\n\n\n\n

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

              Step-3. Go to Edit HTML\/CSS option on top right of the page.<\/p>\n\n\n\n

              Step-4. Select Layout\/Templates\/Section (Eg: For Homepage – Index.liquid) Where you want to embed your widget.<\/p>\n\n\n\n

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

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

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

              Step-1. Generate and Copy the Web Embed Code from Taggbox Code Generator.<\/p>\n\n\n\n

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

              Step-3. Click on Add Page on Top right of the page.<\/p>\n\n\n\n

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

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

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

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

              Step-1. Generate and Copy the Web Embed Code from Taggbox Code Generator.<\/p>\n\n\n\n

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

              Step-3. Click on Add Blog post on the Top right of the page.<\/p>\n\n\n\n

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

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

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

              Try TaggBox \u2013\u00a0Start your 14 days\u00a0For Free Now<\/a><\/em><\/p>\n<\/blockquote>\n\n\n\n

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

              Follow this step-by-step guide to embed social media feed widget on\u00a0various website building platforms like HTML, WordPress, Wix, Squarespace, Shopify and more. Embed Social Widget on any Website Must Read – How to Add Social Media Feeds To embed Social media feed Widget on your website you need to follow below steps \u2013 1. Click […]<\/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":[],"class_list":["post-3732","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3732","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=3732"}],"version-history":[{"count":1,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3732\/revisions"}],"predecessor-version":[{"id":11914,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3732\/revisions\/11914"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=3732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=3732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=3732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}