Amazon Royalties Estimator on Your Web Pages

It's an attractive and useful calculator. Estimate your royalties from your Amazon publications.

You'll want to put it on your own website for your site visitors to use.

Instructions for putting the calculator on your website follow this live example.

Type a number in any of the boxes and the other boxes adjust themselves accordingly.

Instructions — How to Get the Amazon Royalties Estimator for Your Site

Here's the code to get the Amazon Royalties Estimator for your own website:

<script src="https://www.willmaster.com/external/EstRoyal.js"></script>

The above is JavaScript and that's how I'll refer to it for the rest of the article.

The JavaScript is all that's needed to insert the Amazon Royalties Estimator into your site.

Simply paste the JavaScript where you want the calculator to show up — whether it's a WordPress post or a WordPress sidebar or a Blogspot post or a Blogspot sidebar or a non-WordPress/-Blogspot web page.

Specific instructions for various locations:

WordPress post or page.

WordPress post or page — Paste the JavaScript where you want the calculator to show up.

Use the Text tab instead of the Visual tab when you paste the JavaScript.

WordPress sidebar.

WordPress sidebar —

1. Click on Appearance, then on Widgets.

2. You'll see a widget named Text. Drag the Text widget into the widget area.

   (If your theme has more than one widget area, they'll have different names on the Appearance>Widgets page. Drag the Text widget into whichever area you prefer.)

3. Paste the JavaScript into the newly-created Text widget.

If you wish more detailed instructions, you'll find it at Using the WordPress Text Widget.

Blogspot post.

Blogspot post — Paste the JavaScript where you want the calculator to show up.

Use the HTML tab instead of the Compose tab when you paste the JavaScript.

Blogspot sidebar.

Blogspot sidebar —

1. Click on the Layout menu item.

2. Find the area where you want to insert the Amazon Royalties Estimator and click on its "Add a Gadget" link.

3. You'll get a popup with a list of gadgets (which is what they call the widgets). Scroll down until you see the "HTML/JavaScript" gadget and click on the plus icon "[+]".

4. Paste the JavaScript into the content box and click Save.

Other page.

Other web page — Paste the JavaScript into your page's source code where you want the calculator to show up.

You're done — unless you want to reposition the calculator.

Assuming the width of the post or article is wide enough to do so, the calculator can be centered on the content column or floated toward the right edge so text can flow along the left side of it.

It takes some extra code to do that. And here it is.

To center the calculator, use these 3 lines instead of the 1 line of JavaScript:

<div style="display:table; margin:auto auto auto auto;">
<script src="https://www.willmaster.com/external/EstRoyal.js"></script>
</div>

To float the calculator to the right edge of your content column, use these 3 lines instead of the 1 line of JavaScript:

<div style="float:right; margin-left:15px;">
<script src="https://www.willmaster.com/external/EstRoyal.js"></script>
</div>

Now you're really done — unless you don't like the calculator's default numbers.

The following needs a bit of skill. If you wish, use our contact form and ask me for assistance. My name is Will Bontrager and I'm happy to help.

When the Amazon Royalties Estimator first loads on your web page, these numbers are automatically entered into the calculator:

Those are the default numbers.

Override any one or more of the defaults by specifying them as name=value pairs
the above bolded name = new value
as a URL parameter. (Any value may be specified as 0 (zero).) Examples:

titles=7
price=.99
delivery=0
sold=14

To specify the values as a URL parameter, append the URL with a ? character followed by name=value pairs separated with an & character. Examples:

https://www.willmaster.com/external/EstRoyal.js?titles=7
https://www.willmaster.com/external/EstRoyal.js?price=.99&titles=7
https://www.willmaster.com/external/EstRoyal.js?delivery=0&sold=14&titles=7&price=.99

To use the last example on your website, the JavaScript is:

<script src="https://www.willmaster.com/external/EstRoyal.js?delivery=0&sold=14&titles=7&price=.99"></script>

Now you're really, really done — unless, ah, can't think of an "unless."

Congratulations. I'll bet the Amazon Royalties Estimator looks good on your site. Use our contact form and send me the URL.

Will Bontrager