Please Read: With the introduction of the new Rafflecopter premium widget features, this blog post is no longer relevant. We’ve added a feature that makes it really easy to add images to your giveaways that we think you’ll love! Unfortunately, that means the title bar will no longer able to accept HTML, and in turn, the prize image hack below will no longer work. Thanks for your understanding!
That doesn’t mean you cannot get prize images in your giveaway though – check out the new features!
Happy Monday from Rafflecopter HQs :) You might have seen several folks place images in the ‘prize’ field of their Rafflecopter giveaways. While this isn’t something that we’ve called out when creating a widget, we thought we’d write a quick blog post on how you might be able to do this yourself.
First… Several Examples Check out several blog posts we’ve written in the last several weeks for the Rafflecopter Brand Showcase. Recently, we’ve added some images to the ‘Add A Prize’ field of the giveaway… scroll down to the bottom of the posts to find the giveaway widgets:
Sweet – How Can I Do That?
It’s pretty easy, actually. All you have to do is 1) host the photo on the web and 2) place an image HTML tag in the title of the giveaway after your title.
To get the CrazyDog logo in the example above to look like that, here is the text we had to write in the title of the giveaway:
…which would look like this when entering it into the title when editing the giveaway:
Cool – Help Me Understand What You Did!
The three pieces that we included in the ‘Add A Prize’ field above is 1) the original prize title (Winners Receive $25 Gift Certificates to CrazyDog T-Shirts), followed by 2) several line break tags ‘<br><br>‘ which give me several spaces between the title and the image, and finally 3) an image tag with the URL to the location where the image is hosted (<img src=”yourimageURLlocationhere.jpg”>)
We strongly recommend that the image you place inside the widget is less than 300 pixels wide.
Will This Work For Entry Options? Terms & Conditions?
Nope… placing an image in the widget will only work in the ‘Add A Prize’ field. The ‘Add An Option’ and ‘Terms & Conditions’ fields use markdown and won’t support the HTML needed to place an image in the field.
Will There Be An Easier Way To Do This In The Future?
That’s not out of the question! We’re always looking for ways to improve Rafflecopter’s functionality. This is a great workaround for those who really want to include an image in their widget, but if a lot of folks start using this, there’s always a possibility we’ll help to make this task easier.
You’ll be introduced to some new Rafflecopter features and add-ons, but if you have any ideas or suggestions, feel free to contact us at ‘firstname.lastname@example.org‘.