How to add GIF to WordPress Block Editor

  • Post category:WordPress
  • Post author:
  • Post last modified:August 19, 2021
  • Reading time:5 mins read

GIFs(Graphics Interchange Format) are always eye-catching. These attract the audiences if you post GIFs on your posts and pages properly. It can also make to return audiences again to your posts and pages.

If you frequently write blogs on Howto topics, then you must use GIFs on your blogs to show the steps to the visitors. Like, I post a lot of GIFs on my blogs. You can easily insert your own GIF on your posts from WordPress block editor, by using this simple trick. Though, for the classic editor, you can post GIF without using any trick.

TIP: Follow this guide to create custom GIF in breeze.

If you do not insert a GIF properly on WordPress block editor, it will lose the animation and will show only a static image of the GIF. Let us see how to add GIF to WordPress block editor.

1 | How to insert GIF on WordPress block editor (custom created GIF)?

  1. First, upload your GIF to the Media Library.
  2. Copy the GIF link on the attachment page.
  1. Go to the post/page where you want to insert the GIF.
  2. Add a new block, select image block
  3. Select Insert from URL.
  4. Paste the GIF URL and click on the return icon.
  5. That’s it. Your custom GIF is ready to attract your visitors.

2 | How add GIF to WordPress (from GIPHY)?

  1. Add a new block, search for GIF.
  2. Select the GIF block
  3. Search for your GIF title/type.
  4. Select a GIF from the list.


Nur Islam

This Post Has One Comment

  1. Yasthasleema

    Thanks for the steps… I will definitely use gif in next posts.

Leave a Reply