Instagram Blocks

Instagram Blocks – Load Instagram Feed with Blocks

Instagram Blocks - Load Instagram Feed with Blocks

Contributors: krasenslavov, developry

Donate Link: https://krasenslavov.com/hire-krasen/

Tags: block editor, blocks, Instagram, embed, Gutenberg

Requires at least: 5.0

Tested up to: 6.7

Requires PHP: 7.2

Stable tag: 1.1.2

License: GPLv3 or later

License URI: https://www.gnu.org/licenses/gpl-3.0.html

Loading Instagram media into your WordPress posts and pages within the Block Editor has never been easier.

DESCRIPTION

Loading Instagram media into your WordPress posts and pages within the Block Editor has never been easier.

Instagram Blocks plugin provides users with basic features for embedding Instagram images directly within the Block Editor.

The plugin is designed to simplify the process of integrating Instagram content into your WordPress posts and pages within the built-in WordPress editor.

This plugin enhances your WordPress site by enabling seamless embedding of Instagram posts using www.instagram.com/embed.js.

USAGE

Once activated, you'll find the green Instagram Blocks Image icon inside the Block Editor menu.

Search and click on the green Image icon to start embedding Instagram images into your posts and pages.

Choose the Instagram image you want to embed by providing the public URL of the Instagram post and use the Block Editor controls to fine-tune dimensions and alignment. You can preview the appearance of your Instagram embeds in real-time using the Block Preview Mode.

Once you're satisfied with how your Instagram media is embedded, simply publish your post or page to make it live on your WordPress site.

FEATURES & LIMITATIONS

While the free version offers limited customization options compared to the Instagram Blocks Pro, you can still adjust dimensions, alignment, and other visual aspects directly within the Block Editor using the available controls.

Features:

  • InstaBlocks: Access Instagram Blocks directly from the WordPress menu, enabling easy embedding of Instagram media into your posts and pages.

  • Built-in Block Editor Controls: Fine-tune the appearance of your Instagram embeds directly within the WordPress block editor, adjusting dimensions, alignment, and other visual aspects.

  • Insert Public URLs: Seamlessly insert public URLs to feature Instagram posts from any account within your WordPress content.

  • Block Preview Mode: Preview the impact of your Instagram embeds directly within the block editor before publishing, ensuring visually stunning content.

Limitations:

  • Image-Only InstaBlocks: The free version only supports embedding of images from Instagram. Video and gallery blocks are not available in the free version.

  • No Integrated Instagram Authentication: The free version does not offer integrated Instagram authentication, limiting certain functionalities related to secure connection and access to Instagram features.

  • Basic Customization Options: While you can adjust dimensions, alignment, and other basic visual aspects of your Instagram embeds, the free version offers limited customization compared to the Instagram Blocks Pro.

  • Delayed Regular Plugin Updates: Updates to the free version of the plugin may be delayed compared to the Instagram Blocks Pro, potentially leading to slower access to new features or bug fixes.

  • Priority Email Support: Priority email support is not available for users of the free version. Users may need to rely on community forums or documentation for assistance with issues or questions.

Other:

  • Embed Instagram posts easily into your content.

  • Automatically load Instagram’s embed JavaScript for enhanced functionality.

DETAILED DOCUMENTATION

The step-by-step setup, usage, demos, video, and insights can be found on Instagram Blocks Pro.

INSTABLOCKS PRO

If you are using the free version of the plugin from the WordPress.org repository and would like to have the Pro features you can purchase the premium version from the Instagram Blocks Pro website.

While the free version of Instagram Blocks offers basic functionality for embedding Instagram images, you may consider upgrading to the Pro version for additional features such as video and gallery blocks, integrated Instagram authentication, advanced customization options, and priority email support.

Some of the features included in the Instagram Blocks Pro of the plugin are:

  • Video and Gallery Blocks: Ability to embed videos and create carousel-style gallery displays directly from Instagram within your WordPress posts and pages.

  • Integrated Instagram Authentication: Secure connection with Instagram API, enabling additional functionalities and access to Instagram features.

  • Embed Custom Controls: Enhanced customization options for Instagram embeds, including control over width, height, border, and more.

  • Heading and Caption Controls: Customize headings and captions for embedded Instagram media, enhancing narrative and presentation of each post.

  • Block Edit Mode: Full functionality for editing Instagram embeds within the block editor, streamlining content creation process with real-time visual integration.

  • Priority Email Support: Access to priority email support for prompt assistance with any issues or questions related to the plugin.

  • Regular Plugin Updates: First release of regular plugin updates, ensuring timely access to new features, improvements, and bug fixes.

FREQUENTLY ASKED QUESTIONS

Visit the Support tab on this page to post your requests and questions.

We typically address all tickets within a few days.

If you have a feature request, we'll add it to the plugin wish list and consider implementing it in the next major version.

Is this plugin affiliated with Instagram?

