Title: Popup Shortcode
Last modified: August 22, 2016
---
# Popup Shortcode
* Resolved [Maasha](https://wordpress.org/support/users/maasha/)
* (@maasha)
* [11 years, 3 months ago](https://wordpress.org/support/topic/popup-shortcode/)
* Hi! Great plugin!!
* I have two questions if you may kindly help.
* 1. When I open the pop up with a link, the content is in the middle and the rest
of the page is whited out. Is there a way my content can pop out and the website
can still be seen behind it?
* 2. I want the popup to appear after users click an image. Though the html works,
the short code doesn’t work. The only reason I am using a shortcode instead of
html in this instance is because the image short code contains another shortcode
that makes the image circular. What am I doing wrong?
* [popup id=855 size=”small”][image type=”circle” src=”[http://upload.wikimedia.org/wikipedia/en/7/78/Small_scream.png”](http://upload.wikimedia.org/wikipedia/en/7/78/Small_scream.png”);
alt=”test”][/modal]
* I created this based on your example:
* [popup id=The-Pop-Up-Name size=”small”]Put your content and other [shortcodes]
here.[/modal]
* Help is appreciated. Thank you 🙂
* [https://wordpress.org/plugins/popup-maker/](https://wordpress.org/plugins/popup-maker/)
Viewing 4 replies - 1 through 4 (of 4 total)
* Plugin Author [Daniel Iser](https://wordpress.org/support/users/danieliser/)
* (@danieliser)
* [11 years, 3 months ago](https://wordpress.org/support/topic/popup-shortcode/#post-5838589)
* [@maasha](https://wordpress.org/support/users/maasha/) First, sure you can both
change the position of the popup and disable the overlay using the Display settings
section of the popup editor.
* 2. The popup shortcode is meant to create popups inline, not to trigger them.
In your example copied from us above you would end up with a popup that could
be open with the class `popmake-The-Pop-Up-Name`
* If your popups id is 855 then simply adding the class `popmake-855` to your image
will make it open the popup.
* Hope this helps.
* Please take a moment to [rate and review the plugin](https://wordpress.org/support/view/plugin-reviews/popup-maker)
and or support.
* Thread Starter [Maasha](https://wordpress.org/support/users/maasha/)
* (@maasha)
* [11 years, 3 months ago](https://wordpress.org/support/topic/popup-shortcode/#post-5838656)
* Hi Daniel,
* Thank you so much for such a fast reply.
* I thought this meant I was already adding the pop-up to the image:
* [popup id=855 size=”small”][image type=”circle” src=”[http://upload.wikimedia.org/wikipedia/en/7/78/Small_scream.png”](http://upload.wikimedia.org/wikipedia/en/7/78/Small_scream.png”);
alt=”test”][/modal]
* I’m not good with code, can you please show me an exact code example of what
you mean so I can just copy and paste?
* Actually, you can even give me the html version…I know that you use ![]()
for image and I know to make an image it’s 
but
I don’t know how to combine the two.
* Thank you 🙂
* Plugin Author [Daniel Iser](https://wordpress.org/support/users/danieliser/)
* (@danieliser)
* [11 years, 3 months ago](https://wordpress.org/support/topic/popup-shortcode/#post-5838658)
* [@maasha](https://wordpress.org/support/users/maasha/) – Your on the right track.
You actually have several options here. Pure html is one but you need to know
what class they are adding for the circle type parameter there.
* Pure HTML would simply combine the two strings into `![]()
` You just add the extra attribute as needed.
* Alternatively you could do it like this `[image type
="circle" src="http://upload.wikimedia.org/wikipedia/en/7/78/Small_scream.png"
alt="test"]`
* Of course replace 123 with the actual ID of your popup.
* Hope this helps.
* Please take a moment to [rate and review the plugin](https://wordpress.org/support/view/plugin-reviews/popup-maker)
and or support.
* Thread Starter [Maasha](https://wordpress.org/support/users/maasha/)
* (@maasha)
* [11 years, 3 months ago](https://wordpress.org/support/topic/popup-shortcode/#post-5838661)
* Daniel,
* YAY!! It worked!! Woohoo!! Thank you!! You have been a big help.
* I’m giving you 5 stars 🙂
Viewing 4 replies - 1 through 4 (of 4 total)
The topic ‘Popup Shortcode’ is closed to new replies.
* 
* [Popup Maker - Boost Sales, Conversions, Optins, Subscribers with the Ultimate WP Popup Builder](https://wordpress.org/plugins/popup-maker/)
* [Frequently Asked Questions](https://wordpress.org/plugins/popup-maker/#faq)
* [Support Threads](https://wordpress.org/support/plugin/popup-maker/)
* [Active Topics](https://wordpress.org/support/plugin/popup-maker/active/)
* [Unresolved Topics](https://wordpress.org/support/plugin/popup-maker/unresolved/)
* [Reviews](https://wordpress.org/support/plugin/popup-maker/reviews/)
* 4 replies
* 2 participants
* Last reply from: [Maasha](https://wordpress.org/support/users/maasha/)
* Last activity: [11 years, 3 months ago](https://wordpress.org/support/topic/popup-shortcode/#post-5838661)
* Status: resolved