Uploading a "Buy Now" button to my site

• 

  janehwilson · Member · Oct 16, 2014 at 5:23 pm

  • Copy link
  • Add topic to favorites

  My poetry group has just published a book on the site The Book Patch. They offer a”Buy Now” button that will allow me to direct my viewers to their bookstore to buy our book. I copied the link but can’t figure out how to make it show up on my site. Can you give me a procedure for this?

  The blog I need help with is: (visible only to logged in users)

• 

  alexjgustafson · Member · Oct 16, 2014 at 6:19 pm

  • Copy link

  Hi Jane!

  Some code won’t work on WordPress.com for security reasons, including JavaScript, Flash, iframe, form, and input tags. It’s possible the code that The Book Patch provided is one the embeds not allowed. You can read more about them here:

  Code

  Would you mind copy and pasting the code here, so I can take a look?

  If you have a link to the purchase page and an image file of the Buy Now button, you can also save the Buy Now button as an image to your Media Library, and adjust the link so that it points to the page you want on The Book Patch. You can then just insert that image in a widget, post, or page wherever you’d prefer.

  Here’s the steps for creating a link with an image:

  http://en.support.wordpress.com/links/image-links/

  Best,

  -Alex G.

  Happiness Engineer | WordPress.com

• 

  janehwilson · Member · Oct 16, 2014 at 6:24 pm

  • Copy link

  Here is the code:

  <div style=”border:1px solid #000000; width:118px; height:238px; background-color:#ffffff; text-align:center; font-family:Verdana;”>

  <img src=”http://www.thebookpatch.com/PublishedBooks/192df2da-e1d5-413f-a86e-afde773c416b/192df2da-e1d5-413f-a86e-afde773c416b_79.jpg” alt=”Generic cover image” style=”width:79px; border:1px solid #000000;” /></div><div style=”margin:10px 0;”><p style=”font-size:9.8px; margin:0 0 2px 0;”>Room for Poetry</p><p style=”font-size:9.8px; margin:2px 0 4px 0;”>Glenda Kotchish</p><p style=”margin:4px 0 0 0; font-weight:bold; font-size:11px;”>$12.95</p></div><div style=”margin-bottom:10px;”><img src=”http://www.thebookpatch.com/images/TheBookPatchBuyNowButton3.png” alt=”Buy Now button” style=”width:60px; border:none;” /></div></div>

• 

  alexjgustafson · Member · Oct 16, 2014 at 6:45 pm

  • Copy link

  Hi Jane!

  Thanks for pasting that code for me. :)

  Just tested this out and you can definitely run this on WordPress. But to use it, you’ll need to paste the code into the Text Editor of a post or page, instead of the Visual Editor.

  Read about the difference and how to switch between them here:
  http://en.support.wordpress.com/editors/#text-editor

  If you’d like to put this code into a widget, use the “Text” Widget and paste this code in the text box.

  Best,

  -Alex G.

  Happiness Engineer | WordPress.com

• 

  janehwilson · Member · Oct 16, 2014 at 8:02 pm

  • Copy link

  Thanks a million. I will not have time today to finish my attempt. It may be Monday before I am able, but will give it my best shot before asking for any more help.

• 

  alexjgustafson · Member · Oct 17, 2014 at 1:28 pm

  • Copy link

  Hi Jane,

  I bet you’ll be able to do it. :)

  But let me know if you hit any snags and we’ll keep working on it together!

  Best,

  -Alex G.

  Happiness Engineer | WordPress.com