{"id":83111,"date":"2017-05-15T09:57:15","date_gmt":"2017-05-15T09:57:15","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=83111"},"modified":"2023-11-22T10:02:43","modified_gmt":"2023-11-22T10:02:43","slug":"slide-tweet-for-magento-2","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/","title":{"rendered":"Slide Tweet for Magento 2"},"content":{"rendered":"<p><a href=\"https:\/\/store.webkul.com\/Slide-Tweet-for-Magento2.html\" target=\"_blank\" rel=\"noopener\">Slide tweet for Magento 2<\/a> shows the latest Twitter feeds in your Magento 2 store. Insert this widget on any part of the page or add multiple widgets.<\/p>\n<p>Slide Tweet is very customizable, it grabs feeds from your Twitter handle and displays them in a sliding manner. There are various options available to customize the Slide Tweet widget.<\/p>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Features<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<ul>\n<li>Display a title on top the widget with a URL.<\/li>\n<li>Set the number of Twitter feeds to display.<\/li>\n<li>Set the widget frame height and width.<\/li>\n<li>Color customization for the title, title bar, frame, tweet title.<\/li>\n<li>Set Twitter profile picture icon height and width.<\/li>\n<li>Delay time interval for the feeds.<\/li>\n<li>Users can click the Twitter hashtags and profile picture.<\/li>\n<li>Visit URL links mentioned in the feeds.<\/li>\n<li>The module source code is open for customization.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Installation<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>To install this extension, please follow each and every step carefully as follows:<\/p>\n<h3>Step 1:<\/h3>\n<p>After extracting the downloaded zip file and you will get the <strong>src<\/strong> folder. Inside <strong>src<\/strong> folder, you will find the <strong>app<\/strong> folder, copy the <strong>app<\/strong> folder to the Magento2 root directory. Please view the below screenshot.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-22-45.png\" alt=\"Slide Tweet Installation\" width=\"800\" height=\"386\" loading=\"lazy\" \/><\/p>\n<h3>Step 2:<\/h3>\n<p>You need to run the following commands in the Magento 2 root directory. Please view the below screenshots:<\/p>\n<p><strong>composer require abraham\/twitteroauth<\/strong><\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/composer-1.png\"><img decoding=\"async\" class=\"alignnone wp-image-84946 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/composer-1.png\" alt=\"Slide Tweet\" width=\"677\" height=\"142\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/composer-1.png 677w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/composer-1-250x52.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/composer-1-300x63.png 300w\" sizes=\"(max-width: 677px) 100vw, 677px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>php bin\/magento setup:upgrade<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/Installation-Upgrade.png\" alt=\"Slide Tweet command\" width=\"677\" height=\"101\" loading=\"lazy\" \/><\/p>\n<p><strong>\u00a0php bin\/magento setup:di:compile<\/strong><\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/command2-compile-2.png\"><img decoding=\"async\" class=\"alignnone wp-image-88153 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/command2-compile-2.png\" alt=\"Slide Tweet\" width=\"601\" height=\"132\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/command2-compile-2.png 601w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/command2-compile-2-250x55.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/command2-compile-2-300x66.png 300w\" sizes=\"(max-width: 601px) 100vw, 601px\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>php bin\/magento setup:static-content:deploy<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"http:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/01\/Installation-Deploy.png\" alt=\" command\" width=\"674\" height=\"120\" loading=\"lazy\" \/><\/p>\n<h3>Step 3:<\/h3>\n<p>After running the commands, you need to flush the cache and reindex all from the Magento2 admin panel. Navigate through <strong>System&gt;Cache Management<\/strong>. Click <strong>Flush Magento Cache<\/strong> button as shown below:<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-09-25.png\" alt=\"Slide Tweet\" width=\"800\" height=\"766\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Multi-Lingual Configuration<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>\u00a0For Multilingual support, please navigate. <strong>Store&gt;Configuration&gt;General &gt;Locale Options<\/strong>. And select your desired language from the <strong>Locale<\/strong> option.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2017-02-28_12-40-51.png\" alt=\"configuration\" width=\"800\" height=\"755\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Language Translation<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>If you need to do the module translation, please navigate the following path in your system. <strong>app\/code\/Webkul\/SlideTweet\/i18n<\/strong>. Open the file named <strong>en_US.CSV<\/strong> for editing as shown in below screenshot.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/22-3.png\" alt=\"Slide Tweet\" width=\"800\" height=\"400\" loading=\"lazy\" \/><\/p>\n<p>Once you have opened the file for editing. Replace the words after the<strong> comma(,)<\/strong> on the right with your translated words.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/33-2.png\" alt=\"Slide Tweet\" width=\"685\" height=\"316\" loading=\"lazy\" \/><\/p>\n<p>After editing the CSV file, save it and then upload it to the same folder. Now your module translation is complete.<\/p>\n<p><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/02\/2016-05-02_16-25-34-3.png\" alt=\"Slide Tweet\" width=\"800\" height=\"399\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">How to Get Twitter Credentials<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>After the module installation, you need to get some credentials from your Twitter account. Please click <a href=\"https:\/\/apps.twitter.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>\u00a0and create a new app.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/2017-05-09_14-50-56.png\"><img decoding=\"async\" class=\"alignnone wp-image-83144 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/2017-05-09_14-50-56.png\" alt=\"twitter app\" width=\"768\" height=\"427\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/2017-05-09_14-50-56.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/2017-05-09_14-50-56-250x139.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/2017-05-09_14-50-56-300x167.png 300w\" sizes=\"(max-width: 768px) 100vw, 768px\" loading=\"lazy\" \/><\/a><\/p>\n<h3>Application Details<\/h3>\n<p>Now enter any <strong>Name<\/strong> and <strong>Description<\/strong> for the new app. \u00a0Then, enter your store URL in the <strong>Website<\/strong> field, you can also enter a redirect URL for the store in <strong>Callback URL<\/strong>. Tick the checkbox after reading the Twitter Development Application and click <strong>Create your Twitter application<\/strong>. Now your Twitter app has been created.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/2017-05-09_14-51-23.png\"><img decoding=\"async\" class=\"alignnone wp-image-83145 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/2017-05-09_14-51-23.png\" alt=\"create app\" width=\"800\" height=\"995\" loading=\"lazy\" \/><\/a><\/p>\n<p><strong>Callback<\/strong> URL can be edited by clicking on the\u00a0<strong>Details\u00a0<\/strong>button of the app as shown in the image below &#8211;<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-200986 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/edit-image-details.png\" alt=\"Slide Tweet\" width=\"800\" height=\"436\" loading=\"lazy\" \/><\/p>\n<p>Now, another page will be opened to add\/ edit a new <strong>Callback URL<\/strong>. You can now click on the\u00a0<strong>Edit\u00a0<\/strong>button and then click on the\u00a0<strong>Edit details<\/strong> to add\/ edit the <strong>Callback URL\u00a0<\/strong>as shown in the image below &#8211;<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-201011 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/edit-app-details-for-callback-url-2.png\" alt=\"url\" width=\"800\" height=\"531\" loading=\"lazy\" \/><\/p>\n<p>Here, you can edit\/ delete and add the new <strong>Callback URL\u00a0<\/strong>as shown in the image below &#8211;<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-201001 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/enter-callback-url.png\" alt=\"Slide Tweet url\" width=\"800\" height=\"1224\" loading=\"lazy\" \/><\/p>\n<p>Now by navigating to <strong>Keys and Access Tokens<\/strong> tab you can get your credentials.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/2017-05-09_14-52-17.png\"><img decoding=\"async\" class=\"alignnone wp-image-83146 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/2017-05-09_14-52-17.png\" alt=\"Slide Tweet\" width=\"800\" height=\"1187\" loading=\"lazy\" \/><\/a><\/p>\n<p>After arriving at the <strong>Keys and Access Tokens<\/strong> tab, you can now copy the <strong>Consumer Key<\/strong> and <strong>Consumer Secret<\/strong>. At the bottom of the page, click<strong> Create My Access Token<\/strong> for creating <strong>Access Token<\/strong> and <strong>Access Token Secret<\/strong>.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/2017-05-09_14-52-43.png\"><img decoding=\"async\" class=\"alignnone wp-image-83147 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/2017-05-09_14-52-43.png\" alt=\"Slide Tweet\" width=\"800\" height=\"971\" loading=\"lazy\" \/><\/a><\/p>\n<p>After clicking the<strong> Create my access token<\/strong> button, you can now view your <strong>Access Token<\/strong> and <strong>Access Token Secret<\/strong>.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/2017-05-09_14-53-05.png\"><img decoding=\"async\" class=\"alignnone wp-image-83148 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/2017-05-09_14-53-05.png\" alt=\"Slide Tweet\" width=\"800\" height=\"1173\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Module Configuration<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>After the module installation, the admin needs to navigate to <strong>Stores&gt;Configuration&gt;Webkul&gt;Slide Tweet.\u00a0<\/strong>The following page will open as per the image.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/MODULE-CONFIGURATION-1.png\"><img decoding=\"async\" class=\"alignnone wp-image-87908 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/MODULE-CONFIGURATION-1.png\" alt=\"Slide Tweet\" width=\"800\" height=\"370\" loading=\"lazy\" \/><\/a><\/p>\n<p>Here, the admin can Enable\/Disable the status of the Slide Tweet.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">Widget Configuration<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>Then, the admin will to navigate to <strong>Content&gt;Pages<\/strong>. And, the following page will open, select the page where you want to display the Slide Tweet Widget, click <strong>Edit<\/strong> option.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/select-and-edit-page-1.png\"><img decoding=\"async\" class=\"alignnone wp-image-83674 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/select-and-edit-page-1.png\" alt=\"Slide Tweet\" width=\"800\" height=\"638\" loading=\"lazy\" \/><\/a><\/p>\n<p>Now, go to the <strong>Content<\/strong> section, and click<strong> Insert Widget<\/strong> icon.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/insert-widget.png\"><img decoding=\"async\" class=\"alignnone wp-image-83671 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/insert-widget.png\" alt=\"Slide Tweet\" width=\"800\" height=\"673\" loading=\"lazy\" \/><\/a><\/p>\n<p>A pop-up window will appear, select <strong>Widget Type<\/strong> as <strong>SlideTweet<\/strong> and click <strong>Insert Widget<\/strong>.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/select-widget.png\"><img decoding=\"async\" class=\"alignnone wp-image-83672 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/select-widget.png\" alt=\"Slide Tweet\" width=\"800\" height=\"622\" loading=\"lazy\" \/><\/a><\/p>\n<p>After that, the following options will be available for the Slide Tweet widget settings:<\/p>\n<h3>Widget Options:<\/h3>\n<p><strong>Widget Type<\/strong>&#8211; Select the widget type as Slide Tweet<\/p>\n<p><strong>Title<\/strong> &#8211; Set the title for the widget box, it will appear on top. eg. Webkul<\/p>\n<p><strong>Title Link<\/strong> &#8211; Enter the URL link for the title. eg http:\/\/www.webkul.com<\/p>\n<p><strong>Title Bar Color<\/strong> &#8211; Set the title bar color. eg. white or color name in hex code<\/p>\n<p><strong>Title Color<\/strong> &#8211; Set the title text color. eg. white or color name in hex code<\/p>\n<p><strong>Tweet Title Color<\/strong> &#8211; Set the tweet title color. eg. white or color name in hex code<\/p>\n<p><strong>Number of tweets<\/strong> &#8211; Set the number of feeds to display.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-202552 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/edit-widget-1.png\" alt=\"Slide Tweet\" width=\"800\" height=\"752\" loading=\"lazy\" \/><\/p>\n<p><strong>Term<\/strong> &#8211; Enter the search term for the feeds. eg. webkul, all tweets related to the webkul word will appear.<\/p>\n<p><strong>Frame Height<\/strong> &#8211; Set the frame height in number. eg. 428<\/p>\n<p><strong>Frame Width<\/strong> &#8211; Set the frame width in number. eg.400<\/p>\n<p><strong>Frame Color<\/strong> &#8211; Set the frame color. eg. red or color name in hex code<\/p>\n<p><strong>Background Color<\/strong> &#8211; Set the background color. eg. red or color name in hex code<\/p>\n<p><strong>Tweet Background Color<\/strong> &#8211; Set the tweet background color. eg. red or color name in hex code<\/p>\n<p><strong>Frame Border Width<\/strong> &#8211; Set the frame border width. eg. 4<\/p>\n<p><strong>Icon Height<\/strong> &#8211; Set the Twitter\u00a0profile pic height. eg. 50<\/p>\n<p><strong>Icon Width<\/strong> &#8211; Set the Twitter profile pic width. eg. 50<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-202978\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/edit-widget-2-1.png\" alt=\"edit widget 2\" width=\"800\" height=\"520\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/edit-widget-2-1.png 1172w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/edit-widget-2-1.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/edit-widget-2-1.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/edit-widget-2-1.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/p>\n<p><strong>Time Out Delay<\/strong> &#8211; Set the time interval (in milliseconds) between the feeds. eg. 3000<\/p>\n<p><strong>Consumer Key<\/strong> &#8211;\u00a0Enter Twitter Consumer Key (API Key) here.<\/p>\n<p><strong>Consumer Secret<\/strong> &#8211; Enter Twitter Consumer Secret (API Secret) here.<\/p>\n<p><strong>Oauth Access Token<\/strong> &#8211; Enter Twitter Access Token here.<\/p>\n<p><strong>Oauth Access Token Secret<\/strong> &#8211; Enter Twitter Access Token Secret here.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-202962\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/edit-widget-3-1.png\" alt=\"edit widget 3\" width=\"800\" height=\"296\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/edit-widget-3-1.png 1152w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/edit-widget-3-1.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/edit-widget-3-1.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/edit-widget-3-1.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/p>\n<p>Click <strong>Save<\/strong> when done.<\/p>\n<p>After setting up the widget options, the widget will appear in the content section. Click Save Page to apply your changes.<\/p>\n<p><a href=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/2017-05-09_15-35-46.png\"><img decoding=\"async\" class=\"alignnone wp-image-83673 size-full\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/2017-05-09_15-35-46.png\" alt=\"home page\" width=\"800\" height=\"638\" loading=\"lazy\" \/><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"panel panel-primary\">\n<div class=\"panel-heading\">\n<div>\n<h3 class=\"panel-title\">User Front-End View<\/h3>\n<\/div>\n<\/div>\n<div class=\"panel-body\">\n<div>\n<p>On the front-end, the users will be seeing the Slide Tweet widget as visible below. The users can click the hashtags in the feeds and visit the Twitter website. If there&#8217;s a URL link in the feed, the user can click it and visit the website.<\/p>\n<p>The widget will show the title, frame, Twitter profile pic, feed title. The users can click the title and visit the web page set by the admin. If a user clicks any profile picture, it will be\u00a0redirected to the Twitter profile page.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-203242\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Webkul-Magento2-SlideTweet-frontend-8.png\" alt=\"frontend\" width=\"800\" height=\"473\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Webkul-Magento2-SlideTweet-frontend-8.png 1187w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Webkul-Magento2-SlideTweet-frontend-8.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Webkul-Magento2-SlideTweet-frontend-8.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Webkul-Magento2-SlideTweet-frontend-8.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"lazy\" \/><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>Thank you for viewing this blog for the extension. If you have any queries or need more information, please visit <a href=\"https:\/\/webkul.uvdesk.com\/en\/\">webkul.uvdesk.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Slide tweet for Magento 2 shows the latest Twitter feeds in your Magento 2 store. Insert this widget on any part of the page or add multiple widgets. Slide Tweet is very customizable, it grabs feeds from your Twitter handle and displays them in a sliding manner. There are various options available to customize the <a href=\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":135,"featured_media":83113,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[302],"tags":[384,2460,561],"class_list":["post-83111","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento2","tag-feeds","tag-magento-2","tag-twitter-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Slide Tweet for Magento 2 | Show Twitter Feeds Widget<\/title>\n<meta name=\"description\" content=\"Slide Tweet for Magento 2 displays the latest feeds from Twitter. Enter the search term and the widget will grab the latest feeds automatically.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Slide Tweet for Magento 2 | Show Twitter Feeds Widget\" \/>\n<meta property=\"og:description\" content=\"Slide Tweet for Magento 2 displays the latest feeds from Twitter. Enter the search term and the widget will grab the latest feeds automatically.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/rk225\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-15T09:57:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-22T10:02:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Slide-Tweet-for-Magento-2-banner.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Rohit Kashyap\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Slide Tweet for Magento 2 | Show Twitter Feeds Widget\" \/>\n<meta name=\"twitter:description\" content=\"Show latest Twitter feeds in your store. Insert this widget on any part of the page or add multiple widgets. Slide Tweet is very customizable, it grabs feeds from your Twitter handle and display them in a sliding manner. There are various options available to customize the Slide Tweet widget.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Slide-Tweet-for-Magento-2-banner-1.png\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/rohitk225\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rohit Kashyap\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/\"},\"author\":{\"name\":\"Rohit Kashyap\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/8af0383ed18e56d4b0a71504f0d3dac6\"},\"headline\":\"Slide Tweet for Magento 2\",\"datePublished\":\"2017-05-15T09:57:15+00:00\",\"dateModified\":\"2023-11-22T10:02:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/\"},\"wordCount\":1122,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Slide-Tweet-for-Magento-2-banner.png\",\"keywords\":[\"feeds\",\"Magento 2\",\"twitter\"],\"articleSection\":[\"Magento2\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/\",\"url\":\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/\",\"name\":\"Slide Tweet for Magento 2 | Show Twitter Feeds Widget\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Slide-Tweet-for-Magento-2-banner.png\",\"datePublished\":\"2017-05-15T09:57:15+00:00\",\"dateModified\":\"2023-11-22T10:02:43+00:00\",\"description\":\"Slide Tweet for Magento 2 displays the latest feeds from Twitter. Enter the search term and the widget will grab the latest feeds automatically.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Slide-Tweet-for-Magento-2-banner.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Slide-Tweet-for-Magento-2-banner.png\",\"width\":\"825\",\"height\":\"260\",\"caption\":\"Slide Tweet for Magento 2 banner\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Slide Tweet for Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/8af0383ed18e56d4b0a71504f0d3dac6\",\"name\":\"Rohit Kashyap\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2a03958fa8ce3547181ab06e5a13c57dc5861ea7b27f90282b6eb7ae97118e58?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2a03958fa8ce3547181ab06e5a13c57dc5861ea7b27f90282b6eb7ae97118e58?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Rohit Kashyap\"},\"description\":\"Rohit Kashyap drives global promotion of digital commerce services through client success documentation, social media management, and video podcast sessions, enhancing the visibility and market reach.\",\"sameAs\":[\"https:\/\/webkul.com\/\",\"https:\/\/www.facebook.com\/rk225\",\"https:\/\/www.instagram.com\/rk225\",\"https:\/\/in.linkedin.com\/in\/rk225\",\"https:\/\/x.com\/https:\/\/twitter.com\/rohitk225\"],\"url\":\"https:\/\/webkul.com\/blog\/author\/rohit-kashyap971\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Slide Tweet for Magento 2 | Show Twitter Feeds Widget","description":"Slide Tweet for Magento 2 displays the latest feeds from Twitter. Enter the search term and the widget will grab the latest feeds automatically.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/","og_locale":"en_US","og_type":"article","og_title":"Slide Tweet for Magento 2 | Show Twitter Feeds Widget","og_description":"Slide Tweet for Magento 2 displays the latest feeds from Twitter. Enter the search term and the widget will grab the latest feeds automatically.","og_url":"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_author":"https:\/\/www.facebook.com\/rk225","article_published_time":"2017-05-15T09:57:15+00:00","article_modified_time":"2023-11-22T10:02:43+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Slide-Tweet-for-Magento-2-banner.png","type":"image\/png"}],"author":"Rohit Kashyap","twitter_card":"summary_large_image","twitter_title":"Slide Tweet for Magento 2 | Show Twitter Feeds Widget","twitter_description":"Show latest Twitter feeds in your store. Insert this widget on any part of the page or add multiple widgets. Slide Tweet is very customizable, it grabs feeds from your Twitter handle and display them in a sliding manner. There are various options available to customize the Slide Tweet widget.","twitter_image":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Slide-Tweet-for-Magento-2-banner-1.png","twitter_creator":"@https:\/\/twitter.com\/rohitk225","twitter_site":"@webkul","twitter_misc":{"Written by":"Rohit Kashyap","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/"},"author":{"name":"Rohit Kashyap","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/8af0383ed18e56d4b0a71504f0d3dac6"},"headline":"Slide Tweet for Magento 2","datePublished":"2017-05-15T09:57:15+00:00","dateModified":"2023-11-22T10:02:43+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/"},"wordCount":1122,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Slide-Tweet-for-Magento-2-banner.png","keywords":["feeds","Magento 2","twitter"],"articleSection":["Magento2"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/","url":"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/","name":"Slide Tweet for Magento 2 | Show Twitter Feeds Widget","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Slide-Tweet-for-Magento-2-banner.png","datePublished":"2017-05-15T09:57:15+00:00","dateModified":"2023-11-22T10:02:43+00:00","description":"Slide Tweet for Magento 2 displays the latest feeds from Twitter. Enter the search term and the widget will grab the latest feeds automatically.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Slide-Tweet-for-Magento-2-banner.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Slide-Tweet-for-Magento-2-banner.png","width":"825","height":"260","caption":"Slide Tweet for Magento 2 banner"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/slide-tweet-for-magento-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Slide Tweet for Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/8af0383ed18e56d4b0a71504f0d3dac6","name":"Rohit Kashyap","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2a03958fa8ce3547181ab06e5a13c57dc5861ea7b27f90282b6eb7ae97118e58?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2a03958fa8ce3547181ab06e5a13c57dc5861ea7b27f90282b6eb7ae97118e58?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Rohit Kashyap"},"description":"Rohit Kashyap drives global promotion of digital commerce services through client success documentation, social media management, and video podcast sessions, enhancing the visibility and market reach.","sameAs":["https:\/\/webkul.com\/","https:\/\/www.facebook.com\/rk225","https:\/\/www.instagram.com\/rk225","https:\/\/in.linkedin.com\/in\/rk225","https:\/\/x.com\/https:\/\/twitter.com\/rohitk225"],"url":"https:\/\/webkul.com\/blog\/author\/rohit-kashyap971\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/83111","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/135"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=83111"}],"version-history":[{"count":59,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/83111\/revisions"}],"predecessor-version":[{"id":412440,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/83111\/revisions\/412440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/83113"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=83111"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=83111"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=83111"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}