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
13,779 posts
Online Now

Barry, what program are you using to build the web pages?
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
3,758 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

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 236055 Photo


Registered User
49 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
3,758 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

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 2699991 Photo


Registered User
3,758 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

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
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
13,779 posts
Online Now

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
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com


User 2699991 Photo


Registered User
3,758 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


The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials

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.