Unlike other types of image files, GIFs cannot be added to your campaign using the Insert Image button. However, you can still use animated GIFs in your campaign. In order to do so, you will need to have your GIF hosted on a private server or a third party hosting site. Once you have the link to your GIF, you can add it through your campaign draft's HTML.
Go to the Content tab of your campaign editor. You can view the HTML version of your Story by selecting the Source button on the far right of your editing toolbar. Once you have the link to your GIF, click where in your text you'd like it appear. As an example, I'll use the link to this GIF: http://p6.zdassets.com/hc/theme_assets/44946/1685/axent.gif
After you have determined where in the text you'd like your GIF to appear, add the link by using the following code:
Select Source again to return to the regular editing view and then Save Changes.
The GIF will appear on your campaign page and will play automatically.
A few things to remember:
- Your GIF url MUST end in .gif or you image will not appear correctly
- Remember to put a space in between img and src in your code
- Select Source to return to the regular, non-HTML editing view before you save or your changes will be lost
- Note that many hosting sites like Giphy or Photobucket do not allow third party hosting
- For any other image troubleshooting, please see this article
- Giphy may reduce the size of your gif. To ensure you're using the full size, modify your giphy URL by changing 'giphy.gif' to 'source.gif'. An example of this is 'https://media.giphy.com/
media/Le7CoR9daihzi/giphy.gif' vs. 'https://media.giphy.com/ media/Le7CoR9daihzi/source.gif '
- When you are in the Content view, leave some space where you'll want to place your GIF. Once you are in the Source Code view, paste your GIF source code at the very end of the story's source code. Select Source to return to the Content view, and you'll see your GIF appear at the very bottom. You should now be able to drag and drop your GIF into the open space you left for it so that you don't need to search the source code for the specific area you'd like to place it.