The GIF block allows you to easily search for and embed an animated GIF image from Giphy directly into a post or page on your site.
Requirements
The GIF Block is available on all Jetpack-connected sites. It is a part of the Jetpack Blocks suite and is activated by default. The GIF Block does not require a paid upgrade to use. See our Jetpack Blocks article to learn about the available blocks and how to activate them.
Jetpack Blocks require the Block Editor (also referred to as the Gutenberg editor). If you’ve installed the Classic Editor plugin, you will need to switch back to the Block Editor either by:
- Deactivating the Classic Editor: Go to Plugins → Installed Plugins in your WP Admin and deactivate the Classic Editor plugin.
- Enabling both editors: If you prefer flexibility, navigate to Settings → Writing in your WP Admin. Set Allow users to switch editors to Yes.
See Using Blocks and the Classic Editor for more details.
It may happen that an editor that comes with a custom theme or plugin prevents you from using the Block Editor. In that case, please contact the respective plugin or theme author for further assistance.
Adding the GIF block
You can add the GIF block by searching for “gif” or selecting it from the Jetpack section of the block selector:
Enter a search term for your GIF and click the Search button.
You’ll see a row of thumbnail images. The first GIF will automatically be selected, which you’ll see as a large GIF below the row of thumbnail images.
Click a thumbnail image to select the GIF you want to use. You also have the option of entering a caption that will be shown below the GIF.
If you know the exact URL of the GIF you want from https://giphy.com/, you can enter that in the search bar to display that specific GIF.
Block Toolbar
Click on the block to display the block toolbar. The GIF block offers the following options in its toolbar:
These options allow you to select from the following alignments for your GIF:
- Left align
- Center
- Right align
- Wide width
- Full width
Block Settings
Every block has specific options in the editor sidebar and options found in the block toolbar. If you do not see the sidebar, click the ‘cog’ icon next to the Publish button.
Advanced
The Advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit.
Troubleshooting
No GIFs are displayed when I search.
This means that there are no results for your search terms. Try searching directly on https://giphy.com/ and entering a Giphy URL in the block’s search bar instead.
These are not the GIFs I’m looking for
The GIF block only displays 10 search results. For more GIFs, try searching on https://giphy.com/ and entering a Giphy URL in the block’s search bar.
Still need help?
Please contact support directly. 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 searches criteria. |
Site Visitors
An |
| 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. |
Jetpack 