Hi, I've got a web form built and working well. I would like to "embed" the html code on to a "Get in Touch" button, so that it pops up on the web page.
I know I can embed an HTML element with the code, into the page itself, but I don't know how to format that.
So... it would be nice for it to pop up on the button click.
Is it possible? Any thoughts?
For reference, the html code that Web Form Builder has given me (and does the job) is:
<!-- Start of the body content for CoffeeCup Web Form Builder -->
<a class='fb_iframe' href="https://mysite.coffeecup.com/forms/my_Contact_Us_Form/">Click here</a>
<!-- End of the body content for CoffeeCup Web Form Builder -->
I know I can embed an HTML element with the code, into the page itself, but I don't know how to format that.
So... it would be nice for it to pop up on the button click.
Is it possible? Any thoughts?
For reference, the html code that Web Form Builder has given me (and does the job) is:
<!-- Start of the body content for CoffeeCup Web Form Builder -->
<a class='fb_iframe' href="https://mysite.coffeecup.com/forms/my_Contact_Us_Form/">Click here</a>
<!-- End of the body content for CoffeeCup Web Form Builder -->
Barry, what program are you using to build the web pages?
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Barry Anderson wrote:
Hi, I've got a web form built and working well. I would like to "embed" the html code on to a "Get in Touch" button, so that it pops up on the web page.
I know I can embed an HTML element with the code, into the page itself, but I don't know how to format that.
So... it would be nice for it to pop up on the button click.
Is it possible? Any thoughts?
For reference, the html code that Web Form Builder has given me (and does the job) is:
<!-- Start of the body content for CoffeeCup Web Form Builder -->
<a class='fb_iframe' href="https://mysite.coffeecup.com/forms/my_Contact_Us_Form/">Click here</a>
<!-- End of the body content for CoffeeCup Web Form Builder -->
Hi, I've got a web form built and working well. I would like to "embed" the html code on to a "Get in Touch" button, so that it pops up on the web page.
I know I can embed an HTML element with the code, into the page itself, but I don't know how to format that.
So... it would be nice for it to pop up on the button click.
Is it possible? Any thoughts?
For reference, the html code that Web Form Builder has given me (and does the job) is:
<!-- Start of the body content for CoffeeCup Web Form Builder -->
<a class='fb_iframe' href="https://mysite.coffeecup.com/forms/my_Contact_Us_Form/">Click here</a>
<!-- End of the body content for CoffeeCup Web Form Builder -->
Place the form into a reveal element which opens when a button is clicked, there are many options for making a reveal, as Inger says it depends on which app or program you are using to make your website's pages as to how you make that happen
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
Hi Barry
I have done exactly what you are wanting I think on this website. A button to trigger the form to open. https://procotech.com/
Is this what you are after?
I have done exactly what you are wanting I think on this website. A button to trigger the form to open. https://procotech.com/
Is this what you are after?
Web Developer UK
HI, Sorry for late reply. I am using Site Designer with the Button elements.
Not sure where I can place the statement - "<a class='fb_iframe' href="https://mysite.coffeecup.com/forms/my_Contact_Us_Form/">Click here</a>"
Not sure where I can place the statement - "<a class='fb_iframe' href="https://mysite.coffeecup.com/forms/my_Contact_Us_Form/">Click here</a>"
Barry Anderson wrote:
HI, Sorry for late reply. I am using Site Designer with the Button elements.
Not sure where I can place the statement - "<a class='fb_iframe' href="https://mysite.coffeecup.com/forms/my_Contact_Us_Form/">Click here</a>"
HI, Sorry for late reply. I am using Site Designer with the Button elements.
Not sure where I can place the statement - "<a class='fb_iframe' href="https://mysite.coffeecup.com/forms/my_Contact_Us_Form/">Click here</a>"
Which framework are you using within site designrt
Foundation
Bootstrap
Materialize
or
Frameworkless
If it's foundation I have a video tutorial to do such a thing
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
Wayan Jaya wrote:
Which framework are you using within site designrt
Foundation
Bootstrap
Materialize
or
Frameworkless
If it's foundation I have a video tutorial to do such a thing
Barry Anderson wrote:
HI, Sorry for late reply. I am using Site Designer with the Button elements.
Not sure where I can place the statement - "<a class='fb_iframe' href="https://mysite.coffeecup.com/forms/my_Contact_Us_Form/">Click here</a>"
HI, Sorry for late reply. I am using Site Designer with the Button elements.
Not sure where I can place the statement - "<a class='fb_iframe' href="https://mysite.coffeecup.com/forms/my_Contact_Us_Form/">Click here</a>"
Which framework are you using within site designrt
Foundation
Bootstrap
Materialize
or
Frameworkless
If it's foundation I have a video tutorial to do such a thing
There is a short video showing a sample working (foundation framework)
https://youtu.be/0YU-MK5weAI
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
It's "Frameworkless"... I just picked on one of the existing template that site designer offered.
I have made a modal that is working in 'Frameworkless'. It is unstyled, so you need to give it the look you want it to have. Delete the paragraph and pop your form in there instead. You can change the width snd height that I have set.
In the form builder, it is also possible to export a form as a pop-up. I have never done that, so I wouldn't be able to advise you. But I'm sure others here will know everything about it.
In the form builder, it is also possible to export a form as a pop-up. I have never done that, so I wouldn't be able to advise you. But I'm sure others here will know everything about it.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
I have done something using the theme in frameworkless
It isn't exactly a modal pop up , but it is done completely within site designer NO EXTERNAL CSS NO JS NEEDED, only placing your form code in an HTML container
https://youtu.be/Ny3uUbcSQMw
have a looksee what you think
It isn't exactly a modal pop up , but it is done completely within site designer NO EXTERNAL CSS NO JS NEEDED, only placing your form code in an HTML container
https://youtu.be/Ny3uUbcSQMw
have a looksee what you think
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … uman-lina/
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.