How can I add the Web Form html code...

User 3029843 Photo


Registered User
4 posts

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 -->
User 122279 Photo


Senior Advisor
14,447 posts

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


User 2699991 Photo


Registered User
4,782 posts
Online Now

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 -->


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 … an%281%29/
User 236055 Photo


Registered User
51 posts

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?
Web Developer UK
User 3029843 Photo


Registered User
4 posts

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>"
User 2699991 Photo


Registered User
4,782 posts
Online Now

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>"


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 … an%281%29/
User 2699991 Photo


Registered User
4,782 posts
Online Now

Wayan Jaya wrote:
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>"


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 … an%281%29/
User 3029843 Photo


Registered User
4 posts

It's "Frameworkless"... I just picked on one of the existing template that site designer offered.
User 122279 Photo


Senior Advisor
14,447 posts

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. ;)
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
4,782 posts
Online Now

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

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 … an%281%29/

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.