No, Instagram Blocks is not affiliated with Instagram in any way. It's a third-party WordPress plugin designed to help users embed Instagram content into their WordPress sites.

Can I embed videos from Instagram?

No, the free version only supports embedding images from Instagram. To embed videos and access additional features, consider upgrading to the Instagram Blocks Pro.

Is there a limit to the number of Instagram posts I can embed?

There's no limit to the number of Instagram posts you can embed using the free version of InstaBlocks. You can embed as many posts as you like within your WordPress content.

Do I need an Instagram account to use the InstaBlocks?

No, you don't need an Instagram account to use the free version. However, if you want to embed posts from specific Instagram accounts, those accounts must be public.

Are there any restrictions on how I can use InstaBlocks?

The free version of Instagram Blocks is subject to the plugin's terms of use. Ensure that you comply with these terms and any applicable trademark guidelines when using the plugin on your WordPress site.

Can I upgrade to the Pro if I'm using the free version?

Yes, you can upgrade to the Instagram Blocks Pro at any time to access additional features and functionalities. Simply visit the plugin's website or dashboard for more information on upgrading.

Does this plugin use any third-party services or scripts?

Yes, this plugin utilizes Instagram's embed script (https://www.instagram.com/embed.js) to render Instagram embeds properly.

Is Instagram’s embed script GDPR-compliant?

While this plugin does not handle GDPR compliance directly, Instagram’s script may load cookies or track user interactions. It is recommended to inform your visitors about the use of this script and ensure compliance with local data privacy laws.

SCREENSHOTS

The screenshots below highlight the primary way to use and access the plugin inside WordPress.

1 2 3 4

INSTALLATION

The installation process for the plugin is standard and user-friendly. Please inform us if you face any challenges throughout the installation.

Installation from WordPress

  1. Visit Plugins > Add New.

  2. Search for InstaBlocks.

  3. Install and activate the InstaBlocks plugin.

  4. Click on the Settings link or go to Themes > Instagram Blocks from the main menu.

Manual Installation

  1. Upload the contents of the entire block-editor-social-embeds folder to the /wp-content/plugins/ directory.

  2. Visit Plugins.

  3. Activate the InstaBlocks plugin.

  4. Click on the Settings link or go to Themes > Instagram Blocks from the main menu.

After Activation

  1. Go to any page or post using the Block Editor and search for instablocks.

  2. Insert any public image URL from Instagram e.g. https://www.instagram.com/p/CQJVP9-pvLD/ and customize your blocks with the block options.

CHANGELOG

1.1.2

  • Update - Add a comment in the plugin's main file to mention that we are including a third-party script

1.1.1

  • Update - Instagram/insta trandemark issues with WP.org

1.1.0

  • Fix - Convert the iframe embed method from //www.instagram.com to use blockquote to avoid 'X-Frame-Options'

1.0.9

  • New - Add compact mode toggle under settings option

  • Update - Compatibility check with WordPress 6.7

  • Update - Language file (.pot)

  • Update - Language file (.pot) header text

  • Update - Change license files to use GPLv3

  • Update - Replace all php files end of line sequence from CRLF to LF.

  • Update - Don't show up the rating notice when toggle plugin activate/deactivate.

  • Update - Replace INBLOCKS_PLUGIN_DOMAIN with krasenslavov.com in Settings main page.

  • Update - Make _wpnonce standard throughout the plugin php and js files.

  • Fix - Missing $domain parameter in function call.

  • Fix - Not unslashed before sanitization. Use wp_unslash() or similar.

  • Fix - Detected usage of a non-sanitized input variable.

1.0.8

  • Update - Compatibility check with PHP 8.3

1.0.7

  • Update - Compatibility check with WordPress 6.6

1.0.6

  • New - Add WP admin main menu link as default and compact mode option for sub menu link

  • Update - Remove promo code which was disabled temporary

  • Fix - Replace all instagram-blocks-pro with instagram-blocks

  • Fix - Remove pro word where not needed

1.0.5

  • Fix - Fix upgrade notice to show every 30 days.

1.0.4

  • Update - Compatibility check with WordPress 6.5

1.0.3

  • Fix - Replace all json_encode with wp_json_encode, and be sure the json_decode returns an array with 2nd arg true

  • Fix - Add wp_nonce for rating and upgrade notices links

  • Fix - Used esc_html, esc_url, wp_kses etc. to escape all missed strings

  • Fix - Replaced $ with jQuery in admin.js

1.0.2

  • New - Add upgrade notice with transient and dissmis nd success button

  • Update - Add UTM for plugin website links

1.0.1

  • Update - Remove JS @import where not needed

  • Update - Remove $ from common in JS an use jQuery where needed

  • Update - Replace 2023 from copyright to 2024

  • Fix - Chnage Request.pluginDomain to INBLOCKS.pluginDomain in request.js

1.0.0

  • Initial release and first commit into the WordPress.org SVN

UPGRADE NOTICE

None