own html form integration – doesn't show up

Resolved

(@gnagy)

Hi! I love your plugin, it has every feature we need! I’m interested in that if it will be avaliable to integrate mailpoet subsriction form?

I’ve tried to use it’s html form and I made it look beautiful in the preview, but when I tried it had loaded in the background. (I hear the autoplay video playing, but the popup doesn’t show up). If I clear my html form the popup works.. why is that? Do you have any idea?

My code looks like:

<!--START Scripts : this is the script part you can add to the header of your theme-->
<script type="text/javascript" src="http://nagygergely.info/wp-includes/js/jquery/jquery.js?ver=2.6.15"></script>
<script type="text/javascript" src="http://nagygergely.info/wp-content/plugins/wysija-

newsletters/js/validate/languages/jquery.validationEngine-hu.js?ver=2.6.15"></script>
<script type="text/javascript" src="http://nagygergely.info/wp-content/plugins/wysija-

newsletters/js/validate/jquery.validationEngine.js?ver=2.6.15"></script>
<script type="text/javascript" src="http://nagygergely.info/wp-content/plugins/wysija-newsletters/js/front-subscribers.js?

ver=2.6.15"></script>
<script type="text/javascript">
                /* <![CDATA[ */
                var wysijaAJAX = {"action":"wysija_ajax","controller":"subscribers","ajaxurl":"http://nagygergely.info/wp-

admin/admin-ajax.php","loadingTrans":"Betöltés..."};
                /* ]]> */
                </script><script type="text/javascript" src="http://nagygergely.info/wp-content/plugins/wysija-

newsletters/js/front-subscribers.js?ver=2.6.15"></script>
<!--END Scripts-->
<style type="text/css">
.widget_wysija_cont.html_wysija #form-wysija-html54f322991de36-4 .wysija-submit.wysija-submit-field {
	-moz-box-shadow:inset 0px 0px 2px 0px #f29c93;
	-webkit-box-shadow:inset 0px 0px 2px 0px #f29c93;
	box-shadow:inset 0px 0px 2px 0px #f29c93;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	background-color:#fe1a00;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	border-radius:1px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:25px;
	font-weight:bold;
	padding:5px 35px;
	text-decoration:none;
	text-shadow:1px 0px 4px #b23e35;
        position: relative;
        top: 4px;
}
.widget_wysija_cont.html_wysija #form-wysija-html54f322991de36-4 .wysija-submit.wysija-submit-field:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
	background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
	background-color:#ce0100;
}
.widget_wysija_cont.html_wysija #form-wysija-html54f322991de36-4 .wysija-submit.wysija-submit-field:active {
	position:relative;
	top:1px;
}

}

.input {
    border: 1px solid #006;
    background: #ffc;
	width:200px;
	height:50px;
	display:block;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}

</style>

<div class="widget_wysija_cont html_wysija"><div id="msg-form-wysija-html54f322991de36-4" class="wysija-msg ajax"></div><form 

id="form-wysija-html54f322991de36-4" method="post" action="#wysija" class="widget_wysija html_wysija">
<p class="wysija-paragraph">
  <input type="text" name="wysija[user][firstname]" class="input" style="font-size: 16px; color: #888888; font-style: italic; 

height: 40px; width: 180px;font-weight: 400; text-decoration: none; title="Neved"  value="" placeholder="Neved" />

  <input type="text" name="wysija[user][email]" class="input" style="font-size: 16px; color: #888888; font-style: italic; 

height: 40px; width: 180px;font-weight: 400; text-decoration: none; title="A legjobb email címed"  value="" placeholder="A 

legjobb E-Mail címed" />

<input class="wysija-submit wysija-submit-field" type="submit" value="Feliratkozás" />

    <input type="hidden" name="form_id" value="4" />
    <input type="hidden" name="action" value="save" />
    <input type="hidden" name="controller" value="subscribers" />
    <input type="hidden" value="1" name="wysija-page" />

        <input type="hidden" name="wysija[user_list][list_ids]" value="3" />

 </form></div>

