Created pop up doesn’t work with wordpress

  • Resolved Bijja Saibabu

    (@unknown12)


    4 years, 4 months ago

    Hello team,

    I installed mypopups plugin on my wordpress and created a popup and it gave me a button ID but it doesn’t show up any popup when we click on the WordPress, here is the ID 

    Use the following code in your link to make this work:
<a id="mp-button-show-modal-50968" href="#">Click me!</a>

You can also assign this popup to multiple buttons with class
<a class="mp-button-show-modal-50968">Click me!</a>
<button class="mp-button-show-modal-50968">Click me!</button>

    My aim is to show additional information to my customer when they purchase a product from my website on a product page, for example, we talk about a few important things on the cart page before they select the price and I am unable to showcase all the info on the product page and I decided to use popup and add know more text and when they hit know more text they should see the popup with the information.

    I need your help in getting this taken care of.

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 23 total)
1 2
  • Plugin Author iClyde

    (@iclyde)

    4 years, 4 months ago

    Hi @unknown12

    Your pop-up had additional display rule which always returned false.
    – It was “On which pages should it show?”

    I disabled that display rule especially when you have only button trigger.
    This way it should solve you issue.

    The second issue is with your button placement, you put that id into href attribute. Just like so:
    href="http://id="mp-button-show-modal-50968""

    It should be:
    id="mp-button-show-modal-50968" href="#!"

    Currently you have:
    <a href="http://id=&quot;mp-button-show-modal-50968&quot;"> know more</a>

    Change that to:
    <a id="mp-button-show-modal-50968" href="#!"> know more</a>

    Or if you can’t use IDs in your builder, please add class:
    <a class="mp-button-show-modal-50968" href="#!"> know more</a>

    Once you adjust your button, the pop-up should work 🙂
    I also recommend you to put some background on that text.

    Let me know if that worked after adjustments.
    Thank you!

    Thread Starter Bijja Saibabu

    (@unknown12)

    4 years, 4 months ago

    I understand the point, actually, I am trying to use the pop up on the woocommerce product page short description so we can’t insert a button on a short description archive page and it only has an option to add a link, I want to add the pop up to know more text on a short description of woocommerce product page I am also adding the product page URL with for reference, https://budgetershopy.com/product/shoppers-stop-e-gift-1-2-hours-delivery/

    Any suggestions to take care of this?

    Thread Starter Bijja Saibabu

    (@unknown12)

    4 years, 4 months ago

    Hello team, any suggestions?

    Plugin Author iClyde

    (@iclyde)

    4 years, 4 months ago

    Hi @unknown12

    My apologies for delayed, reply.

    Could you please, let me know which page builder do you use?
    I am not much experienced with WooCommerce (not sure if they have dedicated builder).

    Can you use shortcodes in that description?
    If so, you could make your own shortcode which would insert that id/class correctly. That should solve the issue 🙂

    Thread Starter Bijja Saibabu

    (@unknown12)

    4 years, 4 months ago

    I use elementor and we can’t use short codes on description page only the link. I can share the dashboard screenshot to understand

    Plugin Author iClyde

    (@iclyde)

    4 years, 4 months ago

    Hi @unknown12

    According to these two pages:
    – https://woocommerce.com/document/product-description-on-shop-page/
    – https://stackoverflow.com/questions/26225696/add-additional-button-on-product-page-for-woocommerce

    It’s 100% possible via PHP, but if you find “Custom loop description” it should be possible as well (I can see there is editor that support shortcodes and ID as well).

    Let me know if you find above articles useful 🙂
    Thank you!

    Thread Starter Bijja Saibabu

    (@unknown12)

    4 years, 4 months ago

    Instead of creating a button can we not get a direct link to use to get pop up when we click on it? it would make job easier, actually I want to show know more text with the pop up on the description page if I use a button on the product page that would create a confusion again to the customer.

    Plugin Author iClyde

    (@iclyde)

    4 years, 4 months ago

    Hi @unknown12

    The problem is that we don’t have any implementation that would trigger the pop-up by href attribute. The last thing I have in mind would be simply JavaScript (We can provide it for you) that you will need to include in addition to your description page. It would add proper listener to your link in the description.

    Would this option be fine for you?
    In this case you can set the URL to something like #pop-up-someid

    Notice: It won’t be dynamic and will require some adjusted if you would like to switch your pop-up theme (builder changes won’t require that).

    Thread Starter Bijja Saibabu

    (@unknown12)

    4 years, 4 months ago

    As the rule says After visitor clicked on a link or button, can you help me with the link that I need to use? I can take it up from there

    Plugin Author iClyde

    (@iclyde)

    4 years, 4 months ago

    Hi @unknown12

    By link it means <a> tag in HTML, this tag still require to have proper id or classname.

    • This reply was modified 4 years, 4 months ago by iClyde.
    Thread Starter Bijja Saibabu

    (@unknown12)

    4 years, 4 months ago

    Okay, please help me with the java script then, I will try.

    Plugin Author iClyde

    (@iclyde)

    4 years, 4 months ago

    Alright, please change your current URL: “http://id=”mp-button-show-modal-50968&#8221;
    To: “#mp-button-show-modal-50968”

    Once you do that I’ll write something directly on my side and send you back finished version 🙂

    Thread Starter Bijja Saibabu

    (@unknown12)

    4 years, 4 months ago

    How can I change URL to ID, please help

    Plugin Author iClyde

    (@iclyde)

    4 years, 4 months ago

    Simply modify this link here you’ve made: https://prnt.sc/26c25u2
    In the editor you have on your side replace your current URL to “#mp-button-show-modal-50968”

    Thread Starter Bijja Saibabu

    (@unknown12)

    4 years, 4 months ago

    Got it, does it have to be in quotes or quotes not required?

Viewing 15 replies - 1 through 15 (of 23 total)
1 2

The topic ‘Created pop up doesn’t work with wordpress’ is closed to new replies.