TpT is such an amazing teacher market, but getting your store just right is tricky! Last time we looked at how to customize your store banner. This week we’re getting a little more technical (but not too much, don’t worry) and talking you through customizing your quote box.
The quote box is a marvellous thing. Of course, originally we had our favourite Einstein quote and inspiration for our company name displayed proudly atop our profile.Everybody is a genius. But if you judge a fish by its ability to climb a tree, it will live its whole life believing that it is stupid. - Albert Einstein Click To Tweet
However, as I browsed through other stores, scoping out the competition (I kid…kind of), I noticed something we were missing. Some of the stores had fabulous, colorful, exciting and enticing graphics! I loved them. I immediately went to google to figure out how to make one.
A lot of the information was a little outdated but by piecing things together and using some initiative, I managed to create a store that made me very happy!
Not only do we have a great, colorful quote box, it’s also clickable and leads to our site. So how can you achieve this yourself?
Create a Quote Box Image Using Microsoft PowerPoint
I know PowerPoint can often be associated with bad presentations and dodgy slideshows, but it’s actually going to be your best friend today. The ideal quote box size is 452 x 157 pix or 3 inches x 1 inch. Much to my dismay, this isn’t a template size on Canva. Most places I looked in my search for instructions recommended PowerPoint as the easiest way to create an image with the right specifications.
When you get to PowerPoint, open the ‘Design’ tab and then click ‘Page Setup’. Here you can specify the size. Remember you want 3 inches x 1 inch.
Now you can design your banner. We decided to stick with text but pictures look great too!
Add a Transparent Background
The TpT quote box is grey. We have no idea what the exact shade of grey is. If you want to add color to your background or keep it white that’s completely up to you. Personally, I like the slick look of the text without a background. Luckily, you can create transparent backgrounds on PowerPoint.
What you need to do is head to the ‘Insert’ tab and then click ‘Shapes’. Add a rectangle over the entire slide. It needs to cover everything.
Rightclick the box and scroll down to ‘Format Shape’. On the ‘Fill’ tab, you will need to ‘Solid Fill’ the shape and turn the transparency up to 100%.
Next, you’ll have to head to the ‘Line Color’ tab and click ‘No Line’ or you’ll be left with a random rectangle on your quote box.
Now press CTRL + A to select everything. Rightclick and select ‘Save as a picture’. Name your image appropriately and you’re ready for the next step! Make sure you make a mental note of the file location so you can access it easily.
Host Your Image
Before you can add your sparkly new image to your quote box, you need to host it online. A lot of the articles I read recommend doing so via Photobucket but this is my least favourite option. Unless you pay for an account, Photobucket is riddled with ads and only has a temporary preview allowance. I tried mine via Photobucket at first and the next day found a Photobucket warning where my image should be on TpT.
I ended up hosting my image with Flickr. The main trouble with Flickr is that you can only open an account with a Yahoo email address. If you don’t have one you’ll need to do that before you start which can make the whole process a little convoluted. If you’re not keen on Photobucket and you’d rather not set up a Flickr account, you can also host the image on a private Pinterest board. I’ve not tried it myself so I’ll be explaining the Flickr process.
Once you’ve set up an account and uploaded your image to Flickr, click ‘Download’ and select the image size. Rightclick and select ‘Copy link address’.
You’ll need the short-link for the image so head over to Bitly to shrink the URL. Make sure you save the short-link as it’s not the only one you’ll need.
Adding Your Image to Your TpT Quote Box
Head over to TpT and click your name in the top right corner. From the dropdown list you need to select ‘Dashboard’.
On the ‘Dashboard’ page you’ll see a small button reading ‘Edit Profile’. Click it to go to find the quote box.
Now you need to copy and paste the following code into your TpT quote box.
<a href=”CONTENT LINK“><img src=”IMAGE LINK” alt=”2q5S43o” /></a>
In the space where I have written ‘CONTENT LINK’ you can paste a URL to whatever you like. Ours links to the website but you could add a mailing list or product. Don’t forget to shorten this link on Bitly too as the quote box has a character limit.
Once you’ve added the code, scroll to the bottom of the page and click ‘Save’. Visit your store and you should have a fabulous, clickable image in your TpT quote box!
If this article was helpful, show us a bit of love and follow us on TpT!
You may also like: