FindMyRingSize Online Ring Sizer widget

To install FindMyRingSize manually:

• 1. Copy the embed code from within the Online Ring Sizer Widget Configurator
• 2. Place your JavaScript and HTML code in the place of your pages where you want to use Online Ring Sizer button to be displayed.
• 3. View your website pages’s source code to ensure FindMyRingSize’s JavaScript is installed properly.

Advanced setup:
To delay javascript loading for faster page rendering - separate FMRS javascript and HTML snippet and place javascript part just before the closing </body> HTML tag.

To install FindMyRingSize on a WordPress site:

• 1. Copy the embed code from within the Online Ring Sizer Widget Configurator
• 2. Depending on how much exposure you want your Online Ring Sizer button to have, you can either paste the code snippet in your theme’s template files for global exposure, or you paste it in the HTML editor on a post or page for single page exposure.

If the closing BODY tag is not in the footer.php files, it could be in the index.php template file. Edit it there.

If the files are “unwritable,” please follow the instructions in Changing File Permissions in the WordPress Codex, or edit the template file manually through FTP.

To install FindMyRingSize on a blogger site:

• 1. Copy the embed code from within the Online Ring Sizer Widget Configurator
• 2. Blogger’s deployment options is similar to WordPress’. You can have your Online Ring Sizer show up on a single page by pasting your code snippet in via the Edit Html view. You may have to save the post while in the Edit Html view though as Blogger has a nasty habit of placing in
  tags where they aren’t supposed to be. Alternatively, if you want site wide exposure, you can go to the Design section of your blog and Edit HTML for the blog’s template. Just paste the code snippet in after the line that looks like:

To install FindMyRingSize on a gSize on a weebly site:

• 1. Copy the embed code from within the Online Ring Sizer Widget Configurator
• 2. To deploy a Online Ring Sizer on a single page, go to the Pages section and click on the Advanced Settings to paste the Hello Bar embed code snippet into the Footer Code field. If you want your Hello Bar to show up on any page of your Weebly website, go to the Design section and click on the Edit HTML/CSS button in the upper left of the screen and paste your Hello Bar embed code snippet where you want the button to be shown. Be sure you are familiar with and comfortable with HTML before you do this option!

To install FindMyRingSize on a Squarespace site:

• 1. Copy the embed code from within the Online Ring Sizer Widget Configurator
• 2. Thanks to Sqaurespace’s full support of HTML code snippets. Just paste in the code snippet any place you can edit HTML.

To add the FindMyRingSize JavaScript code to your Joomla installation:

In Joomla 1.0.1x
If you are using Joomla 1.0.10, 1.0.11, 1.0.12, 1.0.13, 1.0.14 or 1.0.15 do the following:

• 1. Log on to: www.yoursite.com/administrator/
• 2. In the top menu select: Site > Template Manager > Site Templates
• 3. Then select the template which is marked as default and click Edit HTML

In Joomla 1.5
If you are using Joomla 1.5, 1.51 do the following:

• 1. Log on to: www.yoursite.com/administrator/
• 2. In the top menu select: Extensions > Template Manager
• 3. Now select the template which is marked as default and click Edit
• 4. In the template edit page click Edit HTML

Adding the code within the template
If you have followed the steps above you should now be looking at your template's HTML.

• 5. Find the location in the themplate where you want your Online Ring Sizer button to be shown
• 6. You need to paste your FindMyRingSize code from the Online Ring Sizer Widget Configurator .
• 7. Now press save and FindMyRingSize is installed on your website!

There are several choices to install FindMyRingSize on Drupal:

• a. See “Adding JavaScript to your theme or module” by Drupal with instructions to add the FindMyRingSize JavaScript to your Theme’s .info file.
• b. Install it manually by opening the folder and file for your footer area in Drupal, paste the FindMyRingSize embed code from the Online Ring Sizer Widget Configurator, and save the file.

To install FindMyRingSize on a tumblr blog:

• 1. On the Tumblr Dashboard, choose Customize.
• 2. Go to Theme > Use Custom HTML.
• 3. Scroll to the location of the HTML file where you want the Online Ring Sizer button to be displayed and place the FindMyRingSize embed code from the Online Ring Sizer Widget Configurator
• 4. Click Update Preview.