Replies posted by Noah

123 Replies

Noah
NoahFormer Unbouncer
posted in News and Announcements

Update: Unbounce Page Lookup Chrome Extension v3

Thanks for the feedback, I’ll be sure to pass this along to our team. Also if you have a chance, I’d recommend creating a new feature request post here in the Community: https://community.unbounce.com/c/feature-requests

5
Levi_Edwards
5 years ago
Joel_McDonald
Unbouncer
Joel_McDonaldTechnical Partner Program Manager @ Unbounce
posted in News and Announcements

10 Essential Chrome Extensions For Unbounce Power Users 🚀

A new update is out for the Unbounce Page Lookup extension–among other things it now supports Popups & Sticky Bars! Take a look!

8
Noah
5 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How To] Add Tabbed Sections

Hey @InvesTechs, it looks like I hadn’t enabled the mobile version of my page. After a little bit of resizing and element scaling, I was able to get the mobile version of this solution working. No other changes were needed. Something I found helpful when resizing for mobile was revealing a nested content section (from step 4) and working on them one at a time.

63
Waqas_Raja
1 year ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How-to] Create a Collapsible Page Section

Hey @Mercedes_Maynard, sorry I don’t have a solution for this at the moment. This workaround can only be used for one section on a page.

105
D
5 months ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How to] Create a Typed Text Effect In Unbounce

Hey there, based on your screenshots it looks like you need to remove the # from your textbox source code. Hope this helps!

90
Florian_Maroto
2 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How-to] Change the Input Type on a Mobile Form Field 📱🚀

@julien_level nice catch! I’ve set the code to fire once the page loads and that appears to fix the URL parameter autofill functionality. Take a look at the latest update here: https://gist.github.com/noahub/65a67b6a32dd5b4d87e3d7fecff79592

15
M
4 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How-to] Change the Input Type on a Mobile Form Field 📱🚀

@Finge + @julien_level it looks like for whatever reason the built-in js validator didn’t like having the stylesheet.cssRules.length value in the for loop condition in the getInputStyle function. While the script still worked perfectly fine as it was, I’ve made an update that should no longer throw a validation warning. Take a look here: gist.github.com https://gist.github.com/noahub/65a67b6a32dd5b4d87e3d7fecff79592

15
M
4 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How-to] Create a Collapsible Page Section

Hi @lindspire, If the page content is mobile optimized this script should work on mobile. I optimized the demo page and can confirm it’s working as expected: https://landingpage.noahmatsell.ca/collapsible-section/ One thing to double-check is that the containing box in the collapsible section is the full height of the section on mobile.

105
D
5 months ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[Tips & Scripts] Count Up Animation

@sonji yes this should work fine on mobile!

30
M
1 year ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[Create] Conversational Forms in Unbounce

Hi @nicki123tw, you may want to try removing the built-in phone number validation and adding custom validation to the phone number field similar to the email validation mentioned here: Unbounce Community [Create] Conversational Forms in Unbounce Hey everyone! First, I'd like to mention that this library is very flexible and comprehensive. There's a lot that can be done with it if you're not afraid to get your hands dirty, so I'd highly recommend the reviewing the library here. That said,... I haven’t tried this with phone numbers yet, but I think the configuration should be similar.

52
T
4 years ago
Noah
NoahFormer Unbouncer
asked in Tips & Scripts

[How to] Create Angled Page Sections (aka False Bottoms)

Hey @Joe_Savitch, I’d recommend applying the angled top/bottom to the sections before and after your section with the background image.

37
Laserfocus
4 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How To] Add A Multi-Step Form 2.0

Hey Nicholas, this should do the trick! [How To] Add A Multi-Step Form 2.0 Tips and Scripts hey @MaxG_BA, I think this is being caused by the auto-focus set up with this script. To get rid of this, you can simply remove lines 26-28 of the script seen here: https://www.screencast.com/t/hZKYx2scOn2 Hope this helps!

224
I
1 year ago
philipmeese
philipmeese
posted in Uncategorized

VALUE / TEXT type form option

Hi @philipmeese, I think I may have a solution for you. The following script allows you to map specific values to your dropdown form options: https://gist.github.com/markwainwright/9f864508517141a3ecc5. Paste it in your javascripts section with placement ‘Before Body End Tag’ and update the values to reflect your dropdown. Give it a try and let me know how it goes!

