How to call shortcode on button click

admin管理员组

文章数量:1122832

i want to call a shortcode on button / link

<a href="<?php echo do_shortcode( '[wizard id=1]' ); ?>" class="btn" > CLICK TO OPEN SHORTCODE</a>

but it's not working.

i want to call a shortcode on button / link

<a href="<?php echo do_shortcode( '[wizard id=1]' ); ?>" class="btn" > CLICK TO OPEN SHORTCODE</a>

but it's not working.

• shortcode

Share Improve this question edited Jan 24, 2017 at 18:01 Arsalan Mithani 55344 silver badges1515 bronze badges asked Jan 24, 2017 at 14:39 ninanina 2111 gold badge11 silver badge22 bronze badges 3

• [link]<a href="<?php echo do_shortcode( '[wizard id=1]' ); ?>" > Whatever text for link</a> – nina Commented Jan 24, 2017 at 14:40
• What are you trying to do? are you referring to the WordPress editor, – kirillrocks Commented Jan 24, 2017 at 18:56
• downvoting, as without additional info the question is confusing server side and client side in a way that make it impossible to answer – Mark Kaplun Commented Aug 25, 2017 at 5:32

Add a comment  | 

3 Answers 3

Sorted by: Reset to default 0

You can't add a shortcode to PHP directly. However, each shortcode executes a function, so you can just add that function to your link code.

If your shortcode is something like this:

function my_custom_shortcode( $atts, $content= NULL) {
    shortcode function
}
add_shortcode ( 'my_custom_shortcode' , 'my_custom_shortcode' );

use this in your link:

<a href="<?php my_custom_shortcode(); ?>" class="btn" > CLICK TO OPEN SHORTCODE</a>

To call a shortcode on button click, you can not directly use PHP within HTML attributes like href. Instead, you need to use JS to achieve this functionality.

<!-- HTML code for the button -->
<a href="#" id="shortcodeButton" class="btn">CLICK TO OPEN SHORTCODE</a>

<!-- JavaScript code -->
<script>
    // Add an event listener to the button
    document.getElementById('shortcodeButton').addEventListener('click', function(event) {
        // Prevent the default behavior of the anchor tag
        event.preventDefault();
        
        // Call the shortcode using JavaScript
        var shortcodeResult = '<?php echo do_shortcode("[wizard id=1]"); ?>';
        
        // Redirect or do something with the result
        // For example, you can redirect to the result URL
        window.location.href = shortcodeResult;
    });
</script>

your shortcode function [wizard id=1] is correctly defined and will return the desired output

Vijay, Thank you for your assistance. I see what you are getting at with the example provided, but it appears to run the shortcode immediately on page load, but not on link click. Is there any way to stop that? Is this what the event.preventDefault(); is supposed to do, or is there something else missing?

本文标签： How to call shortcode on button click