How to Embed Social Media Wall on Your Website

Website
6 min read

Embedding Social Media into a website is a great way to display all social media user-generated content to website visitors. Through a Social Hub, you can connect your all social media activities such as hashtag campaigns, product reviews and UGC to your website. Not only it gives a beautiful look but also encourages the users to spend more time on the website. It can be also helpful for improving your dwell time as well as the Google search engine ranking of your website.

Create a Social Wall with Taggbox

You can easily create a live social media wall with Taggbox and embed it on any website. You can also do it if you don’t have any technical skills, even don’t need to hire a developer or coder.

Our many users are using various website building platforms to create their website. Website building platforms like Wix, WordPress, Weebly and Jimdo have made website building very easy and less time-consuming. Anyone can create their own website with little technical knowledge on these platforms.

So here we are going to show you how you can embed a social media wall on various website building platforms by following a few simple steps. Embed social media on website is really as simple as A-B-C.

Display your live social media feeds and keep your website fresh with a Social Wall.

MakeAWish Embed Social Media Wall

Here are some major website building platforms to embed social media wall on your website.

  • WordPress
  • Wix
  • Weebly
  • Squarespace
  • Jimdo
  • Shopify

Try Taggbox

Embed Live Social Media Wall On Your Website

How to Get Your Social Media Wall Embed Code from Taggbox

To embed social media feed wall on your web page, you need to get embed code first from Taggbox wall editor.

Choose website builder

Steps to get HTML code for embedding social media wall,

  1. Click on the Display button and choose Embed on website option,
  2. Select your suitable platform such as WordPress, Wix, Squarespace etc. or you can simply generate an embed code for your HTML Website.
  3. Choose one from Auto and Fixed to set the Width and Height according to your choice.
  4. When you are done with your settings then click on Get code.
  5. Copy the code from the field or you can also see a preview of your wall by clicking on Preview.

Now time to display your social media wall on your website building platforms. Use the generated HTML code to embed your social media wall and follow the below steps:

1. WordPress Website

How to Embed Social Media Wall on WordPress

Wordpress Website Builder Embed Social media Wall

It may sound surprising but WordPress is the most popular open source content management system, powering more than 28% of the web. Most of the websites are built on WordPress.

Let’s embed your social wall with WordPress. Navigate to the web page where you want to embed the social wall. On the right-hand side, you will find a Visual and Text Option. Choose the Text mode and paste the Embed code where you want to show your social wall.

Wordpress edit

After embedding the code, click on Update.

2. Wix Website

How to Embed Social Media Wall on Wix

wix Website Builder Embed Social Wall

Currently, Wix serves its services to over 110 million users in 190 countries. In the menu, click on the plus button (+) (on the left-hand side of the screen) to add an element. Then choose More option which is at the bottom of the menu and select HTML iframe from the Embeds.

Wix Editor

Click the Enter Code on the newly created element and paste the HTML code of Taggbox in the code Field, then click Apply.

3. Weebly Website

How to Embed Social Media Wall on Weebly

Weebly allows everyone to create a high-quality website. It founded by three college friends Dane, Chris and David. Currently, more than 40 million entrepreneurs are using Weebly to grow their business and maintain an online reputation. You can simply drag and drop your elements on Weebly to create your web pages. In the menu on the left-hand side of your screen, find the Embed Code element. Now drag and drop it onto your page where you want to embed a social media wall.

Weebly

When you Drag and Drop the Embed code Click on the HTML box and choose Edit Custom HTML

weebly embed social wall

Paste the HTML code to embed Taggbox Social media wall on Weebly Website.

4. Squarespace Website

How to Embed Social Media Wall on Squarespace

SquareSpace Website Builder Embed Social Wall

You can add your embed code on web pages using the Embed Blocks. The embed blocks allow you to add external content to your site. You need to add a block on the page or post to embed a Social Media Wall. Open a page or post editor and click “Add Block”. Now select Embed from the menu and click the </> icon in the URL field. Now paste your embed code on that box and click Set.

SquareSpace

Now, click Apply to publish your changes.

5. Jimdo Website

How to Embed Social Media Wall on Jimdo

Jimdo Website Builder Embed Social Wall

Jimdo is not so popular platform as compare to WordPress, Weebly and Wix. According to Jimdo fun facts, over 20 million websites have created on Jimdo in last 10 years. This is also a good platform to build a website and its blocks work similarly to Squarespace.

To embed a social wall on Jimdo, select the position where you want to display your social wall, hover the mouse and click on the Add Element button. Now click on More elements and choose Widget/HTML.

Jimdo

Paste your social wall code into the code field and Click on Save Button.

6. Shopify Website

How to Embed Social Media Wall on Shopify

Shopify is an ideal platform for E-commerce businesses. Currently, over 600,000 merchants are running their E-commerce business on Shopify.

To embed your social media wall on Shopify, log in your Shopify account and click on Online Store under Sales Channels section. Now select theme from the drop-down list in the sidebar.

Shopify

You will find Action Button in your current theme on the right-hand side of the screen, click on that Action Button and choose Edit code from the drop-down list.

Shopify Website Builder Embed Social Wall

Select Layout/Templates/Section (Eg: For Homepage – Index.liquid) where you want to display your Social Media Wall and paste the Copied embed code and Click on Save.

Embed Social Media Hub on Your Website

As you can see embedding a social wall on website is a very simple and fast process with many website building platforms. You just need to embed an HTML code on your website to showcase all your earned UGC.

So, what are you waiting for? Embed a Social Wall on website using website builders and keep your website fresh every time.

Try Taggbox – Start 14 Days Free Trial

Embed Amazing Social Feed Wall On Your Website

Leave a Reply

Editors' Picks