Title: Button on blog Last modified: January 16, 2019 --- # Button on blog * Resolved [na1man](https://wordpress.org/support/users/na1man/) * (@na1man) * [7 years, 4 months ago](https://wordpress.org/support/topic/button-on-blog/) * Hello and congratulations for this free alternative to handling stripe payments! * I just have one little question that bugs me: I want the stripe button on my webpage to look like the button in the form when you click “pay”. I tried to modify the button but it didn’t work. I searched the forum but I can’t get it work (with !important). * So my question is simple: I want the button on the page to be the same that the button in the form. How can I do that? 🙂 * Kind regards, Nicolas * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbutton-on-blog%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 14 replies - 1 through 14 (of 14 total) * Plugin Author [Nicolas Figueira](https://wordpress.org/support/users/nahuelmahe/) * (@nahuelmahe) * [7 years, 4 months ago](https://wordpress.org/support/topic/button-on-blog/#post-11099031) * Hello [@na1man](https://wordpress.org/support/users/na1man/), * Thank you for using Direct Stripe. * You’ll find the css code for the button as it is in the modal form below. In your case the theme styles are overriding the button styles. * (If the code does not apply try to prefix the class with `.wf-active button.original- stripe-button` instead of `.original-stripe-button`) * ``` .original-stripe-button { position: relative; border-radius: 4px; background-color: #3ea8e5; background-image: linear-gradient(-180deg,#44b1e8,#3098de); box-shadow: 0 1px 0 0 rgba(46,86,153,.15),inset 0 1px 0 0 rgba(46,86,153,.1),inset 0 -1px 0 0 rgba(46,86,153,.4); font-size: 17px; line-height: 21px; height: 37px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,.12); color: #fff; cursor: pointer; transition: all .2s ease-in-out; -webkit-appearance: button; text-transform: none; margin: 0; } ``` * You can use it within a child-theme stylesheet or from the admin at Appearance- > Customizer -> Additional CSS * I hope it will help. * Best wishes * Thread Starter [na1man](https://wordpress.org/support/users/na1man/) * (@na1man) * [7 years, 4 months ago](https://wordpress.org/support/topic/button-on-blog/#post-11099222) * Thanks, that solved the problem instantly. * Thread Starter [na1man](https://wordpress.org/support/users/na1man/) * (@na1man) * [7 years, 4 months ago](https://wordpress.org/support/topic/button-on-blog/#post-11099475) * But I have a question with the “remember me” option (for a donation button): it’s not showing up even though I ticked the box where it says I’d like to show that option. * Also can you recommend a membership plugin for wordpress that is free and simple to make some content available to paid members only? * Plugin Author [Nicolas Figueira](https://wordpress.org/support/users/nahuelmahe/) * (@nahuelmahe) * [7 years, 4 months ago](https://wordpress.org/support/topic/button-on-blog/#post-11100218) * Hello, * I’m glad it worked! Just to be clear, the remember me option is set within the modal form and remembers the user at the Stripe level ( [https://support.stripe.com/questions/remember-me-option-at-checkout](https://support.stripe.com/questions/remember-me-option-at-checkout)). * After enabling the remember me option in the button settings, does it show the option in the modal form ? * I like Members ( [https://wordpress.org/plugins/members/](https://wordpress.org/plugins/members/)) plugin to handle content restriction and roles. You can set a role during payment process in the button settings, then apply content for users with this role… * Best wishes * Thread Starter [na1man](https://wordpress.org/support/users/na1man/) * (@na1man) * [7 years, 3 months ago](https://wordpress.org/support/topic/button-on-blog/#post-11100974) * No the option doesn’t show up. It used to with WP Simple Pay (which I gave up because I couldn’t make a free subscription button). But remember me is useful for people who think they will donate on a regular basis. * It doesn’t show up. I don’t know what’s wrong. Plus sometimes the amount doesn’t show up on the form (only when you use the sliders to set the amount!) Your help will be much appreciated. * Thread Starter [na1man](https://wordpress.org/support/users/na1man/) * (@na1man) * [7 years, 3 months ago](https://wordpress.org/support/topic/button-on-blog/#post-11101123) * Also, I have a question: I want to track in mixpanel when the reader clicked the donate button. I have the following javascript code that’s not working: * ``` $("#ds5c40b243067cc").click(function(){ mixpanel.track(“Donated“); }); ``` * I found the id of the button in the source of the webpage although I noticed you show it in the plugin settings… * Plugin Author [Nicolas Figueira](https://wordpress.org/support/users/nahuelmahe/) * (@nahuelmahe) * [7 years, 3 months ago](https://wordpress.org/support/topic/button-on-blog/#post-11103682) * Hello [@na1man](https://wordpress.org/support/users/na1man/), * I can’t reproduce any issue with the remember me option, did you try on a new button ? * Thread Starter [na1man](https://wordpress.org/support/users/na1man/) * (@na1man) * [7 years, 3 months ago](https://wordpress.org/support/topic/button-on-blog/#post-11103706) * Hmmm good question. Just realised I’m using this code to setup the button. It looks like generic! * `[direct-stripe type="donation" display_amount="true" label="Donate Now"]` * Nowhere is it mentioned I should use the donate or donate2 button. And remember me is not selected. Please tell me what shortcode should I use! * Plugin Author [Nicolas Figueira](https://wordpress.org/support/users/nahuelmahe/) * (@nahuelmahe) * [7 years, 3 months ago](https://wordpress.org/support/topic/button-on-blog/#post-11103912) * Hello [@na1man](https://wordpress.org/support/users/na1man/), * You are using the old shortcode, it is still working but it will not grab settings from the Buttons settings panel, it means you’re missing the rememberme=”true” parameter in the shortcode but I recommend using the new shortcode format. => * The buttons are to be created at Direct Stripe -> Settings under the Buttons Settings tab, then you can insert them in your content via a Gutenberg block ( the Stripe button for the old editor) or the shortcode `[direct-stripe value=" ds-154185704588"]` ( ds-1541857045880 being the unique ID of the button created at Direct Stripe settings under the Buttons Settings tab ) * I hope this makes sense, let me know - This reply was modified 7 years, 3 months ago by [Nicolas Figueira](https://wordpress.org/support/users/nahuelmahe/). * Thread Starter [na1man](https://wordpress.org/support/users/na1man/) * (@na1man) * [7 years, 3 months ago](https://wordpress.org/support/topic/button-on-blog/#post-11104104) * I’m working on this but there is a bug with the sliders and it can really be a problem because sometimes the amount indicated is 1000 but you want to donate 1 euro. When you manually enter the amount, it reflects correctly the amount inputted. * Thread Starter [na1man](https://wordpress.org/support/users/na1man/) * (@na1man) * [7 years, 3 months ago](https://wordpress.org/support/topic/button-on-blog/#post-11105247) * OK of course you were right: I wasn’t using the ID of the button LOL. 🙂 Now it works fine, I even managed to have a subscription button. * One last thing though: can you confirm that the following javascript should detect when a reader of my blog clicks on the stripe button (the id is mine of course). * ``` $("#ds-1547651986907").click(function(){ mixpanel.track("Donated"); }); ``` * Thread Starter [na1man](https://wordpress.org/support/users/na1man/) * (@na1man) * [7 years, 3 months ago](https://wordpress.org/support/topic/button-on-blog/#post-11110355) * Also I have a new question: I started a membership site on the blog and now I have the subscription that’s working. * When a reader subscribes, and the payment is OK, I want the reader to go to the page where he can register (it will be hidden so people can’t become members for free). * Plus, when the subscription ends, I want to cancel the account of the reader. * Can you help on that subject? * Thread Starter [na1man](https://wordpress.org/support/users/na1man/) * (@na1man) * [7 years, 3 months ago](https://wordpress.org/support/topic/button-on-blog/#post-11110390) * I was thinking of a webhook… * Plugin Author [Nicolas Figueira](https://wordpress.org/support/users/nahuelmahe/) * (@nahuelmahe) * [7 years, 3 months ago](https://wordpress.org/support/topic/button-on-blog/#post-11111811) * Hello [@na1man](https://wordpress.org/support/users/na1man/), * I’m not familar with mixpanel, I suggest to check their documentation in case it’s not working. * You will find the actions and filters hooks that can help you build what you need at [https://newo.me/direct-stripe-actions-and-filters-hooks](https://newo.me/direct-stripe-actions-and-filters-hooks), and an example of how to use a Stripe webhook with Direct Stripe at [https://gist.github.com/New0/d72217de1e60871cf938715c2fd03b61](https://gist.github.com/New0/d72217de1e60871cf938715c2fd03b61) * I hope this will help. * Best wishes Viewing 14 replies - 1 through 14 (of 14 total) The topic ‘Button on blog’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/direct-stripe_7787ff.svg) * [Direct Stripe](https://wordpress.org/plugins/direct-stripe/) * [Support Threads](https://wordpress.org/support/plugin/direct-stripe/) * [Active Topics](https://wordpress.org/support/plugin/direct-stripe/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/direct-stripe/unresolved/) * [Reviews](https://wordpress.org/support/plugin/direct-stripe/reviews/) ## Tags * [button](https://wordpress.org/support/topic-tag/button/) * 14 replies * 2 participants * Last reply from: [Nicolas Figueira](https://wordpress.org/support/users/nahuelmahe/) * Last activity: [7 years, 3 months ago](https://wordpress.org/support/topic/button-on-blog/#post-11111811) * Status: resolved