{"id":5429,"date":"2020-03-15T15:00:54","date_gmt":"2020-03-15T14:00:54","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=5429"},"modified":"2020-10-01T17:11:02","modified_gmt":"2020-10-01T15:11:02","slug":"how-to-display-tweets-in-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-display-tweets-in-wordpress\/","title":{"rendered":"How to Display Twitter Feed in WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]<strong>Twitter is, without a doubt, one of the most popular social networking platforms in the world today<\/strong>, with approximately 330 million monthly active users, <a href=\"https:\/\/s22.q4cdn.com\/826641620\/files\/doc_financials\/2019\/q1\/Q1-2019-Slide-Presentation.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">according to the Q1 2019 Earnings Report<\/a>. This makes it ideal for boosting brand exposure, which is why it\u2019s always a good idea to have your tweets displayed somewhere on your website or blog.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Just like with <a href=\"https:\/\/qodeinteractive.com\/magazine\/embed-youtube-video-in-wordpress\/\">embedding a YouTube video<\/a>, displaying your Twitter feed on your WordPress website or blog is rather simple to do. Today <strong>we\u2019ll show you a few different ways in which you can display your tweets in WordPress<\/strong> \u2013 including how to do it with <a href=\"https:\/\/qodeinteractive.com\/themes-list\/\">Qode Interactive themes<\/a>. Whether you\u2019re using one of the <a href=\"https:\/\/qodeinteractive.com\/theme-tag\/social-media-wordpress-themes\/\">social media WordPress themes<\/a> to boost your online and social media presence, or you\u2019re simply looking for ways to share your tweets on your site, this tutorial breaks it all down for you in simple and quick steps.[\/vc_column_text][vc_empty_space height=&#8221;41px&#8221;][vc_column_text]<iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/dIyyDxUFxuA\" width=\"1280\" height=\"720\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>[\/vc_column_text][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Benefits of Displaying Tweets on Your Website<\/h2>\n<p>[\/vc_column_text][vc_column_text]Twitter is a great platform for sharing content, branding and advertising, which is exactly why so many businesses put up their Twitter feed (or most relevant tweets) on their website.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This is a great opportunity to have your website visitors check out your Twitter and potentially give you a follow, and vice versa \u2013 to get your Twitter followers to visit your site and explore more of your content, boosting your traffic and, potentially, your conversions. In short, by integrating your Twitter account with your website, <strong>you can increase the visibility of your business and can keep your customers engaged with your brand<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]So, without further ado, let\u2019s get into how you can display tweets on your WordPress website. We will talk about the most common places for displaying your tweets \u2013 the sidebar and pages\/posts.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In case you want to learn all about <a href=\"https:\/\/qodeinteractive.com\/magazine\/social-media-image-sizes\/\">recommended Social Media Image Sizes<\/a> in 2020, you may want to check out this article as well.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;50px&#8221;][vc_widget_sidebar sidebar_id=&#8221;top-picks-banner&#8221;][vc_empty_space height=&#8221;28px&#8221;][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#f0f0f0&#8243;][vc_empty_space height=&#8221;60px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">How to Embed Twitter Feed in WordPress Sidebar<\/h2>\n<p>[\/vc_column_text][vc_column_text]In WordPress, the most common, and one of the most convenient locations to display the recent tweets is the sidebar. People are used to finding them in this location so they will probably look for the tweets there intuitively. Here are all the ways in which you can display your tweets in the WordPress sidebar.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Displaying Tweets in the WordPress Sidebar With the WordPress Text Widget<\/h3>\n<p>[\/vc_column_text][vc_column_text]First things first, you need to <strong>copy the URL of the Twitter profile you want to add to your website<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-URL.jpg\" class=\"attachment-full size-full\" alt=\"Twitter URL\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-URL.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-URL-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-URL-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, <strong>head to <em>Appearance &gt;&gt; Widgets<\/em> in your WordPress dashboard<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Appearance-Widgets.jpg\" class=\"attachment-full size-full\" alt=\"Appearance Widgets\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Appearance-Widgets.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Appearance-Widgets-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Appearance-Widgets-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you find the Text widget on the left side of the screen, simply <strong>drag and drop it to the Sidebar widget area on the right<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Text-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Text Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Text-Widget.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Text-Widget-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Text-Widget-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Alternatively, you can click on it and select <em><strong>Add widget<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Add-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Add Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Add-Widget.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Add-Widget-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Add-Widget-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Also, you can position your Text widget wherever you like in the sidebar area by dragging it up or down with your mouse.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Next, you should paste the Twitter URL that you copied earlier into the text widget. To complete the action, click on <em><strong>Save<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Text-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Twitter Text Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Text-Widget.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Text-Widget-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Text-Widget-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, here\u2019s what your recent tweets will look like live.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Similarly to how you can add the entire feed of recent tweets to your sidebar, you can also do the same for a single tweet, thread, or any other Twitter link that you wish to share on your website (such as a Twitter collection, a moment, your likes timeline, and so on).[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>To add a single tweet to your website<\/strong>, go to <em><strong>Appearance &gt;&gt; Widgets<\/strong><\/em> and find and drag the Text widget to the sidebar area. Then, copy the link of your tweet, thread or anything else you wish to display in your sidebar.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Single-Tweet-URL.jpg\" class=\"attachment-full size-full\" alt=\"Single Tweet URL\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Single-Tweet-URL.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Single-Tweet-URL-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Single-Tweet-URL-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, simply paste your link in the text widget and hit the Save button. [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Single-Text-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Twitter Single Text Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Single-Text-Widget.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Single-Text-Widget-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Single-Text-Widget-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once again, go to your website\u2019s frontend to check the results.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Displaying Tweets in the WordPress Sidebar Using the Twitter Publish Feature<\/h3>\n<p>[\/vc_column_text][vc_column_text]In case you want to display your Twitter posts without the scrollbar, <strong>you can always use the <a href=\"https:\/\/publish.twitter.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Twitter Publish<\/a> feature<\/strong>. This feature is also convenient because it allows you to copy embed codes for any link from your Twitter, including your feed, a single tweet or a thread, a collection, a list, a moment, a likes timeline, and so on. You can either enter your URL in the empty box or choose one of the following options: <em>Embedded Tweet<\/em>, <em>Embedded Timeline<\/em>, or <em>Twitter Buttons<\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Publish-Twitter.jpg\" class=\"attachment-full size-full\" alt=\"Publish Twitter\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Publish-Twitter.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Publish-Twitter-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Publish-Twitter-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]To generate the embed code for your Twitter feed, head to the <a href=\"https:\/\/publish.twitter.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Twitter Publish<\/a> webpage and enter your Twitter page URL (which you\u2019ve previously copied). Then, hit the arrow on the right side of the box.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Publish-Embed.jpg\" class=\"attachment-full size-full\" alt=\"Twitter Publish Embed\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Publish-Embed.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Publish-Embed-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Publish-Embed-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you do this, two options will appear \u2013 Embedded Timeline and Twitter Buttons. Since the second option only allows you to display a Twitter button on your site, you should pick the first one.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Publish-Twitter-Embedded-Timeline.jpg\" class=\"attachment-full size-full\" alt=\"Publish Twitter Embedded Timeline\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Publish-Twitter-Embedded-Timeline.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Publish-Twitter-Embedded-Timeline-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Publish-Twitter-Embedded-Timeline-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Next, copy the embed code.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Publish-Twitter-Copy-Code.jpg\" class=\"attachment-full size-full\" alt=\"Publish Twitter Copy Code\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Publish-Twitter-Copy-Code.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Publish-Twitter-Copy-Code-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Publish-Twitter-Copy-Code-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]After that, access the Widgets screen by going to <em><strong>Appearance &gt;&gt; Widgets<\/strong><\/em>. Find the Custom HTML widget and drag it into the Sidebar area.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Widgets-Custom-HTML.jpg\" class=\"attachment-full size-full\" alt=\"Widgets Custom HTML\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Widgets-Custom-HTML.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Widgets-Custom-HTML-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Widgets-Custom-HTML-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, simply paste the code you got from Twitter Publish into the <em>Content<\/em> section of your widget, and click the <em><strong>Save<\/strong><\/em> button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Custom-HTML-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Twitter Custom HTML Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Custom-HTML-Widget.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Custom-HTML-Widget-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Custom-HTML-Widget-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This way, the Twitter feed will be displayed without the pesky scroll bar. [\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For <strong>adding a single tweet (or any other type of Twitter link)<\/strong> to your sidebar with Twitter Publish, paste the URL of your tweet there, just like we did with the Twitter feed URL above.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Single-Publish-Embed.jpg\" class=\"attachment-full size-full\" alt=\"Twitter Single Publish Embed\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Single-Publish-Embed.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Single-Publish-Embed-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Single-Publish-Embed-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you click on the arrow in the URL box and generate the embed code, go to <em><strong>Appearance &gt;&gt; Widgets<\/strong><\/em> and drag the Custom HTML Widget into the Sidebar. Finally, paste the embed code from Twitter Publish there and hit the Save button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Single-Custom-HTML-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Twitter Single Custom HTML Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Single-Custom-HTML-Widget.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Single-Custom-HTML-Widget-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Single-Custom-HTML-Widget-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, we have to note that even though the sidebar is the most common area where you can put your tweets, you can add them to other parts of your site as well, like your footer, your side area, or any other widget area of your choice. The steps for adding your tweets to other widget areas are the same as above \u2013 the only difference being that instead of a sidebar, you would have to drag your Text Widget (or Custom HTML Widget) to the desired area instead.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">How to Embed Twitter Feed in WordPress Pages and Posts<\/h2>\n<p>[\/vc_column_text][vc_column_text]In WordPress, you can also add tweets to any of your pages or posts. We\u2019ll show you how you can do it in both <strong>Gutenberg<\/strong> and <strong>Classic editor<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Adding Tweets to WordPress Pages and Posts in the Gutenberg Editor<\/h3>\n<p>[\/vc_column_text][vc_column_text]To add your most recent tweets to one of your pages or posts in the Gutenberg Editor, you need to access the page or post in question in your backend by going to <em><strong>Posts &gt;&gt; All Posts<\/strong><\/em> or <em><strong>Pages &gt;&gt; All Pages<\/strong><\/em> (or, if you\u2019re creating a brand new page\/post, by going to <em><strong>Pages\/Posts &gt;&gt; Add New<\/strong><\/em>), and then <strong>click on the \u201cplus\u201d icon<\/strong> in the upper left corner.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Plus-Icon.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Plus Icon\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Plus-Icon.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Plus-Icon-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Plus-Icon-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Next, <strong>type in \u201ctwitter\u201d in the search bar and select the Twitter block<\/strong> in order to add it.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Twitter.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Twitter\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Twitter.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Twitter-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Twitter-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once again, copy your profile\u2019s URL, and paste it into the Twitter block. To finish adding the URL, click on <em><strong>Embed<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Twitter-Embed.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Twitter Embed\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Twitter-Embed.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Twitter-Embed-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Twitter-Embed-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Don\u2019t forget to hit the <em><strong>Update\/Publish<\/strong><\/em> button to save your changes.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Publish-Post.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Publish Post\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Publish-Post.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Publish-Post-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Publish-Post-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Just like in the previous cases, your Twitter feed will be automatically displayed on your page\/post.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Twitter.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Display Twitter\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Twitter.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Twitter-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Twitter-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Alternatively, you can also <strong>add tweets to your page or post in Gutenberg with the Twitter Publish feature<\/strong>. After clicking on the \u201cplus\u201d sign in your backend, type in \u201ccustom HTML\u201d to find the Custom HTML block.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Custom-HTML.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Custom HTML\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Custom-HTML.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Custom-HTML-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Custom-HTML-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, all you need to do is paste the code that you copied from Twitter Publish into the custom HTML block itself, and of course, hit <em><strong>Update\/Publish<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Twitter-Custom-HTML.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Twitter Custom HTML\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Twitter-Custom-HTML.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Twitter-Custom-HTML-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Twitter-Custom-HTML-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]And voil\u00e0\u2013 your Twitter feed will be displayed right there on your page or post.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Twitter.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Display Twitter\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Twitter.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Twitter-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Twitter-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]For <strong>adding a single tweet (a list, a thread, a moment, etc.) to your page or post with the Gutenberg editor<\/strong>, go to the page\/post\u2019s backend and search for the Twitter block in the editor once you click on the \u201cplus\u201d icon. Paste the link of your tweet there, click on <em>Embed<\/em> and then <em>Update\/Publish<\/em>, and you\u2019re all set.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Single-Tweet.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Single-Tweet.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Single-Tweet-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Single-Tweet-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, if you want to <strong>add a single tweet to your page or post with the help of Twitter Publish<\/strong>, paste your URL on their page and copy the embed code.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Publish-Embed-Single-Tweet.jpg\" class=\"attachment-full size-full\" alt=\"Twitter Publish Embed Single Tweet\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Publish-Embed-Single-Tweet.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Publish-Embed-Single-Tweet-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Publish-Embed-Single-Tweet-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, access the backend of your page or post, click the \u201cplus\u201d icon and find the Custom HTML block. Paste the embed code within the block, click on <em>Update\/Publish<\/em> and that\u2019s it \u2013 your tweet will be displayed in your page\/post\u2019s content.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Adding Tweets to WordPress Pages and Posts in the Classic Editor<\/h3>\n<p>[\/vc_column_text][vc_column_text]If you prefer theClassic Editor and want to add tweets to your page\/post, you can do it by <strong>copying and pasting your Twitter URL directly into the editor<\/strong>. Make sure, though, that the Visual mode is turned on. You can place your Twitter feed wherever you like within your content \u2013 just make sure to paste your URL in the separate line.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The instant you paste your URL, you will be able to see your feed in the editor.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Classic-Editor.jpg\" class=\"attachment-full size-full\" alt=\"Twitter Classic Editor\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Classic-Editor.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Classic-Editor-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Twitter-Classic-Editor-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>Don\u2019t forget to click the <em>Publish\/Update<\/em> button<\/strong> once you\u2019re done.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Classic-Post-Update.jpg\" class=\"attachment-full size-full\" alt=\"Classic Post Update\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Classic-Post-Update.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Classic-Post-Update-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Classic-Post-Update-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The process is the same if you want to <strong>add a single tweet or a thread to your page or post<\/strong> \u2013 just copy\/paste the URL of your tweet in the post editor, click Publish and you\u2019re all set.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Alternatively, you can <strong>add your Twitter feed, single tweet\/thread or any other type of Twitter URL in the Classic Editor with Twitter Publish<\/strong>. After going to the Twitter Publish page and copying the embed code of your URL, switch to <em>Text<\/em> mode in your editor and insert the embed code wherever you like.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Classic-Post-Text-Editing-Mode.jpg\" class=\"attachment-full size-full\" alt=\"Classic Post Text Editing Mode\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Classic-Post-Text-Editing-Mode.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Classic-Post-Text-Editing-Mode-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Classic-Post-Text-Editing-Mode-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]After you\u2019re done, you can click on <em>Publish<\/em> and go preview your page\/post to see what it looks like live.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Single-Tweet.jpg\" class=\"attachment-full size-full\" alt=\"\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Single-Tweet.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Single-Tweet-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Gutenberg-Display-Single-Tweet-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Displaying Tweets in Qode Interactive Themes<\/h2>\n<p>[\/vc_column_text][vc_column_text]Now that we covered various ways in which you can display your tweets on your website, let\u2019s see <strong>how you can do it if you use (or plan to use) one of the <a href=\"https:\/\/qodeinteractive.com\/themes-list?orderby=date&amp;order=desc\">Qode Interactive themes<\/a> for your website<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The first thing you need to do is connect your website to Twitter. <strong>You can find this setting in <em>Qode Options &gt;&gt; Social<\/em><\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Options-Social.jpg\" class=\"attachment-full size-full\" alt=\"Qode Options Social\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Options-Social.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Options-Social-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Options-Social-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You will also find some other social options here, such as the option to enable social sharing, as well as to connect with Instagram. Right now, we\u2019re looking for the \u201cConnect with Twitter\u201d option. [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Connect-With-Twitter.jpg\" class=\"attachment-full size-full\" alt=\"Connect With Twitter\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Connect-With-Twitter.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Connect-With-Twitter-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Connect-With-Twitter-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Note that in order to connect with Twitter, <strong>you need to be logged in to your Twitter account<\/strong>. Then, hit the <em>Connect with Twitter<\/em> button and click on <em><strong>Authorize app<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Authorize-Twitter.jpg\" class=\"attachment-full size-full\" alt=\"Authorize Twitter\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Authorize-Twitter.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Authorize-Twitter-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Authorize-Twitter-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]After you do this, a message will pop up letting you know that you\u2019ve successfully connected with your Twitter account. After this, you will also be able to <em>Re-connect with Twitter<\/em>, for example, in case you want to connect a different account to your website.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Connected-Twitter.jpg\" class=\"attachment-full size-full\" alt=\"Connected Twitter\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Connected-Twitter.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Connected-Twitter-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Connected-Twitter-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<\/p>\n<p style=\"text-align: left;\">In case you have any trouble displaying tweets (this might happen, for example, when you change the Twitter account connected to your website), there\u2019s a very simple way to <a href=\"https:\/\/helpcenter.qodeinteractive.com\/hc\/en-us\/articles\/360002329097-What-To-Do-If-Your-Twitter-Account-Is-Connected-But-Not-Displaying\">reset Twitter from the database<\/a> which will solve these types of issues. We also recommend that you <a href=\"https:\/\/helpcenter.qodeinteractive.com\/hc\/en-us\/articles\/360002284157-How-To-Solve-The-Twitter-Widget-Issue\">set a cache time for your tweets<\/a>.<\/p>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Qode themes offer two additional ways in which you can display tweets \u2013 <strong>one is by using the Qode Twitter Widget, and the other is with the help of a shortcode<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Adding Tweets Using the Qode Twitter Widget<\/h3>\n<p>[\/vc_column_text][vc_column_text]To use this method, go to <em><strong>Appearance &gt;&gt; Widgets<\/strong><\/em>, and find the <em><strong>Qode Twitter Widget<\/strong><\/em> in the list of available widgets. Then, select the widget area where you wish your tweets to be displayed and click on <em><strong>Add Widget<\/strong><\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Qode Twitter Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Widget.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Widget-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Widget-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The Qode Twitter Widget comes with a few useful options which will allow you more control over how your tweets will be displayed. For example, <strong>you can set the number of tweets you want to be shown, whether you want to show tweet time<\/strong>, and so on.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Widget-Options.jpg\" class=\"attachment-full size-full\" alt=\"Qode Twitter Widget Options\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Widget-Options.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Widget-Options-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Widget-Options-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Adding Tweets Using a Shortcode<\/h3>\n<p>[\/vc_column_text][vc_column_text]Since Qode themes come with the integrated WPBakery plugin, you can put your tweets anywhere on your page or post with the help of the Qode Twitter Feed shortcode, which is exclusive for Qode Interactive themes. After you\u2019ve selected WPBakery Page Builder to edit your page or post, you just need to <strong>click on <em>Add Element<\/em> and find <em>Qode Twitter Feed<\/em><\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Feed-SC.jpg\" class=\"attachment-full size-full\" alt=\"Qode Twitter Feed SC\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Feed-SC.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Feed-SC-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Feed-SC-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The shortcode has the same general options as the Qode Twitter widget:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Feed-SC-Settings.jpg\" class=\"attachment-full size-full\" alt=\"Qode Twitter Feed SC Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Feed-SC-Settings.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Feed-SC-Settings-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Feed-SC-Settings-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In the <em>Design Options<\/em> tab, <strong>some additional options allow you to alter the design of your tweets<\/strong>. Here you can change the author name color, screen name and date color, and the color of your text.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"375\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Feed-SC-Design-Options.jpg\" class=\"attachment-full size-full\" alt=\"Qode Twitter Feed SC Design Options\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Feed-SC-Design-Options.jpg 700w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Feed-SC-Design-Options-300x161.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-Feed-SC-Design-Options-620x332.jpg 620w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, here\u2019s an example of how your tweets will be displayed in the <a href=\"https:\/\/qodeinteractive.com\/wordpress-theme\/bridge-creative-multi-purpose-wordpress-theme\/\">Bridge theme<\/a> for WordPress.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"378\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter.jpg\" class=\"attachment-full size-full\" alt=\"Qode Twitter\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter.jpg 710w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2020\/03\/Qode-Twitter-620x330.jpg 620w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Wrapping Up<\/h2>\n<p>[\/vc_column_text][vc_column_text]That concludes our guide on how to display tweets on your WordPress website \u2013 including how to do it using one of the Qode Interactive themes. No matter which method you decide to use, <strong>adding tweets to your website can keep your audience engaged with your content<\/strong> and can help strengthen the influence of your brand. Just make sure that the tweets you choose are relevant to your website\u2019s topics and scope, and that they offer something fresh and valuable to your visitors.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Twitter is an ideal social networking platform for keeping your customers engaged with your brand. Let&#8217;s take a look at how you can display tweets in WordPress.<\/p>\n","protected":false},"author":2,"featured_media":8045,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[15,4,13],"class_list":["post-5429","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-plugins","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/5429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=5429"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/5429\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/8045"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=5429"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=5429"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=5429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}