BOOKING NOW FOR JANUARY 2020 - 3 DESIGN SLOTS LEFT!Let's work together
1   16
4   18
4   18
15   62
1   12
3   12
6   38
5   36
7   56
11   35

How to Create & Install a TPT Quotebox Image

Calling all Teacherpreneurs! Learn how to create and install a quotebox image in your Teachers Pay Teachers shop. The quotebox space is a perfect space for branding and/or promotion for your best selling classroom products. This tutorial is easy to follow and includes a FREE template to make your own images for your TPT store!Calling all Teacherpreneurs! I’m excited to share the start of a new series here at Laugh Eat Learn all about making your Teachers Pay Teachers shop the best it can be! First up is that quotebox space; the ideal space for branding and/or promotion for your best selling products. If you have one already installed, really are in need of one, or have no idea what I’m talking about, this tutorial will be perfect for you to make your store even better!

Calling all Teacherpreneurs! Learn how to create and install a quotebox image in your Teachers Pay Teachers shop. The quotebox space is a perfect space for branding and/or promotion for your best selling classroom products. This tutorial is easy to follow and includes a FREE template to make your own images for your TPT store!

Other Teacherpreneurs friends? Pin it to save!

What is a quotebox image?

Let’s start at the basics. If you don’t know what a quotebox image is, it’s that gray space right near your profile picture on TPT (see below!) The quotebox was used for a quote of your choice that would appear in (boring) gray text. It was/is functional but not very pretty. But I’m not here to share how to make your store functional (okay, maybe I will a little bit) but ultimately we want our stores to thrive and be beautiful. Credit for figuring out this workspace goes to Christi Fultz when she blew most teacherpreneur’s minds with how to add an image here to boost up your store!

Calling all Teacherpreneurs! Learn how to create and install a quotebox image in your Teachers Pay Teachers shop. The quotebox space is a perfect space for branding and/or promotion for your best selling classroom products. This tutorial is easy to follow and includes a FREE template to make your own images for your TPT store!

Why should I add a quotebox image to my shop?

As mentioned above, it’s more than just being functional on TPT. You want to use every space on TPT to brand yourself to your potential buyers. You want your buyer to come to your store and feel welcomed, notice your branding, and see what you have to offer to better their days in the classroom. I always featured buyer favorites in the spaces available but you can easily link to social media or a blog/site address.  All in all it’s a win win. You have a beautiful store, with ad space in more than just the normal TPT spaces. Now let’s get down to learning how to add this to your shop!

1. Getting the size & color right – free PPT template

First things first, you want to make sure you get the sizing right. I personally use 450 by 176 pixels or 3 inches by 1.6 inches (Rounded). You can go a little more than 176 or a little less but you don’t really want to go any wider than 450. This will ensure that it stays within your gray quotebox space. For the background, you could either do completely transparent or you can match the gray color which is color code: #f1f1f1. To help this process for you, make sure to download the FREE PowerPoint Template I created. The template will appear to be much smaller than it saves, I usually zoom in to 200% to create the image as this is about the size it will save as.

2. Design your heart out

Now comes the fun part. Using the template from above (or making your own in whatever program you choose to use), begin to set up your design. Things to think about, what do you want to feature? What do you want it to say to your potential buyers? Think about the space you have, if you are going to feature a product, make sure you don’t make your covers too small. I usually only add 3 covers (4 max) when I design for my clients. You also want to make sure everything is contained within the size of the quotebox so it doesn’t get cut off (trust me, it will look odd floating in your quotebox space). If you need some examples, check out my portfolio of ones I’ve created for my past clients.

Calling all Teacherpreneurs! Learn how to create and install a quotebox image in your Teachers Pay Teachers shop. The quotebox space is a perfect space for branding and/or promotion for your best selling classroom products. This tutorial is easy to follow and includes a FREE template to make your own images for your TPT store!

3. Saving your hard work

Once you have completed your look you want to add to your shop, you need to make sure you save a copy of your original PowerPoint so you can always come back and edit later on. I save all my quotebox images in a folder so I know exactly where to find them. After you save your original, you’ll want to save your image as a PNG. This will be the best quality image for your store. To do this from PowerPoint:

  • On your PowerPoint slide, select all the pieces of your design by pressing the keys command + A or Ctrl+A
  • Right click > Select “Group” > Group. Everything should be combined in one box.
  • While still selected, right click again > “Save As Picture”. Save the image on your computer, it should say PNG, if not, select PNG (trust me!)
