Skip navigation
Currently Being Moderated

Hot Spot link to Paypal

Jun 22, 2012 4:09 PM

Hello,

I am trying to use a "Hot spot" over a custom "Buy" button on my products page. Is it possible to link this to the Paypal cart?  I've tried the link option in the properties bar, with no luck.  Also, have tried pasting the code (from Paypal generated button) into the code on my web page.  Again, no luck.  Maybe I have the code wrong for this action....

Thanks, Norm

 
Replies
  • Currently Being Moderated
    Jun 22, 2012 4:23 PM   in reply to n.walker

    Image maps are for multiple hyperlinked regions (hotspots) on a large image.  There's no reason to use an image map when an ordinary image will do.

     

     

    Also, have tried pasting the code (from Paypal generated button) into the code on my web page.  Again, no luck.  Maybe I have the code wrong for this action.

    Maybe.  Can you post a link to your page?

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 23, 2012 7:03 AM   in reply to n.walker

    Your code is mighty 'janky'!  For example, this will never work -

     

    <map name="Map" id="Map">

            <input type="hidden" name="cmd" value="_s-xclick">

    <input type="hidden" name="hosted_button_id" value="52472HBSJHXWS">>

    </form>

    " alt="buy1100" />

            <area shape="rect" coords="727,587,839,655" href="#" alt="buy2850" />

            <area shape="rect" coords="734,392,831,458" href="<input type="hidden" name="cmd" value="_s-xclick">

    <input type="hidden" name="hosted_button_id" value="52472HBSJHXWS">

    <input type="image" src="../misc_logos/buy_button.jpg" width="152" height="43" alt="logo"logo" />" alt="buy1100" />

          </map>

     

     

    What is the code that PayPal tells you to use on the page?

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 23, 2012 9:52 AM   in reply to n.walker

    Copy and paste the following into a new document and view in your favourite browser.

     

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    </head>
    
    <body>
    <form action="https://www.paypal.com/cgi-bin/webscr" method="post" name="myform">
      <input type="hidden" name="cmd" value="_xclick" />
      <input type="hidden" name="bn" value="webassist.dreamweaver.4_5_0" />
      <input type="hidden" name="business" value="demo@paypal.com" />
      <input type="hidden" name="item_name" value="The Music Lesson" />
      <input type="hidden" name="item_number" value="29" />
      <input type="hidden" name="amount" value="1100" />
      <input type="hidden" name="currency_code" value="USD" />
      <input type="hidden" name="undefined_quantity" value="0" />
      <input type="hidden" name="receiver_email" value="demo@paypal.com" />
      <input type="hidden" name="mrb" value="R-3WH47588B4505740X" />
      <input type="hidden" name="pal" value="ANNSXSLJLYR2A" />
      <input type="hidden" name="no_shipping" value="0" />
      <input type="hidden" name="no_note" value="0" />
    </form>
    <img src="http://stuartwalkerpaintings.com/prints/music_lesson_price.jpg" alt="" width="863" height="674" usemap="#Map">
    <map name="Map">
      <area shape="rect" coords="735,403,830,454" nohref onclick="myform.submit();" >
    </map>
    </body>
    </html>

     

    Gramps

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 23, 2012 11:13 AM   in reply to n.walker

    I guess I'll be the  one to mention this since nobody else has. 

     

    #1 your site has no content!  It's all images.  Since images of text are impossible to index, search, translate or use with screen readers, I don't think an image map is really your best choice here.  Real text would be much better for the site name, page title, product names, descriptions & purchase details. 

     

    #2 PayPal's User Agreement says you must not alter, modify or change their HTML code in any way.  I take that to mean you should stick with the default buttons they provide and not use your own.

     

     

    Just my 2 cents....

     

     

    Nancy O.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 23, 2012 12:51 PM   in reply to n.walker

    To have a second button you'd have to add a second form and a second hotspot:

     

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>Untitled Document</title>

    </head>

     

     

    <body>

    <form action="https://www.paypal.com/cgi-bin/webscr" method="post" name="myform">

      <input type="hidden" name="cmd" value="_xclick" />

      <input type="hidden" name="bn" value="webassist.dreamweaver.4_5_0" />

      <input type="hidden" name="business" value="demo@paypal.com" />

      <input type="hidden" name="item_name" value="The Music Lesson" />

      <input type="hidden" name="item_number" value="29" />

      <input type="hidden" name="amount" value="1100" />

      <input type="hidden" name="currency_code" value="USD" />

      <input type="hidden" name="undefined_quantity" value="0" />

      <input type="hidden" name="receiver_email" value="demo@paypal.com" />

      <input type="hidden" name="mrb" value="R-3WH47588B4505740X" />

      <input type="hidden" name="pal" value="ANNSXSLJLYR2A" />

      <input type="hidden" name="no_shipping" value="0" />

      <input type="hidden" name="no_note" value="0" />

    </form>

    <form action="https://www.paypal.com/cgi-bin/webscr" method="post" name="myform2">

      <input type="hidden" name="cmd" value="_xclick" />

      <input type="hidden" name="bn" value="webassist.dreamweaver.4_5_0" />

      <input type="hidden" name="business" value="demo@paypal.com" />

      <input type="hidden" name="item_name" value="The Music Lesson" />

      <input type="hidden" name="item_number" value="4" />

      <input type="hidden" name="amount" value="2850" />

      <input type="hidden" name="currency_code" value="USD" />

      <input type="hidden" name="undefined_quantity" value="0" />

      <input type="hidden" name="receiver_email" value="demo@paypal.com" />

      <input type="hidden" name="mrb" value="R-3WH47588B4505740X" />

      <input type="hidden" name="pal" value="ANNSXSLJLYR2A" />

      <input type="hidden" name="no_shipping" value="0" />

      <input type="hidden" name="no_note" value="0" />

    </form>

    <img src="http://stuartwalkerpaintings.com/prints/music_lesson_price.jpg" alt="" width="863" height="674" usemap="#Map">

    <map name="Map">

      <area shape="rect" coords="735,403,830,454" href="#" onclick="myform.submit();" >

      <area shape="rect" coords="735,597,828,645" href="#" onclick="myform2.submit();">

    </map>

    </body>

    </html>

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 23, 2012 5:18 PM   in reply to n.walker

    @ Norm,

     

    I think that you should take Nancy's first point very seriously, it is not about how the page looks, but how it functions.

     

    Think of a normal bricks-and-mortar shop that looks very attractive on the outside, but is impossible to be entered by the physically challenged. I think that lawyers will be queuing up to grab their slice.

     

    Also, the shop is impossible to find. You need people to pass by, tell others of this great shop. But the shop cannot be found by the prospective customers (search engines).

     

    Make sure that you comply with other legal requirements, such as returns policy, privacy policy, the different modes to get in touch with you, etc.

     

    Gramps

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points