How to Make an Animated Gif


In social media and online marketing today, you may notice that an image just isn’t cutting it anymore. Animated Gif’s are live images made from groups of similar images or video files. They take those images and video files and turn them into a short animated photo.

Here are some examples of Animated Gif’s, below:


Now, you’re probably wondering, “How does learning how to make an animated gif benefit me in Real Estate Marketing?”

With Animated Gif’s you can create a live image of a property walk-through or photos of your property. Check out the example, below:


Pretty cool, right? Animated Gif’s work on social media, email campaigns, AND on your website! Animated Gif’s are more likely to grab a visitor’s attention than a standard image or “click to play” video. So here’s how to make an Animated Gif and get marketing!


Need Some Help Making Your Gifs? Contact Our Marketing Team!


Step 1: What’s Your Goal

When making an Animated Gif, you need to decide what your goal is when creating an Animated Gif. Are you showing a listing, announcing a new team member, promoting a holiday special, etc. This is important, as you want the images or video files that you choose for your gif to represent your goal. Below, is an example for a holiday Animated Gif that could be used along with a slogan such as “Santa Claus is Coming to Town – Home with Fireplaces in ___________”


Step 2: Finding a Photo/Video

There are many resources for finding a great photo or video for your animated gif. We currently use Shutterstock for our stock photos, such as the Santa photo used in the example in Step 1. In the case of Listing Marketing, you want to use your photos of the property for the Animated Gif.


Step 3: Branding

It is very important that you include your branding in your animated gif. This is so that your animated gif cannot be taken and used by others, as well as making sure that if someone sees that gif or saves it because they like the property and want to have it accessible to them, your logo/branding is still there for them to see. Your goal is to generate the lead, not get the most downloads of your animated gif, so you want to make sure they know who to reach out to when they want to view that property in person.

We currently use Canva to brand our photos and iMovie to brand our videos. There are other Watermarking or Video Editing programs out there that you can use to brand your videos as well as other programs for photo branding, but those are the two that we are currently using and have been working well for us.


Step 4: Creating the Animated Gif

We are using Giphy to create our animated gifs. It is a free program that you can use to create animated gifs from images and/or video files. Once you have set up your account, you can click “create” in the top right corner of the site to be provided with the animated gif creation options:


The upload option is for putting animated gifs that you have already created onto Giphy for hosting, so that you can share it across multiple social media platforms or embed it on your site.

Gif Maker

This option is for videos. You can upload a video from your computer or enter a YouTube link to have giphy turn it into an animated gif.


This option takes a series of photos that you chose and turns them into an animated gif.


Once you have added the files that you want into giphy, you can choose the start time and end time of your animated gif (video only) or the speed in which the photos are displayed (slideshow only). Once you have adjusted the view of the animated gif to the way that you like it, you can add additional text and branding to it. Giphy does not allow you to upload a logo, which is why you need to make sure you do the branding of a logo ahead of time, if that is how you choose to brand your gif (recommended).

You can also add additional text, tags, and a url to your animated gif. If the animated gif is public, you want to make sure that you apply the proper tags, so that if someone is searching a keyword that matches what your gif is for on Giphy, they can find you properly.

Once you are done creating your animated gif, you will be provided with multiple URL’s and codes to choose from, as well as the option to share directly to your social media channels.


Step 5: Posting the Animated Gif

To Share On Facebook (without using the giphy share options) you can follow this simple process:

  1. Go to Facebook and paste the Giphy link (from the “advanced” tab on your gif page on Giphy), into your status bar.
  2. You will see a preview of your gif appear. If it doesn’t appear, refresh the page and wait a few moments. This just means that giphy is still processing your gif and will need some additional processing time before you can share it properly.
  3. Once you see the preview of your gif, delete the Giphy link from your status bar. The gif should still show the preview.
  4. Type in your status and whatever link from your site that you want people to click on when they see this post.
  5. Publish your post! You should now see your status, link, and gif all in one Facebook post.


To Embed On Your Website:

To embed the gif on your website, all you need to do is copy and paste the iFrame Embed code from Giphy into the text/html editing option on your site/page.

The embed code looks something like this:

<iframe src=”//″ width=”480″ height=”270″ frameBorder=”0″ class=”giphy-embed” allowFullScreen></iframe><p><a href=”″>via GIPHY</a></p>

When you preview the post/page, you should see the live gif, rather than the html code.


Gifs are changing the course of media in online marketing, so you will want to begin creating these gifs and start standing out on the search engines, social media, and emails with your exciting and eye-catching gifs!

To Get Additional Help on Creating Gifs, Reach Out To Our Marketing Team for Help!