5
julien_level
5 years ago
D
ddimatteo
posted in Ask a Question

Fading Fixed Header/Footer for Desktop and Mobile

hey @ddimatteo let me know if this does the trick: [Tips & Scripts] Fading Fixed Header Tips and Scripts @ddimatteo I’d recommend changing lines 9-10 of the javascript snippet to look like this: //Set to 'header' or 'footer' var headerOrFooter = 'header'; if ( lp.jQuery(window).width() <= 600 ) { headerOrFooter = "footer"; } This essentially changes the header to a footer if the window size is less than or equal to the 600px breakpoint. Give it a try and let me know how it goes!

2
dimitrisv
5 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[Tips & Scripts] Fading Fixed Header

@ddimatteo I’d recommend changing lines 9-10 of the javascript snippet to look like this: //Set to 'header' or 'footer' var headerOrFooter = 'header'; if ( lp.jQuery(window).width() <= 600 ) { headerOrFooter = "footer"; } This essentially changes the header to a footer if the window size is less than or equal to the 600px breakpoint. Give it a try and let me know how it goes!

25
P
3 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How-to] Add an Animated Confetti Background on Form Submit 🎉 🎊

Sorry to hear @Ben_Carew. All of the code should go on the main page, and it’s important that the JS snippet is set to ‘Before Body End Tag’. If it is, feel free to dm me your page and I’ll take a look!

14
H
3 months ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How To] Add A Multi-Step Form 2.0

Hey @Alan_C, it looks like there might be an issue with dropdown fields with hidden field labels. I’ll take a look at fixing this, but in the meantime the solution is to unhide the field label.

224
I
1 year ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How-to] Create a Collapsible Page Section

Sorry @Hani_Chang1 it’s not possible using this code. I’ll let you know if any updates are made down the road.

105
D
5 months ago
Noah
NoahFormer Unbouncer
asked in Tips & Scripts

[How to] Create Angled Page Sections (aka False Bottoms)

Good question @Michelle. To change the angle of a bottom, you need to change the skewY value from a negative to a positive and change the transform-origin value from 100% to 0% (and do the opposite for a top). Give it a try and let me know how it goes!

37
Laserfocus
4 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How to] Add A Sticky Video Widget

hey @yoav, I think you should be able to get this working by first changing the CSS selector class .lp-pom-video to .lp-code on line 7 of the fixed_vid.css CSS snippet. Then use the ID of your HTML widget for the video variable in the fixed_vid.js code snippet. Good luck!

22
SarbjitGrewal
3 years ago
Noah
NoahFormer Unbouncer
asked in Tips & Scripts

[How to] Create Angled Page Sections (aka False Bottoms)

Awesome @Stefano, happy to hear this will help 🙂

37
Laserfocus
4 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How To] Add A Multi-Step Form 2.0

Hey @aclayton this should address the issue you’re having: [How To] Add A Multi-Step Form 2.0 Tips and Scripts hey @MaxG_BA, I think this is being caused by the auto-focus set up with this script. To get rid of this, you can simply remove lines 26-28 of the script seen here: https://www.screencast.com/t/hZKYx2scOn2 Hope this helps!

224
I
1 year ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How To] Add A Countdown Timer In Unbounce

Hey @Alan_C, that’s amazing news about your increased conversions! Congrats! More good news: I’ve updated these instructions and script so that you can add as many countdown timers to a page as you need!

21
D
2 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How To] Add A Multi-Step Form 2.0

For the Safari issue I think this may have been related to the use of an arrow function, which is not fully supported by all browsers. I’ve replaced this with a regular function and it appears to have resolved the issue I was seeing in my testing. Give the latest script a try and let me know how it goes: https://gist.github.com/noahub/b8c6d63abb50048d42ee721c900450df3

224
I
1 year ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How to] Add A Sticky Video Widget

Hey @Zach_Moss, changing the top value of the .smallVid class should do the trick in your CSS. Something like top: 60px !important; should do the trick!

22
SarbjitGrewal
3 years ago

Badge winners

Show all badges
Terms & ConditionsCookie settings