Replies posted by nicki123tw

8 Replies

Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[Create] Conversational Forms in Unbounce

Hey Noah 😃 Thank you for the replies! I have tried using $("#email").attr(“pattern”, “.+@.+…+”); replacing #email with #number but the I know absolutely nothing about what to replace for the “pattern” part and so when I used that custom validation, the whole conversational form just stops working. If you have tried it out and managed to make it work do let me know! 😃 CUrrently I’ve just added a message at the end of the conversational form telling users to refresh the page and fill in the information again if anything went wrong.

52
T
4 years ago
Vic
VicFormer Unbouncer
asked in Tips & Scripts

[Tips & Scripts] Flexible Form Fields

Wow @JasonRoach, love your page! How did you get those checkboxes with images done?

57
R
2 months ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[Create] Conversational Forms in Unbounce

Hey there @Noah and the rest of the Unbounce community on this thread 😃 I have just tried this awesome script yesterday, but ran into a few small issues that i was wondering if you could help me with. As shown in the gif below, I was able to validate e-mails and thus prevent users from going further down the form if the input was wrong, but unable to do the same for phone numbers - the error only shows up after the whole conversation was complete. I tried using CSS to style the form to make the borders 25px on all corners with the below code, but somehow only the bottom corners appeared and opacity simply did not happen: .conversational-form { border-radius: 25px; opacity: 0.5; } Is there a way to have an option at the end of the form like ‘let’s do this again’ so that the user can start over with the whole form in case there was an error? Or even better, have the conversational form show up in the lightbox so that the user can just exit the lightbox and restart again with a l

52
T
4 years ago
nicki123tw
nicki123tw
asked in Ask a Question

Mobile Responsive Form Fields

Hi @Joe_Savitch, I don’t know about the flexible form running only on desktop, but when I tried running the flexible form field script on both devices after publishing the page, the code worked somehow. Turns out I just needed to publish the unbounce page for the code to work, so there’s that 🙂

3
nicki123tw
6 years ago
nicki123tw
nicki123tw
asked in Ask a Question

Mobile Responsive Form Fields

I tried using this tag from @Vic in that same forum above: <script> if ( lp.jQuery(window).width() <= 600 ) { // Your mobile code goes here }else{ // Your desktop code goes here } </script> So now my script looks like this in attempt to make the flexible form field work on the desktop version at least: <script> if ( lp.jQuery(window).width() <= 600 ) { // Your mobile code goes here }else{ // Your desktop code goes here /** * Do not remove this section; it allows our team to troubleshoot and track feature adoption. * TS:0002-08-042 */ lp.jQuery(document).ready(function($) { //Change #lp-pom-box-01, etc. for the IDs of the boxes where you want the form fields to display. var boxes = ["#lp-pom-box-286", "#lp-pom-box-289", "#lp-pom-box-291", "#lp-pom-box-293", "#lp-pom-box-296", "#lp-pom-box-298",

3
nicki123tw
6 years ago
nicki123tw
nicki123tw
asked in Ask a Question

Form Hints For Drop Down Menu

Thank you so much Nicholas!!

6
nicki123tw
6 years ago
nicki123tw
nicki123tw
asked in Ask a Question

Form Hints For Drop Down Menu

@Nicholas Oh it’s alright I think I got it 😃 Thank you very much!

6
nicki123tw
6 years ago
nicki123tw
nicki123tw
asked in Ask a Question

Form Hints For Drop Down Menu

Hey Nicholas, thanks for the prompt replies! I’m pretty clueless about CSS myself, so I actually am not too sure what to replace with which fields etc. I’ve attached a screenshot of the form field IDs for that relevant drop down menu, can you let me know how to modify the codes you’ve just sent? Nicholas: <style> select#country.text.form_elem_country { color: #666666; } </style>

6
nicki123tw
6 years ago

Badge winners

Show all badges
Terms & ConditionsCookie settings