Free Financial Widgets and Calculators

Deliver additional value to your users with tools that answer questions and allow them to compare and find the best products.

Welcome to NerdWallet’s Widget Hub

Here you’ll discover 24 widgets from NerdWallet, covering credit cards, investing, banking, loans, insurance and more for you to embed on your own website for your users. On this page, we cover:

1. Credit & Debt
2. Loans (Business, Student, Personal, Auto)
3. Saving & Budgeting
4. Investing & Taxes
5. Mortgage & Home Buying
6. Retirement
7. Insurance
8. Best Practices
9. FAQs

Thank you for visiting.  Our product is currently in an invitation-only beta. We will post updates here in the coming weeks.

Credit & Debt

1. Widget: Find a credit card

2. Widget: Debt consolidation

Back to top

Loans (Business, Student, Auto)

4. Widget: Business loan calculator

5. Widget: Consolidate student loans

6. Widget: Income-driven student loan repayment

7. Widget: Student loan calculator

8. Widget: Student loan refinance calculator

9. Widget: Car payment calculator

10. Widget: Should I buy or lease

11. Widget: Student loan payoff calculator

Back to top

 

Saving & Budgeting

11. Widget: Find an online savings account

12. Widget: Are you saving enough?

13. Widget: The 50/30/20 budget

Back to top

 

Investing & Taxes

14. Widget: Find a robo-advisor

15. Widget: Net worth calculator

16. Widget: Tax bracket calculator

Back to top

 

Mortgage & Home Buying

17. Widget: Compare mortgage rates

18. Widget: Closing costs calculator

19. Widget: Mortgage income calculator

20. Widget: How much can I borrow?

21. Widget: Debt to income ratio

22. Widget: 15-year vs. 30-year mortgage calculator

23. Widget: Home improvement financing calculator

24. Widget: FHA loan calculator

25. Widget: VA loan calculator

26. Widget: Mortgage calculator

27. Widget: Refinance calculator

28. Widget: Home equity loan calculator

Back to top

 

Retirement

29. Widget: Retirement on-ramp

Back to top

 

Insurance

30. Widget: How much life insurance do I need

Back to top

Best Practices: How to optimize NerdWallet widgets

Placement is key!

Include them in contextually relevant pages. For example:

  • Place a retirement widget in a savings or retirement article or home page.
  • Place a personal loans widget in story pages related to starting a small business, buying a car or home, consolidating debt, paying for school.

Place widgets inline whenever possible.

  • Place widgets between paragraphs where they’re relevant to what your users are reading about.
  • Right rail placements tend to feel like ads.
Back to top

FAQs

What data does NerdWallet collect through these widgets?
NerdWallet will be collecting self-reported user inputs on widget fields and associating with a browser cookie id. This anonymous data is not tied to any personally identifiable information, and cannot be used to identify a user without that user signing up for NerdWallet’s membership experience.
Are these widgets responsive?
Yes, these widgets are responsive. They will flex to be 100% of the width of whatever container or screen size they are displayed in (all except one, the personal loans rates widget), and will adjust styling (such as font size, column arrangement, etc) to fit the container or screen size as well. A few of the widgets may grow in height depending on user inputs. For these widgets, the widget will know to get taller when this happens. To see their responsiveness, try them out! Drag the window of the tablet or laptop that you’ve viewing on smaller and bigger to watch the widgets flex.
What browsers are supported?
NerdWallet provides tiered browser support. Full support is provided for the latest 2 versions of Chrome on Mac, Windows, Android, and the latest 2 versions of Safari on iOS. Content and navigation support is provided for the latest 2 versions of Chrome on iOS, the latest 2 versions of Firefox on Mac and Windows, the latest 2 versions of Safari on Mac and iOS (in-app), Android Browser, Edge, and IE 11.
Will a NerdWallet widget slow down my site?
Our script tag is very small (7kb) and is hosted on our CloudFront CDN. 99% of the time spent in the script (including writing/loading the iframe) is deferred to an asynchronous event that occurs after the page is loaded. The embed render itself is non-blocking and will not prevent the rest of the page from loading.
I'm interested in embedding these widgets on my site. How do I get them?
We are currently running an invitation-only beta. Please check back for updates in the coming weeks.

 

Back to top