Widget Documentation

Once you're approved for rev-share, login to your For Me To Coupon account. Enter the following URL into your browser's address bar:
http://www.formetocoupon.com/accountWidgets.php

You'll then see a page similar to the following:

Existing Widgets in your account are listed (if any). To create Widgets, click Configure New Widget.

To edit existing Widgets, click on Edit Options or Get Code.

Definitions & Troubleshooting

Nickname - How the widget appears in your list in the For Me To Coupon admin. This does not appear on your live website.
Single Merchant - You can select a single merchant here if you only want to show coupons for that merchant. (e.g. If you have a page on your site for Macy's Coupons and want to only show coupons for Macys, you'd select it here).
Default Category - Only coupons in this category are shown. If the category list is shown to the user, this is the default (selected) value in that list.
Default Holiday - Only coupons for this holiday are shown. If the holiday list is shown to the user, this is the default (selected) value in that list.
Order By - How the coupons should be ordered on the live website. Users can click on the table's column headings to reorder the list.
Results to Display - How many results are displayed per page.
CSS - You can use Cascading Style Sheets (CSS) to customize the look of your widget. Enter your ID and class styles here.
Form Options
- Show Merchant List - Select if you'd like to display a dropdown list of merchants.
- Include USA Merchants - Select if you'd like merchants from the USA included in the dropdown list and search results.
- Include Canadian Merchants - Select if you'd like merchants from Canada included in the dropdown list and search results.
  - NOTE: If you do not check either of these boxes, USA merchants will be included by default.
- Include Category List - Select if you'd like to display a dropdown list of categories.
- Include Holiday List - Select if you'd like to display a dropdown list of holidays.
- Show Keyword Field - Select if you'd like to display a text input field for users to be able to search coupons by keyword.
  - Keyword searches the Merchant Name, Coupon Label, and Coupon Code fields.
Defaults

Only Coupons - Select if you only want coupons with codes displayed in search results.
Click to Reveal - Select if you wish for the user to have to click a link to see/reveal what the coupon code is. This sets the affiliate cookie upon click.
Put Coupons First - Select if you want deals with coupon codes returned first, followed by other deals (without coupon codes).
Show Merchant Name - Select if you want to display the merchant's name.
Show Start Date - Select if you want to display the start date of a deal.
Show End Date - Select if you want to display the end, or expiration, date of a deal.
Use Merchant Logos - Select if you want to display the merchant log instead of the name (where logos are available).
Show Number of Results - Select if you wish to display the total number of search results. (e.g. Showing 1-25 of 2000+).
Show Pagination - Select if you wish to display multiple pages of search results. (e.g. [1] << 2 | 3| 4 >> [4])

CSS Options
- Options Table #fmtco
  - .h
  - .o
- Results table #fmtc
  - Head thead
    - .offerHeader
    - .couponHeader
    - .merchantHeader
    - .startsHeader
    - .expiresHeader
  - Rows
    - .even
    - .odd
    - .offer
    - .coupon
    - .merchant
    - .starts
    - .expires
- Number of results #fmtcnumresults
- Pagination #fmtcpages

Get Code

The Widget is provided to you via an iFrame. This HTML code can be pasted into the HTML of your website or into a WordPress post or page. You can adjust the iFrame width and height to suit your needs. The default size is 600 pixels wide and 685 pixels high.

Example CSS

/* FMTC Styles START */

/* Table START */

#fmtc { border:1px solid #b71c00; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding-bottom:10px; padding-top:10px; background:#F75133; font: normal 14px Arial, Helvetica, sans-serif; color: #3C3C3C; text-decoration: none; }
#fmtc a:link { font: normal 14px Arial, Helvetica, sans-serif; color: #0032C8; text-decoration: none; }
#fmtc a:visited { font: normal 14px Arial, Helvetica, sans-serif; color: #0032C8; text-decoration: none; }
#fmtc a:hover { font: normal 14px Arial, Helvetica, sans-serif; color: #0032C8; text-decoration: none; }
/* Table END */

