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:
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.
The Instagram Feed Widget allows you to add, style, and manage a section displaying Instagram posts from a specific account anywhere on your Elementor-powered page. It’s perfect for showcasing visual content, boosting engagement, and growing your social media presence with customizable layouts, styling options, and responsive settings.
Whether you’re designing a portfolio, business page, or e-commerce site, the Instagram Feed Widget helps you integrate your Instagram posts in an engaging and professional manner.
Key Features:
Display Instagram posts in a grid or carousel layout
Customize the number of posts and display options
Style post images, captions, and interactions (likes, comments)
Integrate with your Instagram account via API
Fully responsive and optimized
🚀 How to Enable the Instagram Feed Widget
To start using the Instagram Feed Widget, follow these steps:
Navigate to your WordPress dashboard.
Go to Topper Pack → Widgets.
Locate the Instagram Feed Widget from the list.
Toggle the switch to “On” to enable it.
The widget is now available in the Elementor editor.
🧩 How to Use the Instagram Feed Widget in Elementor
Step 1: Add the Widget to Your Page
Open your desired page in the Elementor Editor.
Search for “Instagram Feed” in the Elementor widget panel.
Drag and drop the Instagram Feed Widget TP widget onto your page canvas.
🔄 Tip: It includes the TP badge, indicating it’s from the Topper Pack.
Step 2: Configure Instagram Settings
Under the Content → Instagram Settings section:
Set API Type to “Global” or a specific API key if configured.
Enter Instagram Access Token (e.g., obtained via Instagram Developer Portal).
Set Display Posts to the number of posts to show (e.g., 9).
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 Layout Type to “Grid” or “Carousel”.
Set Columns to define the layout (e.g., 3 columns for Grid).
Adjust Gutter Size for spacing between posts.
Toggle Show Caption, Show Likes, and Show Comments to customize what appears.
Set Caption Length (e.g., 100 characters) to limit caption text.
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 → Image and Caption sections:
Customize image hover effects, typography, colors, and spacing as needed.
✅ Final Preview and Save
Once your Instagram Feed Widget settings and style options are applied:
Instagram 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:
🔗 Instagram 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.
The Instagram Feed Widget allows you to add, style, and manage a section displaying Instagram posts from a specific account anywhere on your Elementor-powered page. It’s perfect for showcasing visual content, boosting engagement, and growing your social media presence with customizable layouts, styling options, and responsive settings.
Whether you’re designing a portfolio, business page, or e-commerce site, the Instagram Feed Widget helps you integrate your Instagram posts in an engaging and professional manner.
Key Features:
🚀 How to Enable the Instagram Feed Widget
To start using the Instagram Feed Widget, follow these steps:
🧩 How to Use the Instagram Feed Widget in Elementor
Step 1: Add the Widget to Your Page
Step 2: Configure Instagram Settings
Step 3: Configure Additional Settings
Step 4: Style the Widget
✅ Final Preview and Save
Once your Instagram Feed Widget settings and style options are applied: