Hi!
I just set up my popup form from coffeecup (I use it linked with MailChimp and it's working perfectly!).
The thing is: I want to set up the pages to show the popup and how many times it should appear, because every time I refresh the homepage it pops up again!
And there are some pages I don't want it to be shown.
Thanks
Marina
MARINA P RICARDO
Registered User
4 posts
Eric Rohloff
Senior Advisor
20,271 posts
Hi naturebaeme,
Don't put the code on every page. Only put it on the pages you want the form on. For most people one is enough.
Don't put the code on every page. Only put it on the pages you want the form on. For most people one is enough.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
MARINA P RICARDO
Registered User
4 posts
Tks Eric,
I didn't have to put the code in any page..the popup was already set after I finished to publish it from Coffeecup.
This is the final screen from CC:
1- Paste these lines between the <head> and </head> tags of your page:
<!-- Start of the headers for CoffeeCup Web Form Builder -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="http://naturebaeamae.coffeecup.com/forms/form/colorbox/colorbox.css" />
<script src="http://naturebaeamae.coffeecup.com/forms/form/common/libs_js/jquery-1.4.4.min.js"></script>
<script src="http://naturebaeamae.coffeecup.com/forms/form/colorbox/jquery.colorbox.js"></script>
<script>
var $fb_pop = jQuery.noConflict();
$fb_pop(document).ready(function(){
// Fallback for Safari browser
if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 ) {
$fb_pop('.fb_iframe').click( function(){
var temp_window = window.open('http://naturebaeamae.coffeecup.com/forms/form/','form','width=0,height=0');
window.focus();
setTimeout(function() {temp_window.close();},1000);
} );
}
$fb_pop(".fb_iframe").colorbox({iframe:true, innerWidth:"470px", height:"80%", maxHeight:"587px", fixed:true });
});
</script>
<!-- End of the headers for CoffeeCup Web Form Builder -->
So I put this on the posts (single.php) i want it to appear.
But it already shows on the homepage and Pages, which I don't want..so I need to know how to take it off those pages.
(Sorry if it's confuse, but I don't understand much about WP and codes!)
Tks
I didn't have to put the code in any page..the popup was already set after I finished to publish it from Coffeecup.
This is the final screen from CC:
1- Paste these lines between the <head> and </head> tags of your page:
<!-- Start of the headers for CoffeeCup Web Form Builder -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="http://naturebaeamae.coffeecup.com/forms/form/colorbox/colorbox.css" />
<script src="http://naturebaeamae.coffeecup.com/forms/form/common/libs_js/jquery-1.4.4.min.js"></script>
<script src="http://naturebaeamae.coffeecup.com/forms/form/colorbox/jquery.colorbox.js"></script>
<script>
var $fb_pop = jQuery.noConflict();
$fb_pop(document).ready(function(){
// Fallback for Safari browser
if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 ) {
$fb_pop('.fb_iframe').click( function(){
var temp_window = window.open('http://naturebaeamae.coffeecup.com/forms/form/','form','width=0,height=0');
window.focus();
setTimeout(function() {temp_window.close();},1000);
} );
}
$fb_pop(".fb_iframe").colorbox({iframe:true, innerWidth:"470px", height:"80%", maxHeight:"587px", fixed:true });
});
</script>
<!-- End of the headers for CoffeeCup Web Form Builder -->
So I put this on the posts (single.php) i want it to appear.
But it already shows on the homepage and Pages, which I don't want..so I need to know how to take it off those pages.
(Sorry if it's confuse, but I don't understand much about WP and codes!)
Tks
Eric Rohloff
Senior Advisor
20,271 posts
Read this article through. It will help you get it working properly.
http://www.coffeecup.com/help/articles/ … ress-blog/
http://www.coffeecup.com/help/articles/ … ress-blog/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
MARINA P RICARDO
Registered User
4 posts
Hi Eric, I did!
But that article is just to set up regular forms on pages, not popups.
I still get it popping up on my homepage every time I click on it..even if I fill it, once I refresh the page it'll popup again!!
the website is: www.naturebaeamae.com.br
You'll see it pops up on the homepage and on the pages Contato and Sobre.. and if you click to open a post ! so that's a lot of popups lol
But that article is just to set up regular forms on pages, not popups.
I still get it popping up on my homepage every time I click on it..even if I fill it, once I refresh the page it'll popup again!!
the website is: www.naturebaeamae.com.br
You'll see it pops up on the homepage and on the pages Contato and Sobre.. and if you click to open a post ! so that's a lot of popups lol
Brian Durfee
Senior Advisor
1,096 posts
It looks like you are using Wordpress. When you put the code in the <head>, it probably added it to your Wordpress template so that it is on every page.
I'm guessing that you have the form set to automatically pop up. All you need to do is uncheck the automatic popup box.
http://uscni.biz/coffeecup/cc_wfb_automaticpopup.png
Now, you just need to add a link to your site so that people can click it and pop up the newsletter form. Add a link and in the anchor tag, add the class "fb_iframe".
I'm guessing that you have the form set to automatically pop up. All you need to do is uncheck the automatic popup box.
http://uscni.biz/coffeecup/cc_wfb_automaticpopup.png
Now, you just need to add a link to your site so that people can click it and pop up the newsletter form. Add a link and in the anchor tag, add the class "fb_iframe".
<a href="newsletter.htm" class="fb_iframe">Newsletter</a>
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
MARINA P RICARDO
Registered User
4 posts
Hi Brian!
Thanks!
As I said before I'm initiating in the WP life! So I don't know much..
I unchecked the second box..and just checked the first one (display form in a popup), but it's still popping up in every page..
If you wanna check www.naturebaeamae.com.br
When you say add a link, what link do you mean? With the code generated?
<!-- Start of the headers for CoffeeCup Web Form Builder -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="http://naturebaeamae.coffeecup.com/forms/form/colorbox/colorbox.css" />
<script src="http://naturebaeamae.coffeecup.com/forms/form/common/libs_js/jquery-1.4.4.min.js"></script>
<script src="http://naturebaeamae.coffeecup.com/forms/form/colorbox/jquery.colorbox.js"></script>
<script>
var $fb_pop = jQuery.noConflict();
$fb_pop(document).ready(function(){
// Fallback for Safari browser
if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 ) {
$fb_pop('.fb_iframe').click( function(){
var temp_window = window.open('http://naturebaeamae.coffeecup.com/forms/form/','form','width=0,height=0');
window.focus();
setTimeout(function() {temp_window.close();},1000);
} );
}
$fb_pop(".fb_iframe").colorbox({iframe:true, innerWidth:"570px", height:"80%", maxHeight:"581px", fixed:true });
});
</script>
<!-- End of the headers for CoffeeCup Web Form Builder -->
Tks
Thanks!
As I said before I'm initiating in the WP life! So I don't know much..
I unchecked the second box..and just checked the first one (display form in a popup), but it's still popping up in every page..
If you wanna check www.naturebaeamae.com.br
When you say add a link, what link do you mean? With the code generated?
<!-- Start of the headers for CoffeeCup Web Form Builder -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="http://naturebaeamae.coffeecup.com/forms/form/colorbox/colorbox.css" />
<script src="http://naturebaeamae.coffeecup.com/forms/form/common/libs_js/jquery-1.4.4.min.js"></script>
<script src="http://naturebaeamae.coffeecup.com/forms/form/colorbox/jquery.colorbox.js"></script>
<script>
var $fb_pop = jQuery.noConflict();
$fb_pop(document).ready(function(){
// Fallback for Safari browser
if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1 ) {
$fb_pop('.fb_iframe').click( function(){
var temp_window = window.open('http://naturebaeamae.coffeecup.com/forms/form/','form','width=0,height=0');
window.focus();
setTimeout(function() {temp_window.close();},1000);
} );
}
$fb_pop(".fb_iframe").colorbox({iframe:true, innerWidth:"570px", height:"80%", maxHeight:"581px", fixed:true });
});
</script>
<!-- End of the headers for CoffeeCup Web Form Builder -->
Tks
Brian Durfee
Senior Advisor
1,096 posts
Have you tried it without Wordpress to make sure it isn't Wordpress that's causing the problem?
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
3dxprint
Guest
3 posts
How to customize "Click here" with font, color and so on ?
3dxprint
Guest
3 posts
3dxprint wrote:
How to customize "Click here" with font, color and so on ?
How to customize "Click here" with font, color and so on ?
I use CoffeeCup form with Xara Web Designer.
Everything was going well as a popup form.
I don't like the "Click here" and I'd like to change the font, size and color.
Can somebody help me ?
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
