Zillow^® Mortgage Rate Widgets

Add a Zillow Mortgage Rate Widget to your Web site or blog to get:

Free co-branding. When visitors click the widget, your photo, contact info and link to your Web site appears at the top of the page. Learn more about co-branding or see co-branding demo
Real, instant rates. Rates are computed from real quotes borrowers receive from lenders just seconds before the chart was created.

Choose a widget style:

Large Table (300 x 145)

Latest Mortgage Rates Current Last Week 30 Year Fixed 15 Year Fixed 5/1 ARM

<div style="width:298px; height:143px; border:1px solid #adcfff;">
<span style="display:block; position:relative; width:298px; height:143px; overflow:hidden; text-align:center; font-family:verdana,arial,sans-serif; font-size:8pt; background:url(/static/images/zmm_widget_logos.gif) 0 -629px repeat-x;">
    <span style="display:block; position:absolute; top:6px; left:0px; width:298px; text-align:center;">
        <a href="/Mortgage_Rates?scid=mor-wid-lthd" target="_blank" style="display:block; font-size:9pt; color:#36b; text-decoration:none; font-size:9pt; font-weight:bold;">Latest Mortgage Rates</a>
    </span>   
    
    <span style="display:block; position:absolute; top:26px; left:151px;"><span>Current</span></span>
    <span style="display:block; position:absolute; top:26px; left:220px;"><span>Last Week</span></span>
    
    <span style="display:block; position:absolute; top:39px; left:6px; background:#fff; height:60px; width:284px; border:1px solid #adcfff; text-align:left;">
        <span style="display:block; width:146px;">
            <span style="display:block; height:20px; padding:0 0 0 4px; background-color:#fff;">
                <a href="/30_Year_Fixed_Mortgage_Rates?scid=mor-wid-ltt1" target="_blank" style="display:block; padding:3px 0 0 0; text-decoration:underline; color:#36b;">30 Year Fixed</a>
            </span>
            <span style="display:block; width:280px; height:20px; padding:0 0 0 4px; background-color:#eff7ff;">
                <a href="/15_Year_Fixed_Mortgage_Rates?scid=mor-wid-ltt2" target="_blank" style="display:block; padding:3px 0 0 0; text-decoration:underline; color:#36b;">15 Year Fixed</a>
            </span>
            <span style="display:block; height:20px; padding:0 0 0 4px; background-color:#fff;">
                <a href="/5-1_ARM_Mortgage_Rates?scid=mor-wid-ltt3" target="_blank" style="display:block; padding:3px 0 0 0; text-decoration:underline; color:#36b;">5/1 ARM</a>
            </span>
        </span>
            
        <iframe title="Current Mortgage Rates" frameborder="0" height="60" style="position:absolute; top:0px; left:146px;" scrolling="no" width="136" align="middle" src="/mortgage/MortgageRateTableWidget.htm?wide=1">
                Your browser doesn't support frames.  Visit 
            <a href="/mortgage/" target="_blank" style="text-decoration:none; font-size:9pt; font-weight:bold;">Zillow Mortgage Marketplace</a> 
            to see this content.
        </iframe>
    </span>
    
    <span style="position:absolute; top:109px; left:15px; display:block;">
        <a href="/mortgage?scid=mor-wid-ltgr" target="_blank" title="Zillow Mortgage Marketplace" style="display:block; height:15px; width:145px;"><img src="/static/images/zillow-mortgage-logo-small.gif" alt="Mortgages, Home Loans, and Mortgage Quotes at Zillow Mortgage Marketplace" style="border:none;"/></a>
        <a style="text-align:center; font-size:7pt; color:gray; text-decoration:none;" href="/webtools/widgets/MortgageRateWidget.htm?scid=mor-wid-ltget" target="_blank">Get this widget</a>
    </span>
    
    <a href="/Mortgage_Rates?scid=mor-wid-ltbt" target="_blank" title="Mortgage rate" style="position:absolute; top:101px; left:168px;display:block; background:url(/static/images/zmm_widget_logos.gif) 0 -54px no-repeat; height:22px; width:111px; margin:10px 7px 1px 4px; padding:3px 0 0 0; font-size:12px; font-weight:bold; color:#fff; text-decoration:none;">See local rates</a>
</span>
</div>

Small Table (160 x 155)

