How to Embed Social Feed On Various Website Building Platforms

Follow this step by step guide to embed social feed widget on various website building platforms like HTML, WordPress, Wix, Weebly and more.

Embed Social Widget on Website

To embed Social Widget on your website you need to follow below steps –

1. Click on Embed Widget Button on your widget editor.

2. Select Your Platform (Eg: HTML, WordPress, Wix etc.)

instagram feed on website html

Embed on HTML Website

To embed your Taggbox Widget on HTML website, choose HTML as your platform

instagram feed on website html

Set width, height and height type as per your requirements.

embed instagram post

Click on Get Code

Copy the generated code and Paste it into your webpage, where you want to embed your social feed widget.

show instagram feed on website

Embed on WordPress Website

To embed your social feed widget on the WordPress website, choose WordPress as your platform.

Choose embed platform WordPress

Set width and height as per your requirements and Click on Get Code

WordPress code height

Now follow these steps-

Step 1. Generate the Website Embed code from the Taggbox code generator and copy the Code.

Step 2. Open the page in your WordPress backend where you want to embed social feeds.

Step 3. Select “Text” Input from the top right in your WordPress Editor.

Step 4. Paste the copied code in the editor.

Step 5. Click on Publish/Update post and You’re Done.

Embed on WIX Website

To embed your feed widget on the Wix website, choose Wix as your platform.

Choose embed platform Wix

Now follow these steps –

Step 1. Open your WIX Editor and Navigate to the Page Where you want to Embed Taggbox.

Step 2. Click on “+ Add” Button.

Step 3. Click on More and Select Embed a Site.

Step 4. Check the “Website Address” under Mode.

Step 5. Copy and paste the generated URL into the ” Website Address ” field.

Embed on Squarespace Website

To embed your widget on Squarespace website, choose Squarespace as your platform.

Choose Squarespace Platform

Set width and height as per your requirements. Click on Get Code

Embed YouTube Channel on squarespace

Now follow these steps-

Step-1. Generate the Website Embed code from the Taggbox code generator from the left and copy the Code.

Step-2. On Squarespace Navigate to the page where you want to embed social feed widget.

Step-3. Click on +Add/Edit Block and Select Code.

Step-4. Paste the Copied code and Click on Apply.

Step-5. Save the page to apply the Changes.

Embed on Weebly Website

To embed your widget on the Weebly website, choose Weebly as your platform.

Choose Weebly Platform

Set width and height as per your requirements. Click on Get Code.

Embed Youtube Channel on weebly website

Now follow these steps:

Step-1. Generate the Website Embed code from the Taggbox code generator from the left and copy the Code.

Step-2. On Weebly Navigate to the page where you want to embed social feeds.

Step-3. In the left navigation bar click on “Embed Code” and Drop it on the position where you want to embed the widget.

Step-4. Paste the Copied code into the Container.

Step-5. Publish your changes.

Embed on Shopify Website

To embed your widget on the Shopify website, choose Shopify as your platform.

Embed YouTube feed On Shopify

Set width and height as per your requirements. Click on Get Code. 

Get Embed YouTube feed Code

Default Pages

Follow these steps for Default Pages:

Step-1. Generate and Copy the Web Embed Code from Taggbox Code Generator.

Step-2. Login your Shopify store and navigate to Online Store-> Themes Menu in the sidebar.

Step-3. Go to Edit HTML/CSS option on top right of the page.

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

Step-5. Paste the Copied code and Click on Save.

New Pages

Follow these steps for new pages:

Step-1. Generate and Copy the Web Embed Code from Taggbox Code Generator.

Step-2. Login your Shopify store and Navigate to Online Store->Pages menu in the sidebar.

Step-3. Click on Add Page on Top right of the page.

Step-4. Select Show HTML (<>) option of Text Editor.

Step-5. Paste the Copied code and Click on Save.

Blog Posts

Follow these steps for Blog Posts:

Step-1. Generate and Copy the Web Embed Code from Taggbox Code Generator.

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

Step-3. Click on Add Blog post on the Top right of the page.

Step-4. Select Show HTML (<>) option of Text Editor.

Step-5. Paste the Copied code and Click on Save.

Also read: Complete step by step guide to embedding social media feed widget on the website.

If you have any questions or need help, please Contact us or write us at [email protected].