# Button to show an animated gif to preview a product **URL:** \ **Category:** Ask for Help\ **Created:** [May 29, 2020, 9:09pm UTC](https://community.glideapps.com/t/button-to-show-an-animated-gif-to-preview-a-product/10005 "2020-05-29T21:09:09Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![Glyde123](https://avatars.discourse-cdn.com/v4/letter/g/8797f3/32.png) [@Glyde123](https://community.glideapps.com/u/Glyde123)\ **Post date:** [May 29, 2020, 9:09pm UTC](https://community.glideapps.com/t/button-to-show-an-animated-gif-to-preview-a-product/10005/1 "2020-05-29T21:09:09Z")
I’d like to have an option where the user can click a button so they can preview the product via an animated gif. Is this possible with Glide? ---
**Author:** ![Christophe\_HK](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christophe_hk/32/4161_2.png) [@Christophe\_HK](https://community.glideapps.com/u/Christophe_HK)\ **Post date:** [May 29, 2020, 9:11pm UTC](https://community.glideapps.com/t/button-to-show-an-animated-gif-to-preview-a-product/10005/2 "2020-05-29T21:11:13Z")
If you have uploaded your animated gif on Google drive or anywhere else, use a button for which you set the action “open link”, as the link is the url of the animated gif. It should work, even if the gif will be opened in a new browser tab. ---
**Author:** ![eltintero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eltintero/32/76520_2.png) [@eltintero](https://community.glideapps.com/u/eltintero)\ **Post date:** [May 29, 2020, 10:39pm UTC](https://community.glideapps.com/t/button-to-show-an-animated-gif-to-preview-a-product/10005/3 "2020-05-29T22:39:21Z")
@Christophe_HK is a good option. The other would be adding a boolean field or a button that when clicked, it changes the visibility of the gif image to Show/not Show. It looks pretty slick. Something like this, but with your image. ![Kapture 2020-05-29 at 17.38.16](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/1/1803e61586c903c78a839d07deee09bde9f64df2.gif) ---
**Author:** ![Glyde123](https://avatars.discourse-cdn.com/v4/letter/g/8797f3/32.png) [@Glyde123](https://community.glideapps.com/u/Glyde123)\ **Post date:** [May 30, 2020, 12:05am UTC](https://community.glideapps.com/t/button-to-show-an-animated-gif-to-preview-a-product/10005/4 "2020-05-30T00:05:43Z")
Thank you @Christophe_HK and @eltintero. From a user experience perspective, I’d like to avoid sending them to another browser or outside the app. It seems @eltintero option is closest to what I’m looking for. Thank you for sharing the example on the boolean field. If I was to choose the button option, which action field should I use? ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [May 30, 2020, 12:07am UTC](https://community.glideapps.com/t/button-to-show-an-animated-gif-to-preview-a-product/10005/5 "2020-05-30T00:07:39Z")
You should be able to do an action -\> web view of the GIF To avoid leaving the app. ---
**Author:** ![Glyde123](https://avatars.discourse-cdn.com/v4/letter/g/8797f3/32.png) [@Glyde123](https://community.glideapps.com/u/Glyde123)\ **Post date:** [May 30, 2020, 12:12am UTC](https://community.glideapps.com/t/button-to-show-an-animated-gif-to-preview-a-product/10005/6 "2020-05-30T00:12:38Z")
With the action -\> Open web view, I get the following error. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/6/623a43c4f742a8ed58b4c2b1087de5754bbb84ab.png) ---
**Author:** ![eltintero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eltintero/32/76520_2.png) [@eltintero](https://community.glideapps.com/u/eltintero)\ **Post date:** [May 30, 2020, 12:26am UTC](https://community.glideapps.com/t/button-to-show-an-animated-gif-to-preview-a-product/10005/7 "2020-05-30T00:26:01Z")
Sorry. I made a mistake. It’s either a choice component or a boolean component. Remember to set it as per user data. Jesus A. Vargas Espinosa-Mireles m. +52.555.505.1571 o. +52.998.478.0706 w. [lowcode.agency](http://lowcode.agency) a. Blvd Kukulcan Km 9.5, ZH, Cancun, 77500 ---
**Author:** ![Glyde123](https://avatars.discourse-cdn.com/v4/letter/g/8797f3/32.png) [@Glyde123](https://community.glideapps.com/u/Glyde123)\ **Post date:** [May 30, 2020, 12:53am UTC](https://community.glideapps.com/t/button-to-show-an-animated-gif-to-preview-a-product/10005/8 "2020-05-30T00:53:29Z")
The action -\> Open web view works fine when it’s just a static gif but I get the google embedded error when trying to point to the animated gif (both files are in the same location with shareable links). I tried testing it with youtube embedded link and have similar error… ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [May 30, 2020, 2:41am UTC](https://community.glideapps.com/t/button-to-show-an-animated-gif-to-preview-a-product/10005/9 "2020-05-30T02:41:01Z")
Might not be able to host the file in Google Drive, then. Try hosting in Cloudinary?