wprox

Hi Jeff,
What did you mean by “and enable the Stripe plugin”?

I set up the plugin filter as you directed, then globally disabled Direct Stripe, then enabled it on the one pricing page, BUT then Direct Stripe’s settings have again disappeared in WP admin ??

Took Direct Stripe out of globally disabled list, and its settings are back in the WP admin.

So that didn’t seem to work???

Great, thank you Nico ??

Hi Nico,

Quick question regarding the info your provided above.

Just thinking through the user experience:

If the card is good, I like redirecting to a Success page.

If the card is bad, if I redirect them to an Error page, then 1. I lose Stripe’s error message AND 2. I send them to another page, that then necessitates that they click BACK into the pricing page link to try to purchase, feels like I’m adding a hurdle for them. Instead, I like keeping them on the pricing page with the Stripe error message flashing, and they can just try again without having to click back to that page.

So, is there an easy way to use this combination, or are the only options:
EITHER Redirect users to success AND error pages when transaction completed
OR Use success AND error messages

Thank you ??

Thank you Nico, a bad card # now redirects to the Error page. And I see that when I remove my error message, a default error message shows up.

Thanks Nico. Got it. Doesn’t seem like there is anything more I can do there unfortunately.

So I’ve been testing Stripe’s test cards that they provide for specific responses and errors.

When I test:
4000000000000341 Attaching this card to a Customer object succeeds, but attempts to charge the customer fail.

OR

4100000000000019 Results in a charge with a risk_level of highest. The charge is blocked as it’s considered fraudulent.

I get: your “Processing” message with the 3 jumping dots img, but it just stays there permanently. It never redirects to the Error page I specified in the Global Settings? I even changed the Error page just to make sure the first Error page wasn’t the issue, but same results, no redirect.

So I’m confused about the purpose of that “Processing…” message. Is it used elsewhere then with these charging errors I’m seeing it on? I’ve only seen it pop up when I use Stripe’s 2 test failed / blocked charges above. It just sits there with the 3 dots jumping, not guiding the user at all?

Not sure why my Error page redirect never gets triggered? Shouldn’t it be when I put in either of the test cards above?

Thanks a lot ??

Thank you Jeff! It’s free.

https://www.ads-software.com/plugins/direct-stripe/

Thanks Nico.

It’s a private page. But just add a button with a company name that is long: “This is my company name” or something like that where the name shows up fine in desktop. Then goto Dev Tools > ipad simulation and press the button so Stripe Checkout pops up, and that long company name should get cutoff like “This is my company…” See my code pasted above, if you can reduce that font-size, it fits fine.

Thank you!

Hi Nico,

I spent some more time on this with no luck!

I found some stackoverflow pages with the same issue:
https://stackoverflow.com/questions/49767801/how-to-overload-stripes-css
https://stackoverflow.com/questions/33405506/edit-stripe-embedded-form

The answer seems to be:
Stripe’s Checkout is served in an iframe for security reasons, so unfortunately there’s no way I can simply override the CSS.

So, are you able to pull up a page you have Direct Stripe loaded on, with Dev Tools set to ipad, and update that Stripe modal’s h1 (company name) font-size via an external style sheet? This is what I can’t figure out how to do, and according to stackoverflow above may not be possible. I called Stripe, and of course they say it’s all in your implementation.

.tablet header>.content>.title>h1 {
font-size: 24px;
color: #000;
height: 26px;
padding-top: 43px;
}

Thanks a lot!

Thanks Nico. I already had .tablet and !important. I added a bunch of different Stripe modal snippets, Chrome doesn’t see / apply any of them.

Not sure what else to do to make my full company name show up in ipad???

Thanks Jeff, Selective Admin Plugin Loading is OFF. The plugin makes no mention of using ajax.

Odd, it seems like I’ve done this for other plugins, without ever having to setup a filter???

I have one filter for Caldera forms because of some issue with the API call, that you helped me with.

Otherwise, I’m not even sure how to setup a filter for this Stripe plugin??? Is this what I should do?

