Put RIDGIDConnect on your site…and make it fit in!

So you're up and running on RIDGIDConnect. You're sending reports out, documenting your work, and overall, being more productive. As you look through the "my Account" section, you come across "Put RIDGIDConnect On Your Site." After reading through the description, this sounds like a great idea. You will still get your customers the report you created, and can drive more traffic to your website, provide your customers with the sense that this is a complete solution since they'll be going to your website and not RIDGIDConnect, and expose them to any special offers or deals you currently have running while they're looking at your site.

Then, you come across the form to create the code snippet you need to embed on your site and say, "Whoa, I'm not a web developer, this looks like it's in a foreign language! Well...I'll give it a try."

There's all sorts of strange combinations of letters and numbers but you finally discover that if you click on the little red box you get a pop up with a choice of 100 or so different colors. You find a red that looks similar to your website and decide to go with it. Maybe you customize the text or the size of the box a little bit...but, finally you copy the HTML code snippet at the bottom and get it embedded into your web site. It's close to the right color, not perfect, but that's the best you could do, right? Wrong! Follow along for an easy way to seamlessly produce a "Put RIDGIDConnect On Your Site" box that looks like it has been there all along.

Next to where it says, "Background color" there's a text box with six characters in it. This corresponds to the specific color code that you've selected. It is made up of six characters and each one can range from A-Z and from 0-9. I'll spare you the details, but for more you can read this. If you can't ask your web developer or graphic designer what this value you should be, here's how to get it:

Using Mozilla Firefox as your web browser, you can search for "Add Ons". Click on the "Tools" menu and select "Add Ons" from the drop down that opens. Search for "ColorZilla".

Once you get it installed and open your browser back up, you'll notice that in the bottom left corner there's an eye dropper. If you click on this eye dropper you'll start the ColorZilla add on. It will replace your mouse pointer with a set of cross hairs and as you scroll over your website, you'll see that it gives you the RGB value as well as the six character hexadecimal HTML color code that you need. Simply find the color you want to match with, copy down the six character value as highlighted in the picture below, paste it into the box on RIDGIDConnect, and voila! Your "Put RIDGIDConnect On Your Site" box will be matched perfectly to your website.