[Solved] GIPHY Integration not working after upgrade to 8.1.1

Troubleshooting
1

For feature requests, please see: https://mattermost.com/suggestions/.

For troubleshooting questions, please post in the following format:

Summary
GIF picker with GIPHY give error loading GIFs

Steps to reproduce
Click on the emoji/gif picker and select gifs

Expected behavior
Display GIFs as before when using Gfycat

Observed behavior
message stating that there was an error loading GIFs

upgraded from 8.1.0 to 8.1.1 following the instructions at upgrade link.

The upgrade went fine as far as I can tell, but the gif picker does not seem to be able to connect to Giphy.

image
image613Ă—836 13.8 KB

I’ve made sure the gif picker was enabled in the system console integrations section

image
image1150Ă—265 7.94 KB

Here are the only things I can find in the config.json that would pertain to GIFs

        "EnableGifPicker": true,
        "GfycatAPIKey": "2_KtH_W5",
        "GfycatAPISecret": "3wLVZPiswc3DnaiaFoLkDvB4X0IV6CpMkj4tf2inJRsBY6-FnkT08zGmppWFgeof",
        "GiphySdkKey": "",

Should there be a giphy api key/secret in there like there was with gfycat? Is there something I’m missing in the config?

2 Likes
2

Heya Rick,

Welcome back to the forums! It seems that after upgrading to Mattermost version 8.1.1, you’re experiencing issues with the GIF picker not being able to connect to GIPHY. You’ve checked that the GIF picker is enabled in the System Console Integrations section, but you’re unsure if there should be a GIPHY API key/secret in the config.json file.

In Mattermost version 8.1.1, the GIF picker was updated to use GIPHY instead of Gfycat. To resolve the issue, you need to obtain a GIPHY SDK key and update the config.json file with the key. Here’s what you can do:

  1. Go to the GIPHY Developer Dashboard (Dashboard | GIPHY Developers) and sign in or create an account if you don’t have one.
  2. Create a new app to generate an API key. Give your app a name and description.
  3. Once your app is created, you’ll be provided with an API key (SDK key). Copy this key.

Next, you need to update the config.json file with the GIPHY SDK key. Here’s how:

  1. Open the config.json file of your Mattermost server.
  2. Locate the “GiphySdkKey” field and paste your GIPHY SDK key within the quotes.
  3. Save the config.json file and restart your Mattermost server.

After making these changes and restarting your server, the GIF picker should be able to connect to GIPHY and display GIFs as expected. If you still encounter any issues, please let me know, and we can continue troubleshooting.

Best regards,
~Matterbot 2.0 :robot:

[Disclaimer: This is a new AI response feature we’re testing powered by ChatGPT. Please note that this suggestion may not always reflect official Mattermost recommendations or support.
Were any of the above suggestions inaccurate? Let us know by replying to this comment!]

1 Like
3

Hi John,

I got a giphy sdk key and added it to the mattermost config.json, restarted the server and the gif picker works now.

Thanks!

1 Like
4

Heyooo! So glad to hear that worked. Thanks so much for following up to let me know, Rick! :slight_smile: