Title: Header Navigation CTA Button Last modified: February 22, 2019 --- # Header Navigation CTA Button * Resolved [jlp777](https://wordpress.org/support/users/jlp777/) * (@jlp777) * [7 years, 4 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/) * Hi, * I reached out to givewp and have not received support that we are finding useful. We simply want to: * Create a Donate CTA button beside our top nav links. When a user clicks on the button we need the “Button” pop up form found at Donation > Display Option > button * I wish I could upload a doc I have screen shots etc showing what we have done with no success. Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/header-navigation-cta-button/page/2/?output_format=md) [→](https://wordpress.org/support/topic/header-navigation-cta-button/page/2/?output_format=md) * Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/) * (@webdevmattcrom) * [7 years, 4 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/#post-11233918) * Hi there, * To do this well it depends quite a bit on your theme and what kind of navigation it uses and/or what kinds of editable section or sidebars it has in order to place the Give button in the right place. * Can you provide a link to your site so we can at least see the site? * Generally speaking though, you’ll most likely want to use our `[give_form]` shortcode. See our docs on that here: [https://givewp.com/documentation/core/shortcodes/give_form/](https://givewp.com/documentation/core/shortcodes/give_form/) * One option is the `display_style` option. For that you’ll want to set it to “ button”. So you’re shortcode might look a bit like this: * `[give_form id="123" display_style="button"]` * That will allow you to have just a plain button or link that when clicked opens the Give form in a modal popup. * Let me know how that goes and we’ll get this worked out for you no problem. * Thanks! * Thread Starter [jlp777](https://wordpress.org/support/users/jlp777/) * (@jlp777) * [7 years, 4 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/#post-11237891) * Hi, * Please check my email response with the doc attached for your review. * Thanks * Thread Starter [jlp777](https://wordpress.org/support/users/jlp777/) * (@jlp777) * [7 years, 3 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/#post-11256077) * Its been a while and we don’t have a solution. I responded to the email I received from you via wordpress and attached a doc showing everything we have tried. I just realized it was no reply email. I did send the same doc to Jason and was hoping he would forward it to you. Can you ask him to so that so you understand what we have tried. I would very much appreciate it. Thank you! * Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/) * (@webdevmattcrom) * [7 years, 3 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/#post-11256997) * HI Jules, * I believe I found your conversation in email, but I don’t see an update from you over there or a DOC attached. Perhaps our system filtered that out. Providing a LINK to a doc would be more reliable. * But in reading your response over there, it seems you need a way to output our Button Mode in your header or in your navigation. This isn’t really the responsibility of GIVE itself, but I have a few resources that you might be able to leverage. * 1) SHORTCODES IN MENUS Try this free plugin that allows you to use shortcodes in menus: [https://wordpress.org/plugins/shortcode-in-menus/](https://wordpress.org/plugins/shortcode-in-menus/) * 2) TRIGGER OUR GIVE MODAL FROM ANY LINK This is an old tutorial, but it still works, it’s just a bit technical. Essentially you will want to add and HIDE a Give form on your page, perhaps via a widget. And then use the Javascript in that tutorial to target the MENU link to open the form in our Give modal. * See here: [https://givewp.com/load-donation-form-popup-give/](https://givewp.com/load-donation-form-popup-give/) * Try those out — preferably in a safe testing or staging environment — and let me know if you have additional questions at all. * Thanks! * Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/) * (@webdevmattcrom) * [7 years, 3 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/#post-11257061) * I just tested the “Shorcode in Menus” plugin and it really doesn’t work well. Then I tested this one and I think it’ll be perfect for your use: * [https://wordpress.org/plugins/widget-menuizer/](https://wordpress.org/plugins/widget-menuizer/) * Essentially, you’ll be adding a SIDEBAR into a menu item. If you don’t have many sidebars, or all your sidebars are used for important parts of your layout, then you can install this plugin to create any sidebar you like for this purpose: [https://wordpress.org/plugins/custom-sidebars/](https://wordpress.org/plugins/custom-sidebars/) * Thanks! * Thread Starter [jlp777](https://wordpress.org/support/users/jlp777/) * (@jlp777) * [7 years, 3 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/#post-11257224) * Hi Matt, * Thanks for your response. In the doc we showed the lack of success we had with using your shortcode in our header (the form populates in the header) and also had a similar problem with shortcode in menus plugin. * I was trying to avoid using yet another plugin, I have someone helping who can do some coding in php and js etc., so I thought we could find a custom work around to make this happen. * I will have a look at the plugins and get back to you. Have a great evening and thank you! * Jules * Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/) * (@webdevmattcrom) * [7 years, 3 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/#post-11257239) * The more detail and live examples you can provide me here on how you tried to implement it in the header the more helpful I can be. Happy to dig in further and take a closer look. * Thread Starter [jlp777](https://wordpress.org/support/users/jlp777/) * (@jlp777) * [7 years, 3 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/#post-11257241) * Can you provide a email I can send you the doc to?. I don’t have a link of it. * Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/) * (@webdevmattcrom) * [7 years, 3 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/#post-11257259) * contact [at] givewp.com should work. Thanks! * Thread Starter [jlp777](https://wordpress.org/support/users/jlp777/) * (@jlp777) * [7 years, 3 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/#post-11257263) * I can do that but I did send it to that address on February 21st at 8:16 pm. I will send it again. - This reply was modified 7 years, 3 months ago by [jlp777](https://wordpress.org/support/users/jlp777/). - This reply was modified 7 years, 3 months ago by [jlp777](https://wordpress.org/support/users/jlp777/). * Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/) * (@webdevmattcrom) * [7 years, 3 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/#post-11261372) * I found your Doc and reviewed it. The issue is that you are using the `[give_form_grid]` shortcode but you should instead use `[give_form id="XXX" display_style="button"]` where “XXX” is your one form ID. * I ended up writing up a detailed tutorial on what you are seeking to accomplish. I think this should help a lot: [https://givewp.com/add-give-form-popup-to-menu/](https://givewp.com/add-give-form-popup-to-menu/) * You can of course keep your existing code you have and just update your shortcode to include the `display_style="button"`, or try the tutorial I wrote above. Either should work since the magic of it is in using the Button display style. * Thanks! * Thread Starter [jlp777](https://wordpress.org/support/users/jlp777/) * (@jlp777) * [7 years, 3 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/#post-11261477) * Hi Matt, * I was please to see the article, you see the value of this implementation. * I followed your instructions and received this: Widget Menuizer: Warning: Invalid argument supplied for foreach() in /home/dilexivo/public_html/miraculum.org/wp- content/plugins/widget-menuizer/inc/classes/class-sidebar-walker-nav-menu-edit. php on line 292. Fyi I’m not using any sidebars in the site as of now… * Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/) * (@webdevmattcrom) * [7 years, 3 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/#post-11264790) * That sounds like a plugin conflict. I’d suggest using the Health Check plugin to troubleshoot that. It will allow you to deactivate all plugins and put your site on a default theme ONLY for yourself — your live visitors will not see that. We have a write-up on that here: [https://givewp.com/documentation/resources/troubleshoot-wordpress-websites-health-check/](https://givewp.com/documentation/resources/troubleshoot-wordpress-websites-health-check/) * Then you can enable plugins one at a time and test again until you see the problem again. Then let me know which plugin caused the conflict and I can take a closer look at replicating the issue for you. * Thanks! * Thread Starter [jlp777](https://wordpress.org/support/users/jlp777/) * (@jlp777) * [7 years, 3 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/#post-11264797) * Hey Matt, * Happy Friday! * You don’t think it just could be a conflict from The Gem theme I’m using? thanks * Plugin Contributor [Matt Cromwell](https://wordpress.org/support/users/webdevmattcrom/) * (@webdevmattcrom) * [7 years, 3 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/#post-11265360) * IF you could provide a way for me to see the button live on your website, even just for a short while that would help. Most likely I won’t be able to look again until Monday, but if you can provide a live link so I see the problem live that would help me understand the situation best. Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/header-navigation-cta-button/page/2/?output_format=md) [→](https://wordpress.org/support/topic/header-navigation-cta-button/page/2/?output_format=md) The topic ‘Header Navigation CTA Button’ is closed to new replies. * ![](https://ps.w.org/give/assets/icon-256x256.jpg?rev=2873287) * [GiveWP - Donation Plugin and Fundraising Platform](https://wordpress.org/plugins/give/) * [Frequently Asked Questions](https://wordpress.org/plugins/give/#faq) * [Support Threads](https://wordpress.org/support/plugin/give/) * [Active Topics](https://wordpress.org/support/plugin/give/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/give/unresolved/) * [Reviews](https://wordpress.org/support/plugin/give/reviews/) * 19 replies * 2 participants * Last reply from: [jlp777](https://wordpress.org/support/users/jlp777/) * Last activity: [7 years, 3 months ago](https://wordpress.org/support/topic/header-navigation-cta-button/page/2/#post-11265473) * Status: resolved