Website

Twitter is the most powerful social networking platform launched in 2006. Approx, every brand and individuals are using it. Twitter has 139 million daily active users and 500 million tweets sent per day. This is amazing!

Twitter is a micro-blogging site where people can communicate in short tweets that is limited to 280 characters or less. Folk uses it to follow interesting people, companies, high-profile celebrities, influencers, and receive the latest news or stay in touch with old friends.

Twitter is really easy to use and a low-maintenance tool with many benefits. Its influence capacity is mind-blowing so brands and businesses trust it and use it as a marketing tool to take their online business, product, and service to the next level.

Many brands have a well established social presence on Twitter with their genuine user-generated content. But, still, it is quite tricky for brands to showcase earned user-generated content to their website visitors. So, this is a real challenge for brands or businesses that how they can fill this gap between website and social presence? And how is it possible to showcase UGC to website visitors?

So, here Twitter Wall comes into play, where brands can use Twitter walls to embed twitter feed on website.

Table of Contents

  1. What is a Twitter Wall?
  2. Create a Twitter Wall using Aggreto
  3. Generate an Embed Code for Website
  4. How to Embed Twitter Feed on Website
  5. Embed Twitter Feed on HTML Website
  6. Embed Twitter Feed on WordPress Website
  7. Embed Twitter Feed on Wix Website
  8. Embed Twitter Feed on Weebly Website
  9. Embed Twitter Feed on Squarespace Website
  10. Embed Twitter Feed on Jimdo Website
  11. Embed Twitter Feed on Shopify Website

What is a Twitter Wall?

Twitter Wall

Twitter Wall is a platform that allows brands to collect and display tweets which include a specific hashtag. The Twitter wall is the most powerful way to increase engagement during events, conferences, exhibitions or on Websites.

If you are also looking for a solution that can help you to increase your brand’s social reach and build trust among people, you should include a Twitter wall in your marketing strategy.

By embedding twitter feed on website using a Twitter wall, you can display your earned user-generated content in an attractive and effective way to your visitors.

In this article, we’ll guide you on how you can embed live twitter feeds on website and utilize your user-generated content using Aggreto.

Aggreto is a Twitter aggregator tool that allows you to create a twitter wall for your website. Apart from Twitter, you can also use it to aggregate social media content from multiple social sites such as Facebook, Instagram, Vimeo, etc.

See also: 7 Tools to Embed Live Twitter Feed on Website

Create a Twitter Wall using Aggreto

Before embedding live twitter feed on website, you need to create a Twitter wall using Aggreto. Follow the below steps to create a Twitter wall on Aggreto.

Step 1

If you are an existing user then log in to your Aggreto account or haven’t signed up yet, click here to create an account (start with a 14-day free trial).

Step 2

Now click on “+ Create Project” to create a social wall project.

Create Twitter Wall

Step 3

Enter a suitable name for your project in Project Name.

Display or embed Twitter wall

Step 4

Choose the best option where you can display your social wall, on the website or display screen. For now, select Website Embed (you can change it anytime).

Step 5

Click on the Next button.

Step 6

After clicking on Next, you can see various social networks.

Social Media Networks

Step 7

Select Twitter Icon as your social network.

Select Twitter

Step 8

