Twitter Feed

To integrate Facebook features into your website or application, you’ll need to configure the Facebook API correctly. We’ve prepared a comprehensive guide to walk you through the setup process, including how to generate access tokens, connect your account, and retrieve data securely.

Please refer to the following documentation for step-by-step instructions:

🔗 Twitter API Integration Guide

The Twitter Feed Widget allows you to add, style, and manage a section displaying Twitter posts from a specific account anywhere on your Elementor-powered page. It’s perfect for showcasing social media activity, increasing engagement, and building a connection with your audience through customizable layouts, styling options, and responsive settings.

Whether you’re designing a personal blog, business page, or community site, the Twitter Feed Widget helps you integrate your Twitter posts in an engaging and professional manner.

Key Features:

• Display Twitter posts in a list or grid layout
• Customize the number of posts and display options
• Style post text, images, and interactions (likes, retweets, comments)
• Integrate with your Twitter account via API
• Fully responsive and optimized

🚀 How to Enable the Twitter Feed Widget

To start using the Twitter Feed Widget, follow these steps:

1. Navigate to your WordPress dashboard.
2. Go to Topper Pack → Widgets.
3. Locate the Twitter Feed Widget from the list.
4. Toggle the switch to “On” to enable it.
5. The widget is now available in the Elementor editor.

🧩 How to Use the Twitter Feed Widget in Elementor

Step 1: Add the Widget to Your Page

• Open your desired page in the Elementor Editor.
• Search for “Twitter Feed” in the Elementor widget panel.
• Drag and drop the Twitter Feed Widget TP widget onto your page canvas.
• 🔄 Tip: It includes the TP badge, indicating it’s from the Topper Pack.

Step 2: Configure Twitter Settings

• Under the Content → Twitter Settings section:
  • Set API Type to “Global” or a specific API key if configured.
  • Enter Twitter Username (e.g., @exampleuser) to fetch posts from.
  • Set Display Posts to the number of tweets to show (e.g., 10).
  • Toggle Cache Feed to “Yes” and set Cache Time (e.g., in minutes) for performance optimization.

Step 3: Configure Additional Settings

• Under the Content → Additional Settings section:
  • Set Columns to define the layout (e.g., 3 columns).
  • Adjust Gutter Size for spacing between posts.
  • Toggle Show Text, Show Featured Image, Show Author Name, Show Date, Show Like, Show Retweet, Show Comment, and Show Read More to customize what appears.
  • Set Text Length (e.g., 100 characters) to limit tweet text.
  • Set Read More Text (e.g., “Read More”) and Link Open Type (e.g., “New Tab”) for read-more links.

Step 4: Style the Widget

• Under the Style → General Style section:
  • Set Background Type (e.g., Classic) and customize Background Color.
  • Adjust Border Type, Border Radius, and Box Shadow for the widget container.
• Under the Style → Header, Image, Content, and Footer sections:
  • Customize typography, colors, and spacing for each section as needed.

✅ Final Preview and Save

Once your Twitter Feed Widget settings and style options are applied:

• Click Preview Changes to see how it looks.
• Hit Publish or Update to save your page.