/*Header START */
#fmtc thead { background: rgb(248,80,50); background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1))); background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); background: -o-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); background: linear-gradient(top, rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); color:#fff; }
#fmtc .offerHeader { padding:0 5px 5px 5px; font-weight:bold; }
#fmtc .couponHeader { padding:0 5px 5px 5px; font-weight:bold; }
#fmtc .merchantHeader a { padding:0 5px 5px 5px; font-weight:bold; color: white}
#fmtc .startsHeader a { padding:0 5px 5px 5px; font-weight:bold; color: white}
#fmtc .expiresHeader a { padding:0 5px 5px 5px; font-weight:bold; color: white}
/* Header END */

/* Rows START */
#fmtc .even { background: rgb(241,218,54); background: -moz-linear-gradient(top, rgba(241,218,54,1) 0%, rgba(254,252,234,1) 3%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,218,54,1)), color-stop(3%,rgba(254,252,234,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(241,218,54,1) 0%,rgba(254,252,234,1) 3%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(241,218,54,1) 0%,rgba(254,252,234,1) 3%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(241,218,54,1) 0%,rgba(254,252,234,1) 3%,rgba(255,255,255,1) 100%); background: linear-gradient(top, rgba(241,218,54,1) 0%,rgba(254,252,234,1) 3%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#ffffff',GradientType=0 ); }
#fmtc .even:hover { background: rgb(241,218,54); background: -moz-linear-gradient(top, rgba(241,218,54,1) 0%, rgba(249,217,217,1) 3%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,218,54,1)), color-stop(3%,rgba(249,217,217,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(241,218,54,1) 0%,rgba(249,217,217,1) 3%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(241,218,54,1) 0%,rgba(249,217,217,1) 3%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(241,218,54,1) 0%,rgba(249,217,217,1) 3%,rgba(255,255,255,1) 100%); background: linear-gradient(top, rgba(241,218,54,1) 0%,rgba(249,217,217,1) 3%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#ffffff',GradientType=0 ); }
#fmtc .odd { background: rgb(241,218,54); background: -moz-linear-gradient(top, rgba(241,218,54,1) 0%, rgba(254,252,234,1) 3%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,218,54,1)), color-stop(3%,rgba(254,252,234,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(241,218,54,1) 0%,rgba(254,252,234,1) 3%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(241,218,54,1) 0%,rgba(254,252,234,1) 3%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(241,218,54,1) 0%,rgba(254,252,234,1) 3%,rgba(255,255,255,1) 100%); background: linear-gradient(top, rgba(241,218,54,1) 0%,rgba(254,252,234,1) 3%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#ffffff',GradientType=0 ); }
#fmtc .odd:hover { background: rgb(241,218,54); background: -moz-linear-gradient(top, rgba(241,218,54,1) 0%, rgba(249,217,217,1) 3%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,218,54,1)), color-stop(3%,rgba(249,217,217,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(241,218,54,1) 0%,rgba(249,217,217,1) 3%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(241,218,54,1) 0%,rgba(249,217,217,1) 3%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(241,218,54,1) 0%,rgba(249,217,217,1) 3%,rgba(255,255,255,1) 100%); background: linear-gradient(top, rgba(241,218,54,1) 0%,rgba(249,217,217,1) 3%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#ffffff',GradientType=0 ); }

#fmtc .offer { padding:5px; }
#fmtc .coupon { padding:5px; font: normal 14px Arial, Helvetica, sans-serif; color: #c83200; text-decoration: none; }
#fmtc .coupon a:link { font: normal 14px Arial, Helvetica, sans-serif; color: #c83200; text-decoration: none; }
#fmtc .coupon a:visited { font: normal 14px Arial, Helvetica, sans-serif; color: #c83200; text-decoration: none; }
#fmtc .coupon a:hover { font: normal 14px Arial, Helvetica, sans-serif; color: #ff0000; text-decoration: none; }
#fmtc .merchant { padding:5px; }
#fmtc .starts { padding:5px; }
#fmtc .expires { padding:5px; }
/* Rows END */

/* FMTC Styles END */