To link to your coupons from Tumblr, click the “Link to Your Coupons” button in your NerdWallet Dashboard. Click the “Add a Badge Now” button and follow the four easy steps to add a button badge to your website that links to your coupons on NerdWallet. If you would prefer not to add a button badge to your website, you can link to your coupons using a regular link by selecting the “I’d rather add a regular link” hyperlink.
- Step 1: Select a badge to place on your website
- Step 2: Copy the badge code
- Step 3: Paste the code snippet on your Tumblr
- Step 4: Test your badge
- Add a Regular link
- New Features
Step 1: Select a badge to place on your website
There are five badges to choose from. Select a small badge with a white or blue background or a large badge with a white or blue background or an HTML text link. Click to select which badge you would like to add to your website or blog. You can see which badge is selected by the light grey border around the chosen badge. Use the HTML text link version of the badge if you don’t want to add an image to your webpage. This badge will link to your store’s own personal coupon page on NerdWallet. Just click on a badge to select it. Here’s an example:
Step 2: Copy the badge code
Copy the code snippet provided. Click inside the text box then copy the text to your clipboard. The HTML code snippet will look similar to this but customized for your store:
Step 3: Paste the code snippet on your blog or website
Paste the code snippet that you copied from Step 2 onto your Tumblr in the HTML source code. Paste the code wherever you want on your Tumblr – your sidebar, your footer, or anywhere you’d like. The code will show up as the picture badge button or HTML text link that you selected in Step 1.
There are two ways to add a badge image from your Tumblr website that links to your coupons.
Add a Badge to a Tumblr Post
To add the badge code to your Tumblr, go to your Tumblr Dashboard and click “Text” button to add a new text post.
On the “Add a Text Post” screen, type a Post Title like “My Store’s Coupons” and then click the “HTML” button to add HTML to your text post.
When you hit the HTML button, an HTML Source Editor window pops up. Paste the code snippet that you copied from Step 2 into the HTML Source Editor and click the “Update” button.
Now, you’ll see your new badge in the body of your post.
Click the “Create Post” button to publish your post.
You have successfully added a badge to a post on your Tumblr!
Add a Badge to your Tumblr Sidebar
This method of adding a badge to your Tumblr sidebar will depend on what Tumblr theme you’re using and it would help to know some HTML.
Go to your Tumblr page and click the “Customize” button on the top right of the screen.
On your screen, a tool bar appears on the left side of your screen. Click the “Edit HTML” button to edit the HTML of your Tumblr theme.
This next step will be different depending on your Tumblr’s theme. The Tumblr theme in this example is Redux by jacob. Also, you will need to know a little HTML to find where you want to place your badge code.
Once you click the “Edit HTML” button, you will see the HTML source of your Tumblr page. Search for where you would like to add your badge code in the HTML source. Paste the badge code snippet that you copied from Step 2. Where you paste the badge code will differ depending on your Tumblr theme and where you want to paste the code. For example, I want to add a badge to the bottom of my Tumblr sidebar, so I searched for the “mobile” button and pasted the badge code after the mobile button code in the side bar.
Click the “Update Preview” button to see if the badge image shows up in the preview of your Tumblr page on the right side of the screen.
If you like where you pasted the badge code. Click the “Save” button on the top of the left side of the screen to save your changes.
You now have a new badge on your Tumblr sidebar to connect your readers straight to your store’s coupon page!
Step 4: Test your badge
Once you are finished with step 3, tell us the URL where you put the badge code from Step 3. Then click the “Test Now” button to test that adding the badge button to your website worked.
If adding the badge button to your website worked, you will receive a “Successful!” message. Then click “OK” to continue.
Now, you can go edit your coupons to add an image and up to three tags to each coupon and enjoy all the other new feature available to you that all result in increased exposure for your store and your coupons! Thank you for spreading the word about your store’s coupons!
Add a Regular Link
If your blog or website does not let you edit the HTML or if you would prefer not to add a button badge to your website, you can link to your coupons using a regular link by selecting the “I’d rather add a regular link” hyperlink.
Step 2: Copy your coupon page URL
Copy the URL provided – that’s your own store’s coupon page on NerdWallet.
Step 3: Add the link to your Tumblr
To add regular link to your Tumblr, go to your Tumblr Dashboard and click “Link” button to add a new link post.
Enter a Title for the link post like “My Store’s Coupon Codes.”
Paste the link to your store’s coupon page from NerdWallet in the URL field.
Then click the “Create Post” button to create your Link Post.
Step 4: Test your link
Test that adding a link to your website worked by clicking the “Test Now” button.
If adding the link to your website worked, you will receive a “Successful!” message. Then click “OK” to continue.
- Get listed on the homepage.
- Prime category listing at the top of your category page
- Top priority display in user searches
- Get promoted through deal emailsAdd a product image to each of your coupons
If you have any questions, feel free to contact me at email@example.com.