How To Hack Your TpT Quote Box Using PowerPoint
As you get started on TpT you’ll see that space in your store front for your “quote.” If you’re anything like us, you search to find an actual quote to use until you realize that a lot of other sellers are putting really cool graphics and rotating GIFs in that space. There are several tutorials out there for these advanced techniques, and I’ve definitely used them to help me along the way, with some adjustments.
Here are directions for putting a single (non-rotating) image in that space – perfect for the relative newbie who wants their store to look professional without spending money or tons of time to bling it out completely.
1. Create your image in PowerPoint. The dimensions we used were a width of 4.75 inches and a height of 2.09 inches – this was after much trial and error and needing to work in inches instead of pixels. If you’d like to set the background of your slide to that “TpT gray,” you can use the RGB color code 240, 240, 240. We opted to have an actual color background to better tie in with our store banner, but do whatever floats your boat!
2. Save the file as a PowerPoint so you can modify it down the road.
3. Save the file as a PNG
4. You’ll need to upload the photo to a photo-storing site – I’ve read that you can somehow do this through Pinterest, but it didn’t work for me so I created a free account on PhotoBucket.com.
5. Once you have your PhotoBucket account created, upload your PNG picture.
6. The quote box image you are creating will be clickable, so decide where you want your image to go if people click on it – it can just go back to your main store page, to a custom category, to an individual product, to your website, etc.
7. Ok, now comes the fun part that will make you feel like a real computer whiz. You need to get your two long URLS (one from where the photo is stored and one from the link you want your buyers to click on) and make them “tiny.” Click on the the “Direct” link from the “Share this Photo” section of PhotoBucket (it should be off to the right immediately after you’ve uploaded your picture). If you click on it, it will copy it to the clipboard for you.
8. Now go tinyurl.com and paste the link that you just copied in the box underneath the title “Enter a long URL to make tiny.” Once it has been made tiny, copy and paste this smaller URL into a word document for safe keeping, or just keep that window open while you do the next step.
9. Now you are going to repeat this same process with the URL you decided on in Step 6, but you need to open another tinyurl.com window for this new link. If you can’t think of where you want this link to click to, just use your store URL – you can always change it later.
10. Now that you have your two tiny URLs, you are going to insert them into the below code. The red one is for your code from Step 8 and the blue one is for the code from Step 9. You can put a keyword in the purple “keyword” section but it is not necessary.
<a href=”tinyurlclickablelink“><img src=”tinyurlimage” alt=”keyword“/></a>
11. So now you have your code! Yay! You are ready to paste this into your TpT “quote” area. This can be found at My TpT – My Account – Store Profile – Edit – Personal Quote. Check it out to see how it looks. You may want to save your tinyurl codes, along with these directions, for the next time you decide to change up your quote box. It is a lot of steps, but it gets easier and quicker each time you do it.