Follow this step-by-step guide to embed social media feed widget on various 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 –
1. Click on PUBLISH Button on Taggbox Widget Editor.
2. Select Your website Platform or else select “OTHER” if you don’t see your website platform name.
3. Set width and height as per your requirements & Click on Get Code button.
4. Copy the generated code and Paste it into your webpage, where you want to embed your social feed widget.
Embed Social Media Feed on HTML Website
- To embed your Taggbox Widget on HTML website, choose HTML as your website platform
2. Set width and height as per your requirements & Click on Get Code
3. COPY the generated code and Paste it into your webpage, where you want to embed your social feed widget.
Embed on WordPress Website
- To embed your social feed widget on the WordPress website, choose WordPress as your website platform.
2. Set width and height as per your requirements;
3. Click on Get Code:
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.
Tip- You can also use the Taggbox Widget WordPress Plugin for making the integration effortless.
Embed Social Feeds on WIX Website
- To embed your social media feed on the Wix website, choose Wix as your website platform.
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 Social Feeds on Squarespace Website
- To embed your social feed widget on Squarespace website, choose Squarespace as your website platform.
2. Set width and height as per your requirements.
3. Click on Get Code to generate the embedding code and COPY the code
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 Social Feed Widget on Weebly Website
- To embed your widget on the Weebly website, choose “OTHER” as your platform to generate the embedding code for the Weebly website.
2. Set width and height as per your requirements:
3. Click GET CODE to generate the embedding code and COPY the code
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 Social Feeds on Shopify Website
- To embed your social media widget on the Shopify website, choose “Shopify” as your website platform.
2. Set width and height as per your requirements:
3. Click on Get Code to generate the embedding code and COPY the code
Now, follow the below steps based on the pages you want to embed the feeds on:
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.
Try TaggBox – Start your 14 days Free Trial Now
If you have any questions or need help, please Contact us or write us at [email protected].