Latest Mortgage Rates 30 Year Fixed 15 Year Fixed 5/1 ARM See local rates

Get this widget

<div style="width:158px; height:153px; border:1px solid #adcfff;">
<span style="display:block; position:relative; width:158px; height:153px; overflow:hidden; text-align:center; font-family:verdana,arial,sans-serif; background:url(/static/images/zmm_widget_logos.gif) 0 -474px;">
    <span style="display:block; position:absolute; top:0px; left:0px; padding:6px 0; width:158px; text-align:center;">
        <a href="/Mortgage_Rates?scid=mor-wid-sthd" target="_blank" style="font-size:9pt; color:#36b; text-decoration:none; font-weight:bold;">Latest Mortgage Rates</a>
    </span>
    
    <span style="display:block; position:absolute; top:27px; left:2px; width:152px; height:60px; background:#fff;border:1px solid #adcfff; text-align:left; font-size:8pt;">
        <span style="display:block; width:98px;">
            <span style="display:block; height:20px; padding:0 0 0 4px; background-color:#fff;">
                <a href="/30_Year_Fixed_Mortgage_Rates?scid=mor-wid-stt1" target="_blank" style="display:block; padding:3px 0 0 0; text-decoration:underline; color:#36b;">30 Year Fixed</a>
            </span>
            <span style="display:block; width:148px; height:20px; padding:0 0 0 4px; background-color:#eff7ff;">
                <a href="/15_Year_Fixed_Mortgage_Rates?scid=mor-wid-stt2" target="_blank" style="display:block; padding:3px 0 0 0; text-decoration:underline; color:#36b;">15 Year Fixed</a>
            </span>
            <span style="display:block; height:20px; padding:0 0 0 4px; background-color:#fff;">
                <a href="/5-1_ARM_Mortgage_Rates?scid=mor-wid-stt3" target="_blank" style="display:block; padding:3px 0 0 0; text-decoration:underline; color:#36b;">5/1 ARM</a>
            </span>
        </span>
    
        <iframe title="Current Mortgage Rates" frameborder="0" height="60" style="position:absolute; top:0px; left:96px;" scrolling="no" width="54" align="middle" src="/mortgage/MortgageRateTableWidget.htm">
            Your browser doesn't support frames.  Visit
            <a href="/mortgage/" target="_blank" style="text-decoration:none; font-size:9pt; font-weight:bold;">Zillow Mortgage Marketplace</a>
            to see this content.
        </iframe>
    </span>

<span style="display:block; position:absolute; top:94px; left:0px;  width:158px;">
        <a href="/Mortgage_Rates?scid=mor-wid-stbt" target="_blank" title="Mortgage rate" style="margin:0 auto; display:block; background:url(/static/images/zmm_widget_logos.gif) 0 -54px no-repeat; height:22px; width:111px; padding:3px 0 0 0; font-size:12px; font-weight:bold; color:#fff; text-decoration:none">See local rates</a>
    </span>
    
    <span style="display:block; position:absolute; top:121px; left:0px; width:158px;">
        <a href="/mortgage?scid=mor-wid-stgr" target="_blank" title="Zillow Mortgage Marketplace" style="display:block; margin:0 auto; height:15px; width:145px;"><img src="/static/images/zillow-mortgage-logo-small.gif" alt="Mortgages, Home Loans, and Mortgage Quotes at Zillow Mortgage Marketplace" style="border:none;"/></a>
    </span>

<span style="display:block; position:absolute; top:134px; left:0px; text-align:center; width:158px;">
        <a style="margin:0 auto; font-size:7pt; color:gray; text-decoration:none;" href="/webtools/widgets/MortgageRateWidget.htm?scid=mor-wid-stget" target="_blank">Get this widget</a>
    </span>
</span>   
</div>

Large Chart (340 x 250)

Current Mortgage Rates

Get this widget See local rates

<div style="width:338px; height:248px; border:1px solid #adcfff;">
<span style="display:block; position:relative; width:338px; height:248px; overflow:hidden; background:#fff; text-align:center; font-family:verdana, arial, sans-serif; font-size:8pt;">
    <span style="display:block; position:absolute; top:0px; left:0px; width:338px; padding:6px 0 10px 0; background-color:#eff3ff; text-align:center;">
        <a href="/Mortgage_Rates?scid=mor-wid-lchd" target="_blank" style="display:block; font-weight:bold; font-size:9pt; color:#36b; text-decoration:none;">Current Mortgage Rates</a>
    </span>

