If you’ve ever created an Indiegogo campaign, one issue that you’ve likely experienced is the inability to upload a GIF to your campaign page. Appealing visuals are one of the most – if not the most – important parts of your campaign. Showing your product in use is an incredibly valuable asset, and GIFs are one of the best ways to do this.

So, how can you get around this and add GIFs to your page? Let’s break it down – and help take your campaign page to the next level.

1. Go to https://giphy.com and click ‘upload’

how to gif igg 1

There are a number of sites that you can use to privately host your GIF file, but we prefer Giphy. It’s incredibly easy to use and makes this process very simple.

2. Drag your file into Giphy and click ‘upload file’

how to add gif to indiegogo

Drag or browse for the GIF file in your computer, and it will quickly load the screen below. You can add optional tags, but this isn’t necessary to do when adding the GIF to your Indiegogo page.

how to add gif to indiegogo

3. Once uploaded, click ‘copy link’ on the right side of the page and copy the GIF link

how to add gif to indiegogo

4. Navigate to your Indiegogo page campaign editor and go to the ‘story’ tab. Then, click on ‘source’ in the Campaign Pitch section.

how to add gif to indiegogo

5. Next, locate where you would like the GIF to appear and paste the following code, including the source download link from Giphy.

<p><img style=”max-width:620px;” src=”GIPHY IMAGE URL” /></p>

how to add gif to indiegogo

This is likely the most difficult part for most people – identifying where in the code you need to place the file. To make this easier, it’s a good idea to have your actual Indiegogo campaign page opened in a separate window. Look in the code to find the text on your page that comes before and after where you would like the GIF to appear, and paste this code in the break between the text.

This gap will likely come following a </p> or </div>, so this is what HTML novices should look for.

** IMPORTANT ** Before clicking save, click the <SOURCE> button and return to where you are able to see the actual text and images in the editor. At this point, you should be able to see your GIFs in motion – just like they’ll be on your live campaign!

6. Click ‘Save Changes’, and view your campaign. The GIF should now be working!

If for some reason your GIF is still not working at this point, try refreshing the page a few times. This typically gets it to work – but if not, try again from step one.

BONUS STEP: If you want to add a link to your GIF file, replace the above HTML code with the following:

how to add gif to indiegogo

‘Link you want to point to’ = URL that you want the GIF to redirect to
‘Giphy Image URL’ = Source Download from Giphy that we copied in step 3
‘Describe Link Destination’ = Short description that describes where this link will take people

Note: Width and height can be adjusted to fit the size that you need the file to be.

Hopefully this helps you solve one of the most common issues that Indiegogo users face when starting a campaign!

If you’re seeking additional help with your campaign, feel free to reach out to us at Enventys Partners. Contact us for a quote today!