Select your preferred connection type – Hashtag, handle, Advance

  • Hashtag (#) – This option allows you to collect your earned user-generated content or hashtag included tweets.
  • Handle (@) – This option allows you to collect your profile tweets using your username.
  • Advance (Query) – This option allows you to get tweets from Twitter using keywords.
Aggregate Twitter Feed using Hashtag and handle

Step 9

After choosing your connection type, click on the CONTINUE button.

Click on Continue to get twitter feed

Step 10

Connect your account to a twitter account to authorize your feed. (Don’t hesitate; Aggreto will never post anything on your Twitter timeline without your permission.)

Authorize Twitter Account

Great! Now you can see your Twitter feeds in Wall Editor.

Additionally –

“If you wish to change theme or customize the design of your Twitter wall, you may use Aggreto’s Custom Design section. You can also moderate your tweets and remove unwanted posts in real-time with Aggreto’s Moderation panel anytime.”

Generate an Embed Code for Website

After creating a Twitter wall, now it’s time to embed twitter feed on website.

Before embedding twitter feed on website, you need to generate a Twitter wall embed code for your website. Follow the below steps to generated embed code and embed that code on your website.

Step 1

To generate your Twitter wall embed code, click on the Display button.

Click on Display button

Step 2

Click on the “Embed in Website” option.

Choose display options

Step 3

Set width and height for your Twitter wall as per your need.

Set height and width of twitter wall

Step 4

Click on Generate Code.

Click Generate Code

Step 5

Copy the generated embed code. To see a preview of your Twitter wall tab on the Preview button.

Copy Embedded Code

Start Creating Live Twitter Wall For Your Website With Aggreto

Build More Trust Among People By Displaying UGC

How to Embed Twitter Feed on Website?

Embed Twitter Feed on Website

There are many website building platforms available on the Internet with awesome features and modern techniques.

To create an interactive business website, brands are taking interest in various website building platforms such as WordPress, Wix, Weebly, Squarespace, Jimdo, Shopify and more.

So, here we are going to show how you can embed your twitter feed on these various website building platforms using Aggreto. Follow the below steps and start embedding your Twitter wall on website.

To embed twitter feed on website, use the same generated embed code for all website building platforms.

1. Embed Twitter Feed on HTML Website

Simply, paste the generated embedded code on any page of your HTML Website. Place this code into the <body> section of your page.

Now you can see your live twitter feed on HTML Website.

But,

Before embedding the generated code on the website, we recommend you to don’t do it yourself. Ask your technical developer to do it for you. if, you have enough knowledge of HTML then go ahead.

HTML websites are no more in trend nowadays. So, let’s go to explore other alternatives.

2. Embed Twitter Feed on WordPress Website

Embed feed on WordPress

WordPress is the easiest and most popular way to create a business website and blog. Over 34% of all the websites on the Internet are powered by WordPress. In a technical term, it is an open-source content management system or CMS. Open-source means anyone can use WordPress for free without having any programming skills.

Let’s start embedding twitter feed on WordPress website. After generating embed code follow the below simple steps:

Step 1

Log in to WordPress dashboard.

Step 2

Click the Pages tab, from the navigation menu. (Or for blog posts click Posts tab).

Click All Pages

Step 3

Find the page where you want to embed twitter feed. Or if you want a dedicated page for your Twitter feeds then create a New Page. (Or perform same steps in posts tab for blog posts).

Select a Page

Step 4

Hover your mouse under that page, you will see Edit option.

Step 5

Click this Edit option, and you will be directed to WordPress visual editor.

Step 6

Click the Plus icon on the block area.

Click Plus Icon

Step 7

Choose the Custom HTML icon under the Formatting option.

Choose Custom HTML

Step 8

Paste the generated embedded code in Custom HTML.

Paste Aggreto generated Embed Code

Step 9

Now, save the page and publish your updates.

Start Creating Live Twitter Wall For Your WordPress Website

Embed Twitter Feed And Build More Trust Among People

3. Embed Twitter Feed on Wix Website

Embed feed on Wix

Wix comes with many powerful and awesome features to build your own business website. It gives you a WYSIWYG interface where you can drag and drop the elements to create your site.

Wix is a user-friendly CMS, over 150 million people worldwide choose it to create a free website.

Let’s start embedding twitter feed on Wix website. After generating embed code follow the below simple steps:

Step 1

Log in to Wix, open up your site editor (bottom left corner).

Step 2

Click the + Add button (left side of the editor).

Click + Add Button

Step 3

Click on More option and then open HTML iframe.

Click HTML Iframe

Step 4

Now click on the gray box and then click on Enter Code.

Enter Code

Step 5

Paste the generated embed code in the HTML setting window.

Inster HTML

Step 6

Click on Apply.

Start Creating Live Twitter Wall For Your Wix Website

Embed Twitter Feed And Build More Trust Among People

4. Embed Twitter Feed on Weebly Website

Embed Feed on Weebly

Weebly is a freemium website building and web hosting service. It allows anybody to build a professional and personal website quickly and with ease. It empowers millions of businesses with more than 50 million websites around the globe. 

Similar to Wix, Weebly gives drag and drop elements interface. It also allows you to the integration with 20+ third-party apps that can be useful for any website and blog.

Let’s start embedding twitter feed on Weebly website. After generating embed code follow the below simple steps:

Step 1

Select an Embed Code </> element from the menu (find under Basic section of the Build sidebar in the left-hand menu).

Embed code on Weebly

Step 2

Drag and drop this element on your web page where you want to embed twitter feeds.

Step 3

Click on the Custom HTML element.

Step 4

Now click Edit Custom HTML in the popup.

Edit Custom HTML Weebly

Step 5

Simply, paste the generated Aggreto embedded code into that element.

Step 6

Now publish your changes.

Start Creating Live Twitter Wall For Your Weebly Website

Embed Twitter Feed And Build More Trust Among People

5. Embed Twitter Feed on Squarespace Website

Embed feed on Squarespace

Squarespace is the all in one solution for creating a website. From startups to established brands anyone can use it to grow their business.

Squarespace has an inbuilt Analytics that will help you to track your website insights and performance. With its powerful analytics, you can get visual reports of statistics like page views, sales, conversion, revenue, and most liked content.

Let’s start embedding twitter feed on Squarespace website. After generating embed code follow the below simple steps:

Step 1

Log in to your Squarespace website.

Step 2

Open the web page where you want to embed twitter feeds.

Step 3

Now open the page editor and click Add Block.

Add block

Step 4

Select Code (</>) under More.

Select Code

Step 5

Paste your generated Aggreto code into the box.

Paste Aggreto Embed Code

Step 6

Click Apply and then Save to publish your web page.

Start Creating Live Twitter Wall For Your Squarespace Website

Embed Twitter Feed And Build More Trust Among People

6. Embed Twitter Feed on Jimdo Website

Embed feed on jimdo

Jimdo is a web hosting service that enables users to create their own professional and business website. Similar to Wix, it gives users a WYSIWYG (what-you-see-is-what-you-get) interface. So, users can create their website without knowing HTML language. Over 200 million websites are already created on Jimdo. 

Let’s start embedding twitter feed on Jimdo website. After generating embed code follow the below simple steps:

Step 1

Log in to Jimdo.

Step 2

Open the web page where you want to embed twitter feeds.

Step 3

Click on Add Element.

Add Element

Step 4

Search Widget/HTML in More Elements.

Widget or HTML

Step 5

Click on Widget/HTML (</>) button

Step 6

Paste the generated Aggreto code into the text area.

Paste the generated Aggreto code

Step 7

Save the element.

Start Creating Live Twitter Wall For Your Jimdo Website

Embed Twitter Feed And Build More Trust Among People

7. Embed Twitter Feed on Shopify Website

embed feed on shopify

Shopify is an ideal platform to create an eCommerce website. It allows anyone to create an online store and start selling products online. With minimum coding skills, anyone can create an efficient and appealing store on Shopify. It also gives tons of valuable extensions and pre-existing themes.

Let’s start embedding twitter feed on Shopify website. After generating embed code follow the below simple steps:

A. Embed Twitter feed on Every Page

To embed twitter feed on every page on shopify, follow these steps

Step 1

Select Themes in Shopify Dashboard, then click on Actions.

Step 2

Select Edit code from drop down.

Step 3

Find the theme.liquid file

Step 4

Search content_for_layout.

Step 5

Paste the generated Aggreto code outside the main div and click Save.

B. Embed Twitter feed on Homepage

To embed twitter feed on the homepage on Shopify, follow these steps

Step 1

Select Themes in Shopify Dashboard, then click on Actions.

Step 2

Select Edit code from drop down.

Step 3

Find the index.liquid file

Step 4

Search content_for_index.

Step 5

Paste the generated Aggreto code outside the div and click Save.

C. Embed Twitter feed on a Single page or post

To embed twitter feed on single page or post on Shopify, follow these steps

Step 1

Select Online Store in Shopify Dashboard, then click on Pages or Blog Posts.

Step 2

Select the page or post where you want to add embedded code.

Step 3

Click on the <> icon to switch to HTML view.

Step 4

Paste the generated Aggreto code anywhere on the page or post.

Step 5

Save the changes.

D. Embed Twitter feed using Custom HTML section

To embed twitter feed on Shopify website using Custom HTML Section, follow these steps

Step 1

Select Themes in Shopify Dashboard.

Step 2

Click on Customize.

Step 3

Select the Add Section.

Step 4

Find and select Custom Content.

Step 5

Select Add Content.

Step 6

Select Custom HTML.

Step 7

Paste the generated Aggreto code in the HTML box.

Step 8

Now save the settings.

Conclusion

So, here we have shared everything about how you can embed your twitter feed on various website building platforms using Aggreto. So, what are you waiting for? Showcase your all earned Twitter user-generated media on your website and build more trust among people.

Start Embedding Live Twitter Feed On Website With Aggreto

Build More Trust Among People By Displaying UGC