🔥 HOT: Support/jetpack blocks/gif block - Collection

Support Home > Add GIFs with the Jetpack GIF Block

Add GIFs with the Jetpack GIF Block

Embed an animated GIF image into a post or page on your site using the Giphy gallery.

Add a GIF by selecting the GIF block from the inserter icon.

Requirements to use the GIF block

The GIF Block is available on all Jetpack-connected sites and is included in the free plugin. The GIF Block does not require a paid upgrade to use.

the GIF Block is part of the Jetpack Blocks suite and is activated by default. See our Jetpack Blocks article to learn more.

Jetpack Blocks require the Block Editor (also referred to as the Gutenberg editor). If you’ve installed the Classic Editor plugin, you have a few options:

  • Deactivate the Classic Editor: Go to PluginsInstalled Plugins in your WP Admin and deactivate the Classic Editor plugin.
  • Enable both editors: If you prefer flexibility, navigate to Settings → Writing in your WP Admin (not the menu under Jetpack settings). Set Allow users to switch editors to Yes. You will only see these options if you have the Classic Editor plugin installed and active.

Some custom themes or plugins may prevent you from using the Block Editor. In that case, please contact the support team for the plugin or theme for further assistance.

For more details, see Using Blocks and the Classic Editor.

Add the GIF block

To add the GIF block to a page or post on your website, follow these step-by-step instructions:

  1. On your WordPress editor, click the + button to add a new block.
  2. Type “gif” in the search bar. A green GIF icon should appear in the search results.
  3. Select the GIF block in the block selector.
  4. In the GIF Block’s search bar, enter a search term for your GIF. Alternatively, you can paste the URL directly from https://giphy.com/.
  5. Click the Search button.
  6. Select a GIF from the row of thumbnail images.
  7. If you’re not happy with the search results, try browsing the https://giphy.com/ site and then entering a Giphy URL in the block’s search bar.
  8. You can enter a caption, which will be shown below the GIF.
  9. Click Save in the top right to save your changes and add the GIF to your content.

Customize the GIF from the Block toolbar

Click on the block to display the block toolbar. The GIF block offers the following setup options in its toolbar:

  • Left align.
  • Center.
  • Right align.
  • Wide width.
  • Full width.

Customize the GIF from the Block settings

Every block has specific options you can set up you can find in the editor sidebar. If you do not see the sidebar, click the cog icon (the wheel icon) next to the Publish button.

At the moment, the GIF block only features advanced settings.

In the Advanced tab, you can add a CSS class to your block, write custom CSS, and style the block as you see fit.

Still need help?

Please contact support. We’re happy to advise.

Privacy Information

This feature is activated by default. It cannot be deactivated.

Data Used
Site Owners / Users

We send an API request (HTTP) from the editor view directly to Giphy. This includes the IP address and search criteria.

Site Visitors

An iframe is inserted into the page using an HTTP connection. The iframe is governed by Giphy’s privacy policy.

Activity Tracked
Site Owners / Users

We don’t track any activity. For details of what Giphy tracks, refer to their privacy policy.

Site Visitors

We don’t track any activity. For details of what Giphy tracks, refer to their privacy policy.

Data Synced (Read More)
Site Owners / Users

We sync the Giphy search term and the Giphy image URL as part of the post content.

Site Visitors

None.