Buy Now Buttons XWD6

[SuperDave]

I want to use the XWD6 Design Template Buy Now button in the template I am working on, and link to the PayPal E-Commerce Design Widget... in the Design Library. However, when I am in the create portion of the PayPal button and select "Use my own button Image" it asks for an HTTP:// location...

What is the secret to using the Design Template's Buy Now button and linking to the PayPal E-Commerce Design Template....???

Anyone have a little tutorial I could follow?

Regards,

SD

Update:

I inserted the HTML for the PayPal Buy Now Button into the Design Template Buy Now Placeholder box. In design mode, I see the Design Template Buy Now button, just like I want it... however, when I export and preview the website page, the ugly yellow PayPal button appears... I have not checked the "Regenerate Placeholder" box...

So, I am part way there... how do I retain the Design Template Image after the Export / Preview?

SD

[gwpriester]

I think the script is referencing the button on the PayPal site. So check to make sure you have the latest script and that the image tag in the placeholder script is pointing to the button you want to use.

[SuperDave]

Gary,

Here is the code from the PayPal site, using the PayPal Widget in the XWD6 Design Library:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="ARFUZNWHZ5LCC">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynow_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>

I pasted this into the placeholder.

How do I make sure the code is pointing to the Design Template button and not back to the PayPal button?

The PayPal Widget allows me to "use my own button" but requests an HTTP:// location for the button and I don't know how or what to enter to point to the button on the Design Template....

I have three sites to complete, each needing Buy Now and Add To Cart buttons... it would be a pity to have to use the old school PayPal buttons when Xara has such nice buttons in the template.

Thanks for the help!

Dave

[gwpriester]

Ah, sorry. Yes, you would need to publish the button to your website first and then link to the image. So, for example, if you call your button mybutton.png and your website is mywebsite.com then link to mywebsite.com/mybutton.png

Place the button in the root director, the same directory that your index file is in. Then PayPal will display your button.

<input type="image" src="http://www.mysite.com/mybutton.png" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">

Be sure to change the URL to your web address and the file name to the name you give your button.

[SuperDave]

Gary,

Thanks Boss!

So I can build the sites with the changes you listed and then verify once I publish to the respective servers... cool!

Questions:

1. How do I determine what the Design Template Library has named each Buy Now button (or any button for that matter)?

2. If the Design Template Library has not named the Buy Now buttons, how do I assign a "name" to buttons that are already on the template?

I am working on the Monotone Theme Template right now... in case it matters...

Thanks!

[slavelle]

I'm not really sure what design template paypal button you are talking aboiut that is NOT the ugly yellow button, but...

You need to export the button as a jpg or png and upload to your webhost and then point the code to that spot. There is no automatic way to know what it will export as, since Xara exports graphics as 1.jpg, 2.png, etc into the index_html_files folder.

It's important to note, however, that you really want to either use their button or specify it manually anyway, as you really need to put your button in an HTTPS location rather than HTTP or every time someone goes to the page the browser will warn that some items on the page are not secure, which is not what a visitor who is about to hand over their CC info is going to want see.

By putting the graphic in an HTTPS location, this is avoided - same as the banner on the paypal page itself. My host, DOT5 hosting, allows you to path to any of your regular folders as secure locations, so you can export things normally (and force a file name for the button or export the button itself manually) and then change the script to point to the stored location with a special URL. In my case, I'd use something like https://myaccountname.dot5hosting.com/images/paypalbtn.png rather than http://www.technicalrs.com/images/paypalbtn.png

Hope this helps.