Đã hoàn thành

Embedded multi step lead capture form

Replicate our current two part form can be viewed at [login to view URL], and can complete Part 1 (the Quiz) to see Part 2 (the Form) by answering "yes-yes-no-no-yes" and entering a DOB that makes them older than age 50 (e.g., 4/20/69).

Version 1

Right now, when Part 1 is completed appropriately, we reveal a form-fill. I would like to have a version that does the same thing, subject to the requirements below.

Version 2

I would *also* like to have a version that upon appropriate Part 1 Quiz completion reveals a NEW Part 2, an editable html container in which we could put a CSS styled HTML message that will serve to drive a phone call, with the further ability to have a small link/button that upon click would reveal Part 3, the Form. The reason for this is that on mobile devices I prefer to drive phone calls, so for the mobile version, I'd like to have this interstitial step between quiz and form-fill to attempt to generate a call using a dynamic TFN from DialogTech. The mobile version would also need to meet the below requirements.

Requirements:

* Can be deployed without an iframe (html + javascript + css is ideal, usage of .php may not always be an option)

* Assume that both versions of the form may be deployed on the same page but that users will have access to one and not the other depending on time of day (e.g., between certain hours only Tool Version A will be accessible, and between other hours, only Tool Version B will be accessible)

* We need to be able to modify css to re-style all parts of the tool to make it fit into different design schemes

* The new interstitial "Part 2" must be able to contain normal HTML elements including text, images, buttons, links, etc.

* The overall container div of the form, even if it contains hidden elements that will be revealed by actions taken within the form, must be 100% of the size required to display all elements when fully revealed - we cannot have scroll bars within the form element itself (this was a major problem with the current iframe on mobile devices)

* Form must be able to accept hidden fields, and to populate hidden fields with values passed via querystring and/or hard-coded

* If this tool uses three discrete, individual pages (rather than, say, css display: controlled divs), we'll need to be able to preserve and pass querystring information from page to page

* Assume that the people who are deploying & modifying this have an intermediate-to-expert knowledge of HTML & CSS, but have little or no JS experience

* Assume that quiz/form will be deployed in LAMP environment (e.g., Wordpress on Apache) or in landing page builders such as Unbounce/Instapage which allow for custom html + JS deployment and custom CSS

* Assume that interactions with some elements of the form/quiz will be tracked via listeners in Google Tag Manager (thus unique IDs for all elements would be helpful)

* Assume that form will be on an https:// page (not sure if this is information that matters)

* Form-fill data must be sent as a JSON object to POST application, per specifications that will be provided to the winner.

Kĩ năng: CSS, HTML, HTML5, Javascript, jQuery / Prototype

Xem nhiều hơn: free lead capture form, multi step forms, best lead capture forms, best multi step forms, lead capture form template, multi step form design, multi-step lead forms, multi step form hubspot, lead capture form, sugar crm lead capture form result page, sugarcrm web form lead capture form free, creating lead capture form php, industry lead capture form, importance lead capture form website, lead capture form php, sugarcrm creating lead capture form website, sugarcrm lead capture form valid entry point, drupal multi step user registration form, mailchimp lead capture form wordpress, what is a lead capture form

Về Bên Thuê:
( 15 nhận xét ) Boston, United States

ID dự án: #19340502

Được trao cho:

BoyVit85

:) Hello,sir. Thanks for your job. I have read your proposal carefully and really understood what you want. As a senior full stack developer, I have so many experiences in developing web apps. HTML5 and CSS3 are my Thêm

$180 USD trong 2 ngày
(19 Đánh Giá)
4.8

8 freelancer đang chào giá trung bình $186 cho công việc này

harrysart

Dear Sir. I am interested in your project. I have checked your project description well. I sure you would get best result with me. I want to discuss more with you. Looking Forward to your response. Regards. --⭐ Thêm

$150 USD trong 3 ngày
(119 Nhận xét)
6.2
ChaoHan2018

Dear Recruiter, I have 6+ years highly skilled dedicated in-house team knowledgeable in: Graphic & Web-Design| Bootstrap| Responsive HTML5| PHP| Larevel| Angular |Wordpress: wooCommerce| OpenCart| Prestashop. I wil Thêm

$250 USD trong 3 ngày
(39 Nhận xét)
5.6
bluesea1990

4/28/90 Hi,dear. I am very interested in your project .I've already done many kinds of like this project before. I'm a professional programmer with 9 years of experience. If you award me, I'll implement all of your re Thêm

$250 USD trong 3 ngày
(24 Nhận xét)
4.9
d1scoveritech

Hello, I will like to replicate your website considering the both mention versions as per your requirements. I have great expertise in Core PHP, WordPress, Woo Commerce, HTML 5, CSS3 and BOOTSTRAP 4 with 6 years of ex Thêm

$150 USD trong 3 ngày
(6 Nhận xét)
4.5
manpreetkaur991

Hello, Greetings!!!! I am really interested in your project, as an experienced web developer with wealth of knowledge in all aspects of web development. Hope to go further discussion on your project. Than Thêm

$166 USD trong 5 ngày
(11 Nhận xét)
4.6
ElectPro1985

Hi, very interesting and not hard job for me. I have fully understood your requirement. This is an agile programmer with more than 7 years experience. I graduated of BScH Computer Science who possesses an interesting a Thêm

$155 USD trong 3 ngày
(4 Nhận xét)
2.9
yekaterinabescka

Hello. I am ready to complete your project. My works [login to view URL] [login to view URL] http://ekaterinabeskaravainaya.web-developer24.r Thêm

$190 USD trong 4 ngày
(1 Nhận xét)
2.6