Highlighted

PayPal button comments section border not appearing in Muse.

Community Beginner ,
Jun 22, 2017

Copy link to clipboard

Copied

Help please if you can?

My PayPal button has a comments section that should have a border around it but it does not appear in my Muse site.

I have checked with Paypal and tested the button on the w3schools testing site and the border appears but not in my Muse site.

PayPal say the issue is with my site as their button works, "The text box is not appearing on your website  probably due to your website's formatting and styling. This is not related to PayPal's issue but rather due to your website's CSS styling. In this case, kindly check your website's formatting to ensure the text box will be displayed  without any issues."

has anyone else had the same issue?

The comments section is there under the text but no obvious place for a user to start, as no border appears

Thanks in advance

Correct answer by mtprimo | Community Beginner

Have you tried to tie both form and input text in a unique <div>?

<div class OR id="name for css styling" >

<form target="paypal" 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="D4CVN78GPNJTG">

<input type="image" src="https://www.paypalobjects.com/en_AU/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online!">

<img alt="" border="0" src="https://www.paypalobjects.com/en_AU/i/scr/pixel.gif" width="1" height="1">

<td>

</form>

<input type="hidden" name="on1" value="Special Instructions">Special Instructions</td></tr><tr><td>

<input type="text" name="os1" maxlength="200"></td>

</div>

Also, what does exactly the "Special Instructions" text should do?

Is it really necessary for it to be a <input>?

Hope this helps.

Views

252

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

PayPal button comments section border not appearing in Muse.

Community Beginner ,
Jun 22, 2017

Copy link to clipboard

Copied

Help please if you can?

My PayPal button has a comments section that should have a border around it but it does not appear in my Muse site.

I have checked with Paypal and tested the button on the w3schools testing site and the border appears but not in my Muse site.

PayPal say the issue is with my site as their button works, "The text box is not appearing on your website  probably due to your website's formatting and styling. This is not related to PayPal's issue but rather due to your website's CSS styling. In this case, kindly check your website's formatting to ensure the text box will be displayed  without any issues."

has anyone else had the same issue?

The comments section is there under the text but no obvious place for a user to start, as no border appears

Thanks in advance

Correct answer by mtprimo | Community Beginner

Have you tried to tie both form and input text in a unique <div>?

<div class OR id="name for css styling" >

<form target="paypal" 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="D4CVN78GPNJTG">

<input type="image" src="https://www.paypalobjects.com/en_AU/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online!">

<img alt="" border="0" src="https://www.paypalobjects.com/en_AU/i/scr/pixel.gif" width="1" height="1">

<td>

</form>

<input type="hidden" name="on1" value="Special Instructions">Special Instructions</td></tr><tr><td>

<input type="text" name="os1" maxlength="200"></td>

</div>

Also, what does exactly the "Special Instructions" text should do?

Is it really necessary for it to be a <input>?

Hope this helps.

Views

253

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 22, 2017 0
Adobe Community Professional ,
Jun 22, 2017

Copy link to clipboard

Copied

Could you provide a screenshot what you want and how it appears?

Is this paypal placed by "insert html"?

Best Regards,

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 22, 2017 0
Community Beginner ,
Jun 22, 2017

Copy link to clipboard

Copied

Thanks Uwe

it was through insert html

As you can see below the text Special Instructions appears but below it should be a text box with a border for users to leave instructions

PayPal Button issue.jpg

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 22, 2017 1
Adobe Community Professional ,
Jun 22, 2017

Copy link to clipboard

Copied

As I didn`t do that before – could you resize the border of the insert via html? Isn`t it like the social button widget out of muse, that you can drag the border as you like?

Couldn`t you just place a textbook below this paypal button or is it kind of interactive and may change?

Bildschirmfoto 2017-06-22 um 11.56.26.png

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 22, 2017 0
Community Beginner ,
Jun 22, 2017

Copy link to clipboard

Copied

Thanks Uwe

I will try but not sure how it will interact with the PalPal shopping cart?

I tried to use the Muse PayPal Widget and you either have to add a shipping amount or leave it as $0 and it didn't register the PayPal shipping breaks that I set in the PayPal account.

Thanks for your help I will let you know how it goes

Brad

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 22, 2017 0
Adobe Community Professional ,
Jun 22, 2017

Copy link to clipboard

Copied

I admit, I hope that someone with deeper (maybe coding) experience could have a look at your question/issue.

How does the code look like from paypal, or where could this be inspected more properly?

Could you provide this? The more the forum knows, the better we can help, hopefully .

Best Regards,

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 22, 2017 0
Community Beginner ,
Jun 22, 2017

Copy link to clipboard

Copied

Thanks Uwe

I'm a bit of a novice at all this, here is the code as supplied by PayPal that is getting the results in my screen grab

<form target="paypal" 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="D4CVN78GPNJTG">

<input type="image" src="https://www.paypalobjects.com/en_AU/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online!">

<img alt="" border="0" src="https://www.paypalobjects.com/en_AU/i/scr/pixel.gif" width="1" height="1">

<td><input type="hidden" name="on1" value="Special Instructions">Special Instructions</td></tr><tr><td>

<input type="text" name="os1" maxlength="200"></td>

</form>

Cheers

Brad

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 22, 2017 0
Community Beginner ,
Jun 26, 2017

Copy link to clipboard

Copied

Have you tried to tie both form and input text in a unique <div>?

<div class OR id="name for css styling" >

<form target="paypal" 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="D4CVN78GPNJTG">

<input type="image" src="https://www.paypalobjects.com/en_AU/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online!">

<img alt="" border="0" src="https://www.paypalobjects.com/en_AU/i/scr/pixel.gif" width="1" height="1">

<td>

</form>

<input type="hidden" name="on1" value="Special Instructions">Special Instructions</td></tr><tr><td>

<input type="text" name="os1" maxlength="200"></td>

</div>

Also, what does exactly the "Special Instructions" text should do?

Is it really necessary for it to be a <input>?

Hope this helps.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 26, 2017 0
Community Beginner ,
Jun 26, 2017

Copy link to clipboard

Copied

Thanks mtprimo

Almost there I just needed to place all the code inside the form and it works fine.

The special instructions are so the buyer can leave their product selection i.e soap for the pack they are purchasing

<div class OR id="name for css styling" >

<form target="paypal" 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="D4CVN78GPNJTG">

<input type="image" src="https://www.paypalobjects.com/en_AU/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online!">

<img alt="" border="0" src="https://www.paypalobjects.com/en_AU/i/scr/pixel.gif" width="1" height="1">

<td>

<input type="hidden" name="on1" value="Special Instructions">Special Instructions</td></tr><tr><td>

<input type="text" name="os1" maxlength="200"></td>

</div>

</form>

Cheers Brad

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 26, 2017 0
mtprimo LATEST
Community Beginner ,
Jun 26, 2017

Copy link to clipboard

Copied

Great!

Just dont forget to change the <div class OR id="name for css styling">

Chooose between a class or a id, and then put a name for it, e.g <div class="paypal_button_div">

Glad it helped !

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 26, 2017 0