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/
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
(@jlp777)
Hi,
Please check my email response with the doc attached for your review.
Thanks
Thread Starter
jlp777
(@jlp777)
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!
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://ww.wp.xz.cn/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/
Try those out — preferably in a safe testing or staging environment — and let me know if you have additional questions at all.
Thanks!
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://ww.wp.xz.cn/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://ww.wp.xz.cn/plugins/custom-sidebars/
Thanks!
Thread Starter
jlp777
(@jlp777)
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
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
(@jlp777)
Can you provide a email I can send you the doc to?. I don’t have a link of it.
contact [at] givewp.com should work. Thanks!
Thread Starter
jlp777
(@jlp777)
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.
-
This reply was modified 7 years, 3 months ago by jlp777.
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/
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
(@jlp777)
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…
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/
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
(@jlp777)
Hey Matt,
Happy Friday!
You don’t think it just could be a conflict from The Gem theme I’m using?
thanks
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.
