Title: Use shortcode with a different button?
Last modified: June 29, 2018

---

# Use shortcode with a different button?

 *  Resolved [girlcrewhq](https://wordpress.org/support/users/girlcrewhq/)
 * (@girlcrewhq)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/use-shortcode-with-a-different-button/)
 * We are using the Thrive Architect plugin to create a nice landing page. And it
   comes with drag and drop buttons. Is there a way we could use the shortcode/something
   from your brilliant plugin that has served us SO well, within those buttons?
 * The code behind the buttons is
    <div class=”thrv_wrapper thrv-button” data-css
   =”tve-u-16446cb2f5e” data-tcb_hover_state_parent=”” data-button-style=”rounded”
   > [ <span class=”tcb-button-texts”><span class=”tcb-button-text thrv-inline-text”
   data-css=”tve-u-16446c6de11″>Sign Me Up!</span></span>  </div>
 * But we’re lost because we don’t have a href for a stripe modal obviously.
 * We are able to use shortcodes as custom html elements within the plugin so we
   can do that if necessary, but just wanted to check if we can just incorporate
   the same function but with their styling.
 * Thanks a million for a great plugin whatever the answer!
 * (PS that page is not live yet, but may be by the time you read this. Not sure
   if that will matter or if supplying the code from their button may be enough)
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fuse-shortcode-with-a-different-button%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Plugin Author [Nicolas Figueira](https://wordpress.org/support/users/nahuelmahe/)
 * (@nahuelmahe)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/use-shortcode-with-a-different-button/#post-10450303)
 * Hello [@girlcrewhq](https://wordpress.org/support/users/girlcrewhq/),
 * Thank you for using Direct Stripe and for your kind words.
 * I understand that yu would like to use a Direct Stripe Button with your own styling,
   is that correct ? If not, could you rephrase the question please ?
 * The simpler way to customize the Button style is via css, set the Styles parameter
   not to use custom styles or Stripe styles and apply css to the Button markup (
   or the ID set in the Button ID option of the button settings page ).
 * Otherwise I added PHP filters that will be available on the next update that 
   will allow to completely customize the markup.
    The version is already available
   in the Github repo on the Develop Branch, link to download the plugin is [https://github.com/New0/direct-stripe/archive/develop.zip](https://github.com/New0/direct-stripe/archive/develop.zip)
 * You can replace current version of Direct Stripe with this version and use a 
   custom plugin to set your own markup.
    I made a Gist that does what I understood
   you need at [https://gist.github.com/New0/435f41907de2edd1292b1849c7d0456b](https://gist.github.com/New0/435f41907de2edd1292b1849c7d0456b)
 * So if you want to test the Gist :
    – Delete Direct Stripe from your WordPRess
   installation – Download the version from the link [https://github.com/New0/direct-stripe/archive/develop.zip](https://github.com/New0/direct-stripe/archive/develop.zip)–
   Install and activate it – Download ZIP of the Gist at [https://gist.github.com/New0/435f41907de2edd1292b1849c7d0456b](https://gist.github.com/New0/435f41907de2edd1292b1849c7d0456b)–
   Install it as a plugin and activate it – The code requires to set the button 
   ID ‘MyButtonID’ for the button you want to apply that markup to – Then don’t 
   forget to set the Styling settings to Do Not set styles
 * I hope that can help, best wishes,
 * Nico
 *  Plugin Author [Nicolas Figueira](https://wordpress.org/support/users/nahuelmahe/)
 * (@nahuelmahe)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/use-shortcode-with-a-different-button/#post-10455131)
 * Hello [@girlcrewhq](https://wordpress.org/support/users/girlcrewhq/)
 * I updated the plugin with the hooks that allow changing the button markup. ( 
   As shown in the example at [https://gist.github.com/New0/435f41907de2edd1292b1849c7d0456b](https://gist.github.com/New0/435f41907de2edd1292b1849c7d0456b)).
 * But if the change are only styling and don’t require to add additionnal tags 
   to the markup, I definitely recommend using CSS.
 * Let me know if that helped.
 * Best wishes,
 *  Thread Starter [girlcrewhq](https://wordpress.org/support/users/girlcrewhq/)
 * (@girlcrewhq)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/use-shortcode-with-a-different-button/#post-10480174)
 * Thanks so much for the detailed response. I saw the plugin was update when i 
   went back to it, so didn’t need to do it via Github download but thanks for that
   option!
 * [This is a screenshot of the button setting options in the editor we’re using](http://www.girlcrew.com/wp-content/uploads/2018/07/thrive-button-editor.png)–
   it does offer option for CSS Class & ID.
    In DS Style Settings I have selected
   Do Not Set Styles The Button CSS ID in DS BUtton Settings is MyButtonID But I’m
   not sure what the Class is – or if I’m even understanding this approach correctly.
   I feel I may have it back to front!
 *  Plugin Author [Nicolas Figueira](https://wordpress.org/support/users/nahuelmahe/)
 * (@nahuelmahe)
 * [7 years, 10 months ago](https://wordpress.org/support/topic/use-shortcode-with-a-different-button/#post-10483343)
 * Hello [@girlcrewhq](https://wordpress.org/support/users/girlcrewhq/),
 * I understand that you want to add a button via the page builder and apply Direct
   Stripe actions to that button, is that correct ?
 * Does the page builder allow shortcodes or html ? If yes, I think it is the best
   way to insert a Direct Stripe button, then you can style it using CSS.
 * Let me know if you need help with shortcode options or styling.
 * Best wishes,

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Use shortcode with a different button?’ 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/)

 * 4 replies
 * 2 participants
 * Last reply from: [Nicolas Figueira](https://wordpress.org/support/users/nahuelmahe/)
 * Last activity: [7 years, 10 months ago](https://wordpress.org/support/topic/use-shortcode-with-a-different-button/#post-10483343)
 * Status: resolved