Thank You!

Best Regards,
Greg Nagy

https://ww.wp.xz.cn/plugins/popup-by-supsystic/

Viewing 10 replies - 1 through 10 (of 10 total)

Plugin Author supsystic
(@supsysticcom)

11 years, 3 months ago

Hello.
Sure, we will try to add this to, I think on next week. For now – you can add this code – just in HTML code editor in our plugin in admin area.

Thread Starter gnagy
(@gnagy)

11 years, 3 months ago

Thank You for your quick answer! That would be great if you could do it.

I’ve tried to add this html code as a text and in the preview it looks beautiful, but when I save it, the popup doesnt show up. It load somewhere in the background, because the video starts to play, but the popup doesn’t work when I use my html form. When I delete it it works and pops up perfectly..

What can be the problem with the code?

Thank You!

Thread Starter gnagy
(@gnagy)

11 years, 2 months ago

Hello,

I installed your update, but unfortunatly it still can’t integrate mailpoet newsletter. Shall I wait or is it impossible to intagrate that plugin?

The html code still doesn’t work, because when I use it the popup doesn’t show up.

I’d really like to use your plugin, but unfortunatly I can’t use it until it will work with the mailpoet plugin.

Thank You

Plugin Author supsystic
(@supsysticcom)

11 years, 2 months ago

Hello.
Unfortunately – we didn’t do this because we didn’t have much time to create all required features from our development scope. I hope we will be able to do this in one of our next release. In any case – if this will be impossible – I will let you know (but I hope that all this is possible). We just don’t have much time – to realize all that we planned to do for you.

Thread Starter gnagy
(@gnagy)

11 years, 2 months ago

Thank You for your answer!

For now finally I made it to work with my html form, and it works almost perfectly! (I’m still waiting your solution because that would be much better!)

The only problem I have is that in Google Chrome the video still plays after I close the popup and it can be very irritating for a new visitor. Is there any possibility to solve that problem?

You can check it here: http://nagygergely.info/rolam/

Thank You!
Thread Starter gnagy
(@gnagy)

11 years, 2 months ago
Here is a solution for an other pupup, which had the same problem:
“1) in your displet pop widget, give your YouTube iframe tag a class name. So your code in your widget should look something like this:
<iframe class=”yt” src=”http://videourl.com” width=”600″ height=”448″></iframe>
2) in displet-pop.php, find the function called hideDispletPop(). after the last line of code before the closing } in that function, add a new jQuery line that looks something like the following:
```
function hideDispletPop() {
	jQuery('#displetpop').hide();
	jQuery('body').removeClass('displetpop');
	jQuery(".yt").attr('src',''); /* new line here */
}
```
What that last line does is clears the ‘src’ attribute of your iframe. This basically says when you close the pop-up, set the iframe to nothing so there will be no video to play. When the pop-up opens again, it will open the default iframe in your widget until you close it again. “
I guess this solution would also work here, I just have to find the function which hides the opoup (as “function hideDispletPop()” in the above solution).

Could you help me in that?
Plugin Author supsystic
(@supsysticcom)

11 years, 2 months ago

Hello.
Yes, we have such problem with our video PopUp, and for now – we are trying to resolve it (good way – is to rebuild this type of PopUps to use YouTube API – and we are trying to make this work correctly for now).

Plugin Author supsystic
(@supsysticcom)

11 years, 2 months ago

Hello.
We just released new version – where we fixed this problem with video playing after close PopUp, so you can update – and check how it will work for you!

Plugin Author supsystic
(@supsysticcom)

11 years, 2 months ago

Also – in latest release we included MailPoet integration – so you can check it too!

Thread Starter gnagy
(@gnagy)

11 years, 2 months ago

Thank you for your great support! Everything works like a charm! I’ve tried tons of popup plugins and I’m sure that your plugin is the best! Keep up the good work!

Now I can start convert my visitors to subscribers..! Thanks!

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘own html form integration – doesn't show up’ is closed to new replies.