Tuesday, November 25, 2014

"Creating a Scrolling Product Preview" For My TpT/Bloggy Buds!

Recently I found a few pins on Pinterest and looked at them and they were scrolling pins!  WHAT???  I know, that's what I said too when I saw it.  "I HAVE to know HOW to do this."  Well, I struggled with it for the evening and finally figured it out.  

I promised some wonderful Facebook friends (you know who you are) that I would make a tutorial on how I did it, so here we go:

When I create my TpT products in Powerpoint I always save it as a jpeg file in case I ever need the images for anything.  

Step One: So that is the first step is to make sure you have saved your powerpoint as a jpeg and it will save into its own separate folder (on a mac). Please make sure that you protect your work and put word art on your images that say "Preview", or "Sample".  When your preview is downloaded by a potential buyer they are getting images they CAN use if you don't protect your work!!!

Here is a link to my TpT store to download a free copyright watermark image to protect your products.

Step Two: Once you have the images you can now go to this website and upload them.  Here is an image from the website so just click on it and it will take you to "Make a Gif" website.

Step Three: Click on "add pictures".  I only uploaded 4 images the first time but I have done up to 10.  I am not sure if there is a limit or not on uploads. Here is what it looks like after you upload the images:

Step Four: As you can see, it lets you select the order you want to put the pictures in.  Click "continue" and this is what you will see next.

Step Five: Click on "Animation Speed" and change it to "custom set delay" at the bottom of the drop down menu.  I used 2000 since the listings they have are too fast.  It is listed in milliseconds so it needs to be slowed down quite a bit.  You will have to select the "Rating" before you can move on.

As you can see there are other options available to you; resize images, choose a category, gif details, and the last one is where you choose the rating. I recommend giving the gif a name in the "gif details" box.

Step Six: Click on "create your gif" and it goes to a new page and displays what you have uploaded so that you can see the speed and preview.

Click on "download" and you have created your gif.  As you can see I did name mine to keep in case I want it later.  It is also easier to find on your computer.  I use a Mac so it goes to my "downloads" folder.

Step Seven: I located the download and placed it on my desktop because I find that easier.  I went to TpT and uploaded the gif as my preview file and it loads pretty quick.  Now when you click on "preview" on TpT you have a scrolling preview!  

There is a catch to all this wonderful insanity!  I tried to "pin" the product with the animated preview to Pinterest.  Pinterest would not let me upload the pin and gave me an error message that said "oops, this is not a valid image."  It is a valid image but since it is an animated .gif it won't accept it.


Instead of adding it from the web I added it from my computer to Pinterest.  (that little plus sign at the bottom right when you are on your Pinterest page) Select the .gif, add your description, then create it.  After you have created it you will need to edit the pin to add a link to your product.

Okay, I don't think I have left out any steps but if I did please let me know so I can correct it here for future visitors!  The website did change from the first tutorial and I had to go back and change the pictures.


  1. Oh my..... I must try this! !!!!

  2. Thank you sooooo much for creating this tutorial. I cannot wait to try this :)
    Terri’s Teaching Treasures

  3. I think I love you! Thanks for (1) figuring it out and (2) posting the tutorial!

    Krazy Town

  4. Thank you- Your tutorial will be my entertainment for the evening

  5. Thanks for sharing! Can't wait to try it out :)
    Sunny Days In Second Grade

  6. thank you... so excited to try :)

  7. Genius! You just saved me 100 hours of work figuring that out! xo

  8. Thank you so much for sharing this! I am going to try it today! Your tutorial is very helpful to this visual learner!
    Peggy @ Primary Flourish

  9. Thanks so much for this tutorial and the copyright watermark!!! I just successfully created and uploaded mine on TpT using your tutorial. Super easy!! Thanks!!!!

    The Bender Bunch

  10. You are absolutely fabulous!!! Thank you for sharing!!

  11. Thank you for this tutorial! I am excited to try it out. I also downloaded your copyright image from TpT. Thank you - this is so generous of you!