Calling all Teacherpreneurs! Learn how to create and install a quotebox image in your Teachers Pay Teachers shop. The quotebox space is a perfect space for branding and/or promotion for your best selling classroom products. This tutorial is easy to follow and includes a FREE template to make your own images for your TPT store!
Calling all Teacherpreneurs! Learn how to create and install a quotebox image in your Teachers Pay Teachers shop. The quotebox space is a perfect space for branding and/or promotion for your best selling classroom products. This tutorial is easy to follow and includes a FREE template to make your own images for your TPT store!

4. Uploading to the internet

You’ll want to host your new image somewhere secure on the internet. You can easily do this from Blogger, WordPress or something like Photobucket. Upload the image to your prefered hosting and find the DIRECT link to the image. Copy this link!

Calling all Teacherpreneurs! Learn how to create and install a quotebox image in your Teachers Pay Teachers shop. The quotebox space is a perfect space for branding and/or promotion for your best selling classroom products. This tutorial is easy to follow and includes a FREE template to make your own images for your TPT store!

5. Shorten your picture link

Now that you have your direct link to your quotebox image, you need to shorten the actual link for it to fit into the quotebox space. There are limited characters here so you want to make sure to save your space in that! I use Tiny URL, but you could use Bit.ly or Google too. Once you shorten it, copy this URL and move onto uploading to TPT.

6. Uploading to TPT

To upload, you’ll need to head to your TPT shop and go to your Dashboard. Near your profile picture on Dashboard, you’ll find “Edit Profile”. Find “Personal Quote”, this is where you will be adding your code for the quotebox image to appear. The following code is what you need to use (exactly like this) for it to work correctly. Feel free to copy and paste this code below into your Personal Quote space:

<a href=”TINY URL TO PRODUCT”><img src=”TINY URL TO IMAGE”></a>

The coding has to appear as it is above in that space. Both links need to be tiny as there are only 140 characters to use in the personal quotebox. If you would like the image to just be stand alone with no link if someone clicks on it use the following code only:

<img src=”TINY URL TO IMAGE”>

UPDATE: As of recently, TPT has made some changes to include quotebox images as a file upload directly on their site. Although this is convenient, I still suggest following the coding I’ve provided below. You will be able to upload your highest quality if you store the image yourself. Alongside, the sizing for their quotebox is much different from the one from this tutorial. My sizing is larger and fills as much space as you can get (aka larger image of your product!) So in my opinion, if you are comfortable with it, follow the coding below but if not, simply upload your image directly onto TPT now!

It’s also important to note, as TPT has recently made some changes, it’s against their terms of use to link your quotebox image to any outbound links. This means you MUST link to a direct link, category, or type of product in your Teachers Pay Teachers store. You can no longer link to your blog, website, social media accounts, newsletter, or any other link that takes you away from TPT.

Calling all Teacherpreneurs! Learn how to create and install a quotebox image in your Teachers Pay Teachers shop. The quotebox space is a perfect space for branding and/or promotion for your best selling classroom products. This tutorial is easy to follow and includes a FREE template to make your own images for your TPT store!

Next, scroll down and save the code. You should see the image now in the profile after you saved it. If for whatever reason your image is now showing up after you save, something in the coding is probably off. The quotation marks can be SUPER sensitive if not properly used. They need to be straight quotations, without any curve in it at all (I know that sounds odd but trust me). If you are having trouble, try copying/pasting the code in a notepad or text.

Calling all Teacherpreneurs! Learn how to create and install a quotebox image in your Teachers Pay Teachers shop. The quotebox space is a perfect space for branding and/or promotion for your best selling classroom products. This tutorial is easy to follow and includes a FREE template to make your own images for your TPT store!

After it has been successfully saved, you’ll be able to travel to your shop and see your brand new quotebox image! This is a fantastic way to drive customers to specific products, product lines or categories. You can link your image to anything in your store, social media, or even your blog. Just remember tiny URLs for everything as it’s only 140 characters!

Calling all Teacherpreneurs! Learn how to create and install a quotebox image in your Teachers Pay Teachers shop. The quotebox space is a perfect space for branding and/or promotion for your best selling classroom products. This tutorial is easy to follow and includes a FREE template to make your own images for your TPT store!

Want More Slides? Try a GIF!

If you are feeling great about creating your first quotebox image, why not add a few more? It’s really utilizing the limited space you have to promote on your shop page even more. It does take some time to make the different slides but I’ve seen great results when creating GIFs for not only my shop, but many of my clients too. I love seeing the animation on the page as it really brings in your personally, branding, and life to your overall TPT shop. Interest? Read more about creating a Quotebox GIF here!

