ItsOnMe Widget

Add this widget to your website to allow people to buy gifts without leaving your site:

Button Implementation

Copy and paste the following code to your website in the location you want the widget to appear:

<!-- widget styles and scripts - can alternatively be added to HEAD tag of site -->
<link rel="stylesheet" type="text/css" href="https://www.itson.me/content/widget/widget-1.1.css">
<script type="text/javascript" src="https://www.itson.me/content/widget/widget-1.0.js"></script>

<!-- widget button - the gui element seen by user -->
<a rel="shadowbox[IOM]" class="iom-button iom-button-rounded" href="http://www.itson.me/widget/the_pheasant_golf_links_menu" title="Gifts Cards at The Pheasant Golf Links Menu " target="blank">
<div class="iom-button-logo">Gift Cards</div>
</a>

<!-- widget init script - can alternatively be added to existing page on load scripts -->
<script type="text/javascript">IOM.run();</script>

You can also customize the following:

TIP: If you are implementing multiple buttons (or other widget trigger elements) on each page, do NOT include the style sheet link or script tags more than once on the page. In this case, it is advisable to include the reference link/script tags in the head of the site and the init script along with other page initializaton scripts.

Default Styles

The default style sheet supports the following appearances. Simply add one of the class names below (starting 'iom-button-') to the class attribute of your A tag.

Gift Cards

Standard
N/A

Black
iom-button-black
Gift Cards

White
iom-button-white

Red
iom-button-red

Pink
iom-button-pink

Purple
iom-button-purple

Deep Purple
iom-button-deeppurple

Indigo
iom-button-indigo

Blue
iom-button-blue

Light Blue
iom-button-lightblue

Cyan
iom-button-cyan

Teal
iom-button-teal

Green
iom-button-green

Light Green
iom-button-lightgreen
Gift Cards

Lime
iom-button-lime
Gift Cards

Yellow
iom-button-yellow
Gift Cards

Amber
iom-button-amber
Gift Cards

Orange
iom-button-orange

Deep Orange
iom-button-deeporange

Brown
iom-button-brown

Grey
iom-button-grey

Blue Grey
iom-button-bluegrey
Gift Cards

Transparent Black
iom-button-transparentblack

Transparent White
iom-button-transparentwhite
Gift Cards

Don't want rounded corners? Remove iom-button-rounded in the class section.
Gift Cards

Don't want the geo logo? Remove the iom-button-logo class from the inner div.

Wordpress Navigation Menus

If you want to implement the widget in your navigation menu and are using Wordpress (and jQuery) and are using the built in menu functionality of Wordpress (as opposed to a custom menu built in the theme files), you can use these steps to open the widget directly from your navigation bar.