Q. How do I disable a plugin on the front end and still have it enabled on the admin pages?
A. To load a plugin only in the admin you need to enable selective plugin loading for the admin areas and fuzzy url matching. Then globally disable the plugin you want to turn off on the front end. Next create a plugin filter with the permalink set to your admin url. Like https://www.jsterup.com/wp-admin/. Then enable the plugin for that plugin filter and select also affect children. Now the plugin should only be loaded in the admin.

Thanks a lot ??

Thanks Nico.

It’s related to this css:
https://checkout.stripe.com/v3/checkout/inner-6qq6yrPBGVKyh3d8xmlSiQ.css
.tablet header>.content>.title>h1 {
font-size: 24px;
color: #000;
height: 26px;
padding-top: 43px;
}

I’m trying to change that font-size from my child theme’s style.css, but Chrome doesn’t even see my code in Dev Tools???

Thanks Nicolas, got it to work and nice addition to edit the T&C error message in the new plugin update ??

Thanks Nicolas, all set with the logo.

One remaining question from your answer above re adding more links to the checkbox text:
“Use the example at https://gist.github.com/New0/2faa2158fb7bb4209a0d3f6b165e1fec”

I’m not exactly sure what I need to edit there:

This is clear:
– if( $button_id !== ‘MyButtonID’) { //EDIT MyButtonID to be the Button CSS ID set in the button settings
– replace href=”https://domain.ext/privacy-policy” with href=”my url privacy policy”

Does everything else just stay as is?

Do I do anything with ‘theme-or-plugin-slug’?

I have 3 buttons that will all have the same text / links next to their respective checkbox inside their respective column in a 3 column pricing table.
So, would I copy that snippet into my functions.php 3 times, once per button?

Or just one snippet with some sort of array: if( $button_id !== (‘MyButtonID1’, ‘MyButtonID2’, ‘MyButtonID3’) ) ?

Thank you ??

Thank you Nicolas ??

Question about my SVG logo, which I’ve been wrestling with this weekend:

It has text elements via @font-face references, which when used on my website wrapped in an object tag or when the SVG file is opened in chrome so it is inline html, looks great.

However, when I upload my SVG logo in your Global Settings, it shows up in the modal wrapped in an img tag and as a background-image.

If you embed an SVG with text elements into a web page with an img tag, or if you use it as a CSS background image, browsers prevent external file downloads with SVG used as an image, so any @font-face references to web fonts will be ignored.

So, is there any simple way for me to update the modal logo html, so the logo is wrapped in an object tag or inline html, so that my fonts actually show up?

I was hoping to fix it myself by embedding the fonts via data URI’s, but unfortunately, couldn’t get that to work this weekend.

Figured it was worth asking, may just have to convert to another file format, since I’m running out of options for making the fonts show in the SVG under the current modal html / css wrapping.

Thanks again!!!!

Thanks Nicolas.

Yes, I am able to create buttons after turning this option off.

I could not find an option to whitelist precise URL’s after turning on “Filter Long URL Strings” option.

Questions:
1. I had some buttons that I setup in Button settings disappear or portion of what I setup for a button disappear, and had to reenter the info. After I did reenter the info, everything worked fine. But hoping this doesn’t keep happening? Ever heard of this?

2. So for a standard pricing table, 3 columns, each having a button at the bottom of the column to buy that option: If I setup that T&C checkbox through Styles Settings, then I get a T&C checkbox INSIDE THE PRICING TABLE, UNDER EACH Direct Stripe BUTTON, is that right?

I’m not used to seeing a T&C checkbox INSIDE THE PRICING TABLE under each button like that. I think I usually see it in the next step, when the user starts registering / paying. But since the next step here is Stripe Checkout, we can’t put the T&C checkbox there. Am I understanding this correctly?

3. If user hasn’t clicked T&C and tries to sign up, an error code comes up “Please check the T&C”. I actually don’t call it T&C, but instead call it Terms of Service. Is there an easy way to update that copy text so it matches the text next to the checkbox?

Thank you so much!!!