Ain’t nobody got time for that? Let me help!

Are you reading this just thinking, “I love this idea but have no time to do this”? Well, let me help! I’ve just added more teachers pay teachers makeover packages to my design options. These include more variety and flexibility at a better price. I have three packages to choose from, but if you are just wanting a single banner, quotebox, or small banner, I can totally just do that too.



So, what other tutorials would you like to see for Teachers Pay Teachers‘ sellers? I’m happy to share my knowledge as a fellow TPT’er and web designer! Make sure you follow me along on Bloglovin’ for the newest parts to this series. Until then, check out my new pinterest board built just for Teacherpreneurs like you! :]

Follow this board on Pinterest!

Alexis Porter
Alexis Porter

Hey there, I’m Alexis! I’m a 30 something bubbly and creative teacher turned web designer living in Seattle, Washington. I absolutely love designing unique brands + websites for fellow teacherpreneurs, creatives, small businesses, bloggers, & many more. When I’m not working on all things Laugh Eat Learn, I enjoy cooking, movies, reading (always with caffeine in hand), and organization of literally everything. I’m also a pure perfectionist which makes everything a little more fun!

Find me on: Web | Instagram | Facebook

20 Comments

    • October 17, 2016 / 7:12 PM

      I'm SO happy to hear that! If you are able to, please come back and show off your new quotebox image! :]

  1. May 1, 2017 / 1:38 PM

    I’ve tried over and over again to copy and paste your code into my personal quote box, and I have NEVER been able to get it to work. I tried fixing the quotes just like you suggested and I have changed my URLS to tiny ones. Suggestions?

    • May 1, 2017 / 1:46 PM

      Hmm! I would need to see the code that you are copying into that box. You need to make sure those quotations are perfect or it won’t work. You should be able to copy/paste the code I have and then add the links directly in there. If that doesn’t help, email me your code and I can try to help out!

    • Krystal
      October 6, 2017 / 8:01 PM

      I am having the SAME problem 🙁

    • October 7, 2017 / 9:46 AM

      It’s hard to say what the problem is without seeing it first hand but you simply need to copy and paste it and exchange your URLs. The quotations need to stay in tack or the code won’t work. You can email me at alexis@laugheatlearn.com and send me the code to look at or I do offer installs of these types of things at an additional cost.

  2. Ruby
    July 28, 2017 / 1:56 AM

    Thank you very much for this awesome post! The instructions are clear and easy to follow. 🙂 Have a nice day!

  3. August 2, 2017 / 4:27 AM

    Thank you for this great post! I am having trouble because my image is huge and goes behind my free product box. I used Powerpoint and the correct dimensions. Any suggestions? Thank you!

    • August 2, 2017 / 7:18 AM

      You’re welcome! Are you using the template I provided? That should be the correct sizing on PowerPoint!

  4. Lauryn Zyla
    July 6, 2018 / 7:28 PM

    Hi, I tried to use the template you have but it was too small….

    • July 9, 2018 / 8:51 AM

      Hey there! The template will appear to be much smaller than it saves, I usually zoom in to 200% to create the image as this is about the size it will save as.

  5. October 24, 2018 / 3:22 PM

    This was so extremely helpful! I love your stuff it is so helpful and oh so cute!!

  6. November 25, 2018 / 8:01 AM

    Hi Alexis, these are super clear instructions and so easy!! My only issue is that the image is quite small when I host and upload it. Do you know if I’ve done something simple incorrectly?

    Elizabeth

    • November 26, 2018 / 7:05 AM

      Hey Elizabeth! Did you use my template I provided? If so, the sizing should be fine once you upload it (it looks smaller through PowerPoint). The size you need your template to be is 450 by 176 pixels or 3 inches by 1.6 inches (Rounded).

  7. January 23, 2019 / 8:08 PM

    Hi! I tried following your tutorial and downloaded your template to ensure that I’m using the correct size. When I upload my image, it looks really blurry. Actually, a lot of the images I try to upload (banner, profile, etc) are all blurry. Am I doing something wrong?

    Thanks,
    Andrea

    • Haley
      February 21, 2019 / 7:28 PM

      The same thing is happening to me! Help!!

  8. Megan Owens
    June 25, 2019 / 1:25 PM

    Thank you! I tried for so long to get my picture in PowerPoint to work using other people’s instructions and was getting so frustrated! Your instructions and template were a game changer for me! Thank you!

Leave a Reply

Your email address will not be published. Required fields are marked *

stay connected

Join the newsletter for all the LEL happenings sent directly to your inbox