Animated Blocks on Scroll vs Smash Balloon Social Photo Feed – Easy Social Feeds Plugin

Add scroll based animations to WordPress Gutenberg blocks. Features Choose from 76 cross-browser CSS3 animations or add your own Preview animations in the editor Adjust the animation duration, delay, scroll threshold, and offset Apply animation controls directly to regular Gutenberg blocks Show or hide animation controls for regular blocks from Settings > Animated Blocks Replay the selected dropdown animation from the editor inspector Settings Duration: The speed of the animation in milliseconds. Delay: How many milliseconds to wait before animating the element. Threshold: Add animation when x% of the element enters the screen. Start with opacity 0: Set the element to opacity 0 when the page loads. The option works for elements transitioning to 100% opacity through CSS. Offset Top (available in the block’s advanced settings): Number of pixels to offset the animated block from the top of the page. Useful when a page has a fixed top navigation bar. Show animation controls on all blocks: Enable or disable animation controls for regular Gutenberg blocks. When disabled, blocks that already have saved animation settings keep showing the controls until those settings are cleared. Class name “ab-animation-end” is added to the animated block after the CSS animation has ended. This class name can be used to add custom styles. Requirements PHP 5.6+ is recommended, WordPress 5.0+, and Gutenberg must be active. Documentation Select a Gutenberg block and open the block settings sidebar to find the Animations panel. Choose an animation from the dropdown, optionally add a custom animation class, and adjust duration, delay, threshold, opacity, and offset settings. The selected animation classes are added when the block enters the viewport. Animation controls can be disabled globally from Settings > Animated Blocks by turning off “Show animation controls on all blocks”. When that option is disabled, blocks that already have saved animation settings will keep showing the animation panel until those settings are cleared. You can also use the Animated Block container from the Design block group. Animated Block is a parent block that lets you nest as many blocks as you want and apply the same animation settings to the whole container. If you need a custom effect, enter your own CSS class name in the Custom animation field and load the matching CSS in your theme or plugin.

