Open angmgates opened 7 years ago
Did you follow all the instructions in the setup? I would guess that you have have missed step 4 in the setup. Be sure that you have also added your Square application credentials from your Square account.
I wrote this for a friend's non-profit, and have been accepting donations for a few months without issue.
Thanks for your reply! I did follow the instructions, including step 4. I am certain, because I had to install 'composer' in order to do so. I double checked my square credentials as well. Was concerned that an errant space had gotten in, so deleted and recopied them.
Under the Give Plugin->Settings menu, check in the [General] tab that you have a valid Succes Page, Failed Transaction Page, and Donation History Page. If those are all set correctly, log into your web hosting control panel. There should be an option to view your error log. It will display a list of errors. If you see something pertaining to the plugin, let me know what the error is.
On Fri, Jul 14, 2017 at 11:06 AM, angmgates notifications@github.com wrote:
Thanks for your reply! I did follow the instructions, including step 4. I am certain, because I had to install 'composer' in order to do so. I double checked my square credentials as well. Was concerned that an errant space had gotten in, so deleted and recopied them.
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/pickupman/give-square-gateway/issues/1#issuecomment-315383210, or mute the thread https://github.com/notifications/unsubscribe-auth/ABKetyDCoiuwWQV9pwWecvn-MICXj1gXks5sN4OagaJpZM4OYKIC .
-- Joe McFrederick 1615 Co Rd 995 Ashland, Ohio 44805 www.reloadedpc.com
Thanks - I checked the forms, all are valid and working...if I open them directly they function fine and show the payment as processing.
I opened the Developer Tools in the browser and took a screenshot of what it said. I've attached it here.
On Fri, Jul 14, 2017 at 11:48 AM, pickupman notifications@github.com wrote:
Under the Give Plugin->Settings menu, check in the [General] tab that you have a valid Succes Page, Failed Transaction Page, and Donation History Page. If those are all set correctly, log into your web hosting control panel. There should be an option to view your error log. It will display a list of errors. If you see something pertaining to the plugin, let me know what the error is.
On Fri, Jul 14, 2017 at 11:06 AM, angmgates notifications@github.com wrote:
Thanks for your reply! I did follow the instructions, including step 4. I am certain, because I had to install 'composer' in order to do so. I double checked my square credentials as well. Was concerned that an errant space had gotten in, so deleted and recopied them.
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/pickupman/give-square-gateway/issues/1# issuecomment-315383210, or mute the thread https://github.com/notifications/unsubscribe- auth/ABKetyDCoiuwWQV9pwWecvn-MICXj1gXks5sN4OagaJpZM4OYKIC .
-- Joe McFrederick 1615 Co Rd 995 Ashland, Ohio 44805 www.reloadedpc.com
— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/pickupman/give-square-gateway/issues/1#issuecomment-315394414, or mute the thread https://github.com/notifications/unsubscribe-auth/Acsa_BBUA6Z_Rptg4HaQti07Kb1Eu_pUks5sN43LgaJpZM4OYKIC .
Thanks for the screen shot. There appears to be some sort of issue possibly when using a Google Font with the Square Form. Would you mind changing your font for inputs to use a standard font such as Arial?
Add this to your theme's stylesheet.
.give-form input {
font-family: Arial;
}
Ok. I tried that...still showing the same errors in the console. (Have I mentioned how much I appreciate your help??!!)
On Mon, Jul 17, 2017 at 11:59 AM, pickupman notifications@github.com wrote:
Thanks for the screen shot. There appears to be some sort of issue possibly when using a Google Font with the Square Form. Would you mind changing your font for inputs to use a standard font such as Arial?
Add this to your theme's stylesheet.
.give-form input { font-family: Arial; }
— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/pickupman/give-square-gateway/issues/1#issuecomment-315786302, or mute the thread https://github.com/notifications/unsubscribe-auth/Acsa_K5PEocnNg1zS2SiWqlTR1X48ITOks5sO4MugaJpZM4OYKIC .
Glad to help. This is an issue with the Square API and how it handles forms. I noticed that you are using a modal popup window. On my project, I am not using a modal window. Try changing the following: Admin Menu->Donations Click on [Edit] link under one of your donation forms. Under "Form Display Options" then find the drop down "Payment Fields" Change the drop down to "Show on Page". Click on "Update" on right side to save your form.
On the front end try click on your donate button for the form you changed, and see if the payment fields show up correctly.
I don't have that option. I checked and I have the most recent version of Give installed.
Ok. I figured out how to change that (it was in my page builder). Still not working though. One strange thing..when I enter my email into the form, it autofills everything except the payment information (cc number, exp date, zip code), even though it is stored in my computer.
I upgraded my test install to match your version. The plugin is still working for me. There must be something theme or content related that's preventing the form to be created correctly by Square. Would you be willing to try and create one page with just one donation form on it?
You may also preview this without making content changes by going to: Admin Menu->Donations Click on "All Forms" Hover over one of your donation forms, and then click on "View" link. Make sure your form display type is still set to All Fields. The Square JS API does not like a modal form apparently.
Sure! I created www.ozonacommunitychurch.com/test with only a single form on it. Same thing.
On Mon, Jul 17, 2017 at 9:18 PM, pickupman notifications@github.com wrote:
I upgraded my test install to match your version. The plugin is still working for me. There must be something theme or content related that's preventing the form to be created correctly by Square. Would you be willing to try and create one page with just one donation form on it?
You may also preview this without making content changes by going to: Admin Menu->Donations Click on "All Forms" Hover over one of your donation forms, and then click on "View" link. Make sure your form display type is still set to All Fields. The Square JS API does not like a modal form apparently.
— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/pickupman/give-square-gateway/issues/1#issuecomment-315930071, or mute the thread https://github.com/notifications/unsubscribe-auth/Acsa_GSsqsNhWKd266KuCTNOSP4XdgH6ks5sPAfqgaJpZM4OYKIC .
Also, do you have a paypal or something I can buy you a cup of coffee?? I appreciate your help so much!!
On Mon, Jul 17, 2017 at 10:12 PM, Angela Gates angmgates@gmail.com wrote:
Sure! I created www.ozonacommunitychurch.com/test with only a single form on it. Same thing.
On Mon, Jul 17, 2017 at 9:18 PM, pickupman notifications@github.com wrote:
I upgraded my test install to match your version. The plugin is still working for me. There must be something theme or content related that's preventing the form to be created correctly by Square. Would you be willing to try and create one page with just one donation form on it?
You may also preview this without making content changes by going to: Admin Menu->Donations Click on "All Forms" Hover over one of your donation forms, and then click on "View" link. Make sure your form display type is still set to All Fields. The Square JS API does not like a modal form apparently.
— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/pickupman/give-square-gateway/issues/1#issuecomment-315930071, or mute the thread https://github.com/notifications/unsubscribe-auth/Acsa_GSsqsNhWKd266KuCTNOSP4XdgH6ks5sPAfqgaJpZM4OYKIC .
Thank you for the offer. I looked at your test donation page, and the error is not shown on that page. Also please add this to your theme's style.css file. There is stylesheet rule that needs to updated to match your theme.
iframe.give-input {
padding: 9px !important;
height: 42px !important;
}
Now try your test donation page. Please be sure you are using https:// when visiting the link. Square doesn't not allow http links.
The payment form works on a standalone page, but there seems to be an issue with the 2nd and 3rd forms on your online-giving page. That's why I think there is still something happening when using multiple forms on the same page.
Ok. I added the lines to the stylesheet. When I open the test page with https, the credit card lines are correct. But when I open it with https, they're formatted incorrectly. (Screenshots attached.) I tried it in Chrome and Explorer with the same results in both.
On Tue, Jul 18, 2017 at 10:30 AM, pickupman notifications@github.com wrote:
Thank you for the offer. I looked at your test donation page , and the error is not show on that page. Also please add this to your theme's style.css file. There is stylesheet rule that needs to updated to match your theme.
iframe.give-input { padding: 9px !important; height: 42px !important; }
Now try your test donation page. Please be sure you are using https:// when visiting the link. Square doesn't not allow http links.
The payment form works on a standalone page, but there seems to be an issue with the 2nd and 3rd forms on your online-giving page. That's why I think there is still something happening when using multiple forms on the same page.
— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/pickupman/give-square-gateway/issues/1#issuecomment-316082232, or mute the thread https://github.com/notifications/unsubscribe-auth/Acsa_GIipGSqsPTzVzTzeHCEI0T49c2Fks5sPMF0gaJpZM4OYKIC .
Looking at your stylesheet, you need to remove the last line in your themes styles.css
file. You have a extra curly brace "}" that needs to be deleted after the iframe.give-input
rule. Right now, that rule is not being applied to the page. If I add that rule back in with Developer tools, the form does display correctly on your page.
I am starting to think it just hates me. I fixed the bottom }, but the page still doesn't format correctly.
Sorry, I didn't notice another typo from that last style sheet rule.
You have .iframe.give-input
. It should be iframe.give-input
. No '.' before iframe
Oh - yeah I tried it both ways because it wasn't working and then just hadn't taken it back out again. I took it out. And I'm kind of at a loss. It loads 'secure' and then becomes 'insecure' and those fields change size. I've disabled plugins, forced conversions to https, run every type of https verification I can find to see what's tripping it up, and haven't come up with anything.
On Wed, Jul 19, 2017 at 4:56 PM, pickupman notifications@github.com wrote:
Sorry, I didn't notice another typo from that last style sheet rule.
You have .iframe.give-input. It should be iframe.give-input. No '.' before iframe
— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/pickupman/give-square-gateway/issues/1#issuecomment-316514619, or mute the thread https://github.com/notifications/unsubscribe-auth/Acsa_KhgJm2HMVKfFkPH-wMI21eMycldks5sPm1hgaJpZM4OYKIC .
There is still syntax issues with your css files: The end of the styles.css
file should look like this:
@media only screen and (min-width: 320px) and (max-width: 480px) {
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
.site-header h1.logo .default-logo{
display:none;
}
.site-header h1.logo .retina-logo{
display:block;
}
}
.give-form input {
font-family: Arial;
}
iframe.give-input {
padding: 9px !important;
height: 42px !important;
}
You had add my css styles inside of a media query.
That's where the extra } came from!
(Told you..danger to myself!)
SO now the form renders correctly in Edge, but not chrome. When I compete transaction, it throws me to an Error 500 page. The transaction shows up in the WP backend, but does not actually ever process.
On Wed, Jul 19, 2017 at 11:05 PM, pickupman notifications@github.com wrote:
There is still syntax issues with your css files: The end of the styles.css file should look like this:
@media only screen and (min-width: 320px) and (max-width: 480px) { } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .site-header h1.logo .default-logo{ display:none; } .site-header h1.logo .retina-logo{ display:block; } }
.give-form input { font-family: Arial; } iframe.give-input { padding: 9px !important; height: 42px !important; }
You had add my css styles inside of a media query.
— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/pickupman/give-square-gateway/issues/1#issuecomment-316583253, or mute the thread https://github.com/notifications/unsubscribe-auth/Acsa_Csp8927yrktWrHZpuP-C_Y--FtAks5sPsPegaJpZM4OYKIC .
It renders properly for me in Chrome as well, You probably need to refresh several times. Can you check your server logs and see what the cause of the 500 error?
I cleared my cache repeatedly and it finally shows up correctly on both Chrome and Edge. I tried to find the error log on my server...apparently the hosting company doesn't actually keep an error log. They told me I could create one and so I followed their instructions and as of yet have not found the log. I have a service call to them, just wanted to let you know I was working on it!
On Thu, Jul 20, 2017 at 9:48 AM, pickupman notifications@github.com wrote:
It renders properly for me in Chrome as well, You probably need to refresh several times. Can you check your server logs and see what the cause of the 500 error?
— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/pickupman/give-square-gateway/issues/1#issuecomment-316708632, or mute the thread https://github.com/notifications/unsubscribe-auth/Acsa_MjWRZBSIUvbl3iAKnCvcoZPlmMeks5sP1q3gaJpZM4OYKIC .
Ok! I finally got back to this and got the error log figured out! Here's a screen shot of what happened.... (I took my cc info out, but it was there before I took the screen shot.)
On Fri, Jul 21, 2017 at 8:45 AM, Angela Gates angmgates@gmail.com wrote:
I cleared my cache repeatedly and it finally shows up correctly on both Chrome and Edge. I tried to find the error log on my server...apparently the hosting company doesn't actually keep an error log. They told me I could create one and so I followed their instructions and as of yet have not found the log. I have a service call to them, just wanted to let you know I was working on it!
On Thu, Jul 20, 2017 at 9:48 AM, pickupman notifications@github.com wrote:
It renders properly for me in Chrome as well, You probably need to refresh several times. Can you check your server logs and see what the cause of the 500 error?
— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/pickupman/give-square-gateway/issues/1#issuecomment-316708632, or mute the thread https://github.com/notifications/unsubscribe-auth/Acsa_MjWRZBSIUvbl3iAKnCvcoZPlmMeks5sP1q3gaJpZM4OYKIC .
I didn't see a screen shot. However ,the important issue to resolve is what is causing the 500 Error. That is caused by a coding error. In order to determine if the error is with the plugin code or something else, we need to find what is show in your logs. Pretty much any hosting plan has an error log in the dashboard, or you may find an error_log file in the directory where the error occurred.
So, one would think that the hosting company had error logging, but 1 and 1 doesn't. I added an error log file, added lines to the php file, still have nothing. Don't know if these help you. I'm getting very frustrated with my own limitations for understanding what's wrong. :/
I got the error log!
PHP Fatal error: Uncaught exception 'SquareConnect\ApiException' with message 'API call to https://connect.squareup.com/v2/locations failed: Unknown SSL protocol error in connection to connect.squareup.com:443 ' in /homepages(removed)/wp-content/plugins/give-square-gateway-master/vendor/square/connect/lib/ApiClient.php:245 Stack trace:
Researching this issue reveals others having similar issues with 1and1. This error is not the plugin, but rather with 1and1. You need to ask them to support newer version of encryption, specifically TLS 1.2. Right now, 1and1 is not letting your account to securely connect to Square's API. The connection rules are set by Square's API, and 1and1 is not currently supporting that.
Also, I would suggest editing your comment to above to remove the paths to your hosting account for security reasons. /homepages/{REMOVE-ACCOUNT-INFO}/wp-content
.
Doing development work, I have encountered a number of issues working on clients using 1and1. Many shared hosting plans are similarly priced, but not all of them are using up to date server software.
Thanks for your continued help and patience~I checked with 1and1 and they do support the TLS 1.2 version. Any other thoughts on what I can do?
I changed the paths - thanks. :)
Ok. Just spent 30 minutes on the phone with them - It has to do with the shared server settings. Their solution: change to a dedicated server or find another payment interface. At this point, I'm just going to have to use a different payment method.
Thank you so much for your 'above and beyond' help in trying to find a solution! My offer for coffee still stands - I'd be more than happy to toss money into a paypal for you!
@pickupman Hi! Thanks for your give/square plugin code...I was desperately searching the web looking for this ..hoping that someone smarter than I had written one! Please forgive my ignorance..I know just enough about coding to be a danger to myself, so am hoping that you can help me further. I installed your plugin, changed the payment type to 'square' but when a payment is made using the Give plugin, it throws up an error. I get a Error 500 page not found result. When I then go into the Give plugin through my wordpress dashboard, the payment is listed as 'pending'. Have I done something wrong? Thank you for any help you can give me!