<span style="position:absolute; top:210px; left:14px; display:block;">
        <a href="/mortgage?scid=mor-wid-lcgr" target="_blank" title="Zillow Mortgage Marketplace" style="display:block; height:18px; width:180px;"><img src="/static/images/zillow-mortgage-logo-large.gif" alt="Mortgages, Home Loans, and Mortgage Quotes at Zillow Mortgage Marketplace" style="border:none;"/></a>
        <a style="text-align:center; font-size:7pt; color:gray; text-decoration:none;" href="/webtools/widgets/MortgageRateWidget.htm?scid=mor-wid-lcget" target="_blank">Get this widget</a>    
    </span>

<a href="/Mortgage_Rates?scid=mor-wid-lcbt" target="_blank" title="Mortgage rate" style="position:absolute; top:214px; left:211px; background:url(/static/images/zmm_widget_logos.gif) 0 -54px no-repeat; display:block; height:22px; width:111px; padding:3px 0 0 0; font-size:12px; font-weight:bold; color:#fff; text-decoration:none;">See local rates</a>
</span>
</div>

Small Chart (160 x 285)

Current Mortgage Rates See local rates

Get this widget

<div style="width:158px; height:283px; border:1px solid #adcfff;">
<span style="display:block; position:relative; width:158px; height:283px; overflow:hidden; background:#fff; text-align:center; font-family:verdana, arial, sans-serif; font-size:8pt;">
    <span style="display:block; position:absolute; top:0px; left:0px; width:158px; padding:6px 0 10px 0; background-color:#eff3ff; text-align:center;"> 
        <a href="/Mortgage_Rates?scid=mor-wid-schd" target="_blank" style="display:block; font-weight:bold; background-color:#eff3ff; font-size:8.5pt; line-height:1.1em; color:#36b; text-decoration:none;">Current Mortgage Rates</a>
    </span>
    
    <iframe title="Latest Mortgage Rates" frameborder="0" height="190" style="position:absolute; top:28px; left:0px;" scrolling="no" width="158" src="/mortgage/RateExplorerGraphWidget.htm">
        Your browser doesn't support frames.  Visit 
        <a href="/mortgage/" target="_blank" style="text-decoration:none;">Zillow Mortgage Marketplace</a> 
        to see this content.
    </iframe>

<span style="display:block; position:absolute; top:224px; left:0px; width:158px;">
        <a href="/Mortgage_Rates?scid=mor-wid-scbt" target="_blank" title="Mortgage rate" style="margin:0 auto; display:block; background:url(/static/images/zmm_widget_logos.gif) 0 -54px no-repeat; height:22px; width:111px; padding:3px 0 0 0; font-size:12px; font-weight:bold; color:#fff; text-decoration:none">See local rates</a>
    </span>

<span style="display:block; position:absolute; top:251px; left:0px; width:158px;">
        <a href="/mortgage?scid=mor-wid-scgr" target="_blank" title="Zillow Mortgage Marketplace" style="display:block; margin:0 auto; height:15px; width:145px;"><img src="/static/images/zillow-mortgage-logo-small.gif" alt="Mortgages, Home Loans, and Mortgage Quotes at Zillow Mortgage Marketplace" style="border:none;"/></a>
    </span>
    
    <span style="display:block; position:absolute; top:267px; left:0px; text-align:center; width:158px;">
        <a style="margin:0 auto; font-size:7pt; color:gray; text-decoration:none;" href="/webtools/widgets/MortgageRateWidget.htm?scid=mor-wid-scget" target="_blank">Get this widget</a>
    </span>   
</span>
</div>

Add co-branding (optional):

You must Register or Sign In to use co-branding

Include co-branding See co-branding demo

Note: Since the co-branding is based on your profile information, make sure your profile displays the contact information and photo or image you want to brand.

Copy and paste the code to your site:

If you want a more flexible solution for integrating mortgage rates into your website, check out our GetRateSummary API.

Have a question? Find help from a Pro here.

Widgets for Your Site

Mortgage Rates

Zillow® Mortgage Rate Widgets

Zillow^® Mortgage Rate Widgets