As the most powerful and easiest to use Instagram plugin for WordPress, Smash Balloon Social Photo Feed helps you create, customize and embed Instagram feeds on your website in just a few clicks! Absolutely no coding needed. Designed for both WordPress beginners and advanced users, you can use Social Photo Feed to seamlessly integrate your Instagram widgets and keep your site effortlessly updated. Explore the Pro Version | See Pro in Action Over 1 million users worldwide trust Social Photo Feed to easily showcase Instagram content on their websites. Embed Your Instagram Feed in 3 Steps Smash Balloon Instagram Feed makes it a breeze to set up your feeds on your site: Create your feed and choose an Instagram widget source Customize your feed in a few clicks Add your Instagram feed to your site Check Out the Pro Version | Try the Pro Demo Free Features NEW! Supports local WebP image format for faster loading times oEmbed Support Automatically powers your Instagram oEmbeds Setting Up is Simple: Get started in seconds, no hassle, no fuss Showcase Multiple Accounts: Display photos from various Instagram accounts in one unified feed or separate them into individual feeds Multiple Feeds Anywhere: Add as many feeds as you want on the same page or spread them across different pages on your site Responsive & Mobile-Ready: Your feeds will look stunning on any screen size, on any device and in any container width Fully Customizable Feeds: Adjust the width, height, number of photos, number of columns, image size, background color, image spacing and more Visual Customizer: Customize your feed layout, color scheme, header style, post settings, lightbox, and much more – in just a few clicks Photo Display Options: Choose to display thumbnail, medium, or full-size photos directly from your feed Beautiful Feed Header: Add a striking header to top off your feed beautifully “Follow on Instagram” Button: Increase followers by adding a “follow on Instagram” button at the bottom of your feed Flexible Photo Order: Display your Instagram photos in chronological order or mix it up with a random arrangement Infinite Scroll: Keep your visitors engaged by loading more of your Instagram photos with a handy “Load More” button Built-in Block: Easily add your feed to posts and pages with our convenient block for the block editor Instagram Widget: Embed on your site’s widget-ready areas such as sidebar and footer in seconds GDPR Compliant: Automatically integrates with many of the popular GDPR cookie consent plugins and includes a 1-click easy GDPR setting Designed for All Users: Perfect for beginners and advanced users alike Advanced Customization: Add your own custom CSS and JavaScript for advanced customizations Page Builder Compatible: Fully compatible with Elementor, Divi, Beaver Builder and other popular page builders Get More with Instagram Feed Pro Want to truly maximize your Instagram content and make it work harder for your brand? While Smash Balloon’s Social Photo Feed offers a free way to get started, our Pro version offers advanced features to help you get complete control over the way you show your Instagram photos and videos to your website visitors. The Pro version, known as Instagram Feed Pro, allows you to: Display hashtag feeds – Curate dynamic content around specific Instagram hashtags Check Out Instagram Hashtag Feed Demo Show stunning lightboxes – View photos, Instagram reels and videos in a popup lightbox directly on your site Add interactive elements – Display captions and show the number of likes and comments for each post Embed Instagram carousel – Showcase eye-catching carousels from your posts See Instagram Carousel Feed Demo Choose from multiple layout options – Use “Masonry” or “Highlight” layouts View “Highlight” Layout in Action Use advanced feed moderation – Hide or show specific posts in just a few clicks Filter Instagram posts – Display Instagram content based on hashtags, keywords or specific user posts Create shoppable feeds – Add customized links to each post, like link in bio, so you can direct your site visitors to the page you’d like Use professionally-designed themes – No need to start from scratch! Design beautiful feeds in minutes with pre-made feed themes to instantly create beautiful and unique feeds Plus, enjoy these Pro benefits: Priority Support: Get quick and dedicated help from our support team Regular Updates: Benefit from continuous plugin improvements and new features Check Out the Pro Version | Try the Pro Demo Why Over 1 Million Users Love Smash Balloon Trusted by over 1 million websites, Smash Balloon is the leading solution for seamlessly integrating Instagram feeds onto your site. Our 4.9/5 star average rating from 4,000+ glowing reviews speaks for itself. What Our Users Are Saying “Awesome plugin and support – Awesome plugin that just works! Contacted support this week and they’ve quickly given a custom solution for a specific query I had! Very happy customer!” – @tomteaweb “The best Instagram feed plugin – Whenever I need to display the Instagram feed in a WordPress site, I choose this plugin. It is not only easy to set up, but even in the free version you have enough features to have a nice feed. Do not spend more time looking for another Instagram feed plugin: This is the best!” – @yordansoares “Simple and concise – Excellent plugin. Simple and non-bloated. I had a couple small issues with the plugin when I first started using it, but a quick comment on the support forums got a new version pushed out the next day with the fix. Awesome support!” – @joshjones “Great plugin, greater support! – I’ve definitely noticed an increase in followers on Instagram since I added this plugin to my sidebar. Thanks for the help in making some adjustments…looks and works great!” – @bnotp Fast, Professional and Helpful Support At Smash Balloon, we’re dedicated to providing the most customizable, robust, and well-supported Instagram plugin available. Have a question, need help with a feature, or want to request a new feature? Our dedicated support team is just a quick message away, ready to provide top-notch assistance for both free and premium versions: Documentation Free Support – Please open a ticket in the Support forum Premium Support – Premium users can reach out to us via this Contact Support form You can instantly unlock priority support when you upgrade to Instagram Feed Pro now. 7 Reasons Why You Need Smash Balloon Social Photo Feed Boost Social Engagement – Increase engagement between you and your Instagram followers Save Time – Automatically display your Instagram photos on your website Display Your Content Your Way – Customize your feeds to blend seamlessly with your site Keep Your Site Looking Fresh – Automatically push new Instagram content to your site Super Simple Setup – Get started in 30 seconds with no Developer account needed Powers Instagram oEmbeds – Maintain working Instagram embeds across your site Professional Feed Themes – Use ready-made themes for quick, beautiful displays What Can It Do? Display Instagram photos from any account you own Completely responsive and mobile ready Display multiple feeds on the same page Display posts from multiple Instagram User IDs Built-in customization options Infinite scroll with ‘Load More’ button Plus more features added regularly! Completely Customizable Feeds Set number of photos to display Choose number of columns and photo sizes Show/hide feed elements (header, buttons) Control width, height and background color Set spacing between photos Display photos in chronological or random order Customize button text and colors Add custom CSS or JavaScript Style multiple feeds differently Plus more options added regularly! Check Out the Pro Version | Try the Pro Demo What’s Next If you like our WordPress Instagram plugin, then consider checking out our other projects: OptinMonster – Get more email subscribers with the most popular conversion optimization plugin for WordPress. WPForms – #1 drag & drop online form builder for WordPress (trusted by 5 million sites). AIOSEO – The original WordPress SEO plugin to help you rank higher in search results (trusted by over 3 million sites). MonsterInsights – See the stats that matter and grow your business with confidence. Best Google Analytics plugin for WordPress. SeedProd – Create beautiful landing pages with our powerful drag & drop landing page builder. WP Mail SMTP – Improve email deliverability for your contact form with the most popular SMTP plugin for WordPress. WPCode – must have WordPress code snippet management plugin to help you future-proof website customization (trusted by 1.5 million sites). Duplicator – popular WordPress backup and migration plugin used by over 1 million websites. WP Simple Pay – #1 Stripe payments plugin for WordPress. Start accepting one-time or recurring payments without a shopping cart. PushEngage – Connect with visitors after they leave your website with the leading web push notification plugin. RafflePress – Best WordPress giveaway and contest plugin to grow traffic and social followers. TrustPulse – Add real-time social proof notifications to boost your store conversions by up to 15%. SearchWP – The most advanced custom WordPress search plugin to improve WordPress search quality. AffiliateWP – #1 affiliate management plugin for WordPress. Add a referral program to your online store. Easy Digital Downloads – The best WordPress eCommerce plugin to sell digital products (eBooks, software, music, and more). WPCharitable – Top-rated WordPress donation and fundraising plugin for WordPress. Visit WPBeginner to learn from our WordPress Tutorials and about the best WordPress plugins. Privacy Policy =Data Collection= Instagram Feed does not collect any personal data from your Meta accounts (Instagram, Facebook). All data retrieved from the Meta API is used solely for the purpose of displaying your feed on your WordPress site. =External Connections= This plugin connects to three external sites: Smashballoon.com: Used for connecting and authenticating your sources. Occasionally, it sends dynamic notices to users. These notices can include information about major API changes, critical updates, and marketing messages. Instagram.com and Facebook.com: Used to fetch posts so your visitors can view them directly on your site without needing to leave. =Data Usage= All data retrieved from the Meta API is used solely for displaying your Instagram feed on your WordPress site. No personal data is collected, stored, or shared beyond this purpose.