Replies posted by Kyle.C

295 Replies

eric_kendall
eric_kendall
posted in Uncategorized

Multi step form install

😆 I’ll have to win the competition first. If you’re really interested, I’m gonna start learning more about min/max css layouts. Una Kravets is a fantastic teacher with tons of resources. https://web.dev/one-line-layouts/

7
Kyle.C
3 years ago
JonathanFunk
JonathanFunk
posted in Landing Page Review

Taking our Commercial HVAC LP too the next level

Indeed, it is a good looking page. But is it the wrong time of year to advertise air conditioning in Canada? Otherwise, I’m stuck on the headline, it isn’t helpful enough. I think that might serve you well on the ad but not on the landing page. The headline should solve the problem these businesses have. They have already found their HVAC solution, its you! They are on your page! Now you need to tell them why they should make an appointment with you. Something like… “Lower Temperature, and Lower Cost” “Our Commercial HVAC Experts will Help You Save Money and Energy” “Reduce HVAC Energy Waste with Our Expert Systems” I can only think of those right now. Its kind of tough coming up with a headline for HVAC!

8
SeanKirby
3 years ago
eric_kendall
eric_kendall
posted in Uncategorized

Multi step form install

POM probably stands for “Page Object Model.” That’s my educated guess 😉

7
Kyle.C
3 years ago
Hugo_Ribeiro
Hugo_Ribeiro
posted in Ask a Question

Popup and sticky bar simultaneously

I’m happy to take a look at the page with the popup and sticky bar. Could you please share the URL? Otherwise it might be best to contact the Unbounce support team.

3
Kyle.C
3 years ago
Hugo_Ribeiro
Hugo_Ribeiro
posted in Ask a Question

Popup and sticky bar simultaneously

Hi @Hugo_Ribeiro Yes you can publish a popup and a sticky bar on the same page. They both use the same js, so you only need to add the script to the page one time. 🙂

3
Kyle.C
3 years ago
Jess
Unbouncer
JessFormer Community Manager @ Unbounce
posted in News and Announcements

So, You Think You Can Convert? 💥

Who will reign conversion king? 👑 Me @Kyle.C, the clever rogue agent? Or @Jonathan, some fancy schmancy marketing president? I will be victorious! Muahahaha!

30
rudolphdaniel674
3 years ago
Jess
Unbouncer
JessFormer Community Manager @ Unbounce
posted in Get & Give Advice

Smart Traffic Q&A Community Roadshow: Emily Matick

Yaaay @Emily_Matick

2
Kyle.C
3 years ago
Mark_Wainwright
Unbouncer
Mark_WainwrightStaff Developer @ Unbounce
posted in Tips & Scripts

Adding custom validation to form fields

@ArtZ Well in that case, I have no idea what’s going on haha! Sounds like a good case for the Unbounce support team.

112
Ed_Ilnicki
Unbounce Community Team
17 days ago
Mark_Wainwright
Unbouncer
Mark_WainwrightStaff Developer @ Unbounce
posted in Tips & Scripts

Adding custom validation to form fields

@ArtZ Does the script work in “preview” mode in the Unbounce builder?

112
Ed_Ilnicki
Unbounce Community Team
17 days ago
Mark_Wainwright
Unbouncer
Mark_WainwrightStaff Developer @ Unbounce
posted in Tips & Scripts

Adding custom validation to form fields

@ArtZ The script isn’t there. Are you sure you published the popup with the script in the popup?

112
Ed_Ilnicki
Unbounce Community Team
17 days ago
Mark_Wainwright
Unbouncer
Mark_WainwrightStaff Developer @ Unbounce
posted in Tips & Scripts

Adding custom validation to form fields

Hey @ArtZ could you include a URL to a page you have this script and popup on? I can inspect it to confirm the implementation. I just tested in a popup myself and it works. So there may jut be a typo.

112
Ed_Ilnicki
Unbounce Community Team
17 days ago
helmstetler
helmstetler
posted in Ask a Question

Disallow edu and org email addresses

Hmmm, you definitely have the right regex in the script for gmail and other services @helmstetler But if you want to block “.edu” and “.org” those characters come after the “@domain.” So the regex would have to change and it could get really complicated. It would be easier to use a form title or the pre-fill text to specifically state the type of email required.

2
Alex_Le
3 years ago
B
Bant_Flash
posted in Landing Page Review

LP Feedback Bakery Equipment Page

Hi @Bant_Flash This page has all things needed to get conversions, but since you use a second page to complete the form. That means we can really narrow down the basics of what needs to be said on this first page. Here are my reactions: 1️⃣ Add more height to the header section (750px), and use the bread image from the other section (or a similar image) as the background. 2️⃣ If you don’t have one already, make another variant with the image of the machine in the header as well. Image on the left and text/button on the right. 3️⃣ Simplify the point you need to make with your headline copy. Here are some ideas I think might work better. Save Time and Over $30,000 A Year With This Moulder Stop Rolling Dough by Hand and Start Saving Time and Money Get The Speed and Quality of a Professional Bakery 4️⃣ Change the subtitle based on the CTA button. I’m thinking of… See how Jeff’s Bakeshop and other bakeries did it. Then the

3
SeanKirby
3 years ago
Kyle.C
Kyle.C
posted in Industry Best Practices & Strategy

Text on Web Pages is For More Than Reading

Thanks @julien_level 😀 If you see any benefits in your data after making the changes, you should share. I would be curious to know.

6
julien_level
3 years ago
Kyle.C
Kyle.C
posted in Industry Best Practices & Strategy

Text on Web Pages is For More Than Reading

Heading and paragraph tags do effect SEO. When search engines crawl a page for content or when specific sections are shared, browsers look to display headings and paragraphs as snippets to preview the page. For a short-term use landing page it might have very little impact, but I still consider it an important habit to have when building pages. Check out this section on my example page and you’ll see a gif on where this feature is in the Unbounce builder. http://unbouncepages.com/kyle-carline-font-hierarchy/#lp-pom-block-80

6
julien_level
3 years ago
D
drzackson
posted in Job Board

Looking for Landing Page Creator

Look no further than the list of pros here in the community 🤩 Looking to hire an Unbounce Pro? Start here! I know many of them personally and can say that they are smart marketers who get quality work done.

5
thedreamerdesigns
3 years ago
C
chadhaax123
posted in Uncategorized

Slide show on the landing page

This script might help too @chadhaax123 [How to] Add an Image/Testimonial Carousel in Unbounce Using A Box Widget Tips and Scripts [tips-scripts-banner] Big and bulky image sliders that draw a lot of attention tend to actually hurt conversion rates (Item number 1 in this article) and aren’t something we generally recommend for landing pages. But that’s not going to dissuade you is it? We were prepared for that… Introducing Box Widget Carousels in Unbounce [8] Maybe you want to cycle through some testimonials below the fold to make the page cleaner? Or perhaps you’d lik…

2
Kyle.C
3 years ago
Muhammad_Bilal
Muhammad_Bilal
posted in Ask a Question

API integration with unbounce landing page for form validation

Using lp.jQuery doesn’t work well in Unbounce anymore because it uses a really old jQuery version. Which is probably why your script isn’t working. Also I am not a programmer, I’ve just learned a lot as needed. This user in that thread has properly updated the script to work with simple regex. But I bet you can include your ajax call using “window.ub.form” syntax instead of “lp.jQuery” Adding custom validation to form fields Forms I have finally worked on a solution to validate Indian phone number and it’s live on the landing page. The complete step by step process is here There are 3 elements for this: 1) Regex for Indian phone number validation ^[6-9]{1}[0-9]{9}$/g 2) Unbounce Javascript 1 <script> window.ub.form.validationRules.mobile.indianPhoneNumber = true; </script> 3) Unbounce Javascript 2 <script> window.ub.form.customValidators.indianPhoneNumber = { isValid: function(value) { return /^[6-9]{…

3
Kyle.C
3 years ago
Muhammad_Bilal
Muhammad_Bilal
posted in Ask a Question

API integration with unbounce landing page for form validation

Hey @Muhammad_Bilal to make an API call you will need to stop the form submit, check your database, then submit the form. Here is another post in the community with directions on how to do this. [How to] Run Custom Code/Scripts on Form Submission Tips and Scripts [tips-scripts-banner] Ever needed a reliable way to fire some JavaScript on form submission? This solution will be super handy for anybody looking to do things like: manipulating form data before it’s submitted or making custom API calls or XHR requests on form submission. Whatever custom JavaScript you may have, using this script is a reliable and easy way to ensure it is fired on form submission. Give’r a whirl! How to Install in Unbounce Click Here for Instructions:rotatin…

3
Kyle.C
3 years ago
Charles_Tanner
Charles_Tanner
posted in Ask a Question

One form, multiple assets delivered

Oh wow, genius! Good idea to try

15
julien_level
3 years ago
Charles_Tanner
Charles_Tanner
posted in Ask a Question

One form, multiple assets delivered

Yeah, we have a team of programmers to work on projects like this. It might be worth it for you to start a thread in the Job Board here in the community. Maybe someone will be able to share some helpful insight about contracting a job like this. https://community.unbounce.com/c/job-board/64

15
julien_level
3 years ago
Waqas_Ahmed
Waqas_Ahmed
posted in Ask a Question

Third party API integration[clearoutphone] with Unbounce landing page form

Hey @Waqas_Ahmed welcome to the Unbounce Community! 👋 Have you tried this script? I used to use it to make a POST call to our database before submitting the form. [How to] Run Custom Code/Scripts on Form Submission Tips and Scripts [tips-scripts-banner] Ever needed a reliable way to fire some JavaScript on form submission? This solution will be super handy for anybody looking to do things like: manipulating form data before it’s submitted or making custom API calls or XHR requests on form submission. Whatever custom JavaScript you may have, using this script is a reliable and easy way to ensure it is fired on form submission. Give’r a whirl! How to Install in Unbounce Click Here for Instructions:rotatin…

1
Kyle.C
3 years ago
Charles_Tanner
Charles_Tanner
posted in Ask a Question

One form, multiple assets delivered

Hey @Charles_Tanner My team recently gathered to tackle a similar concept. In our case, we wanted a way to upsell and we came up with two options. 1️⃣ Pass along form data as url parameters to new Unbounce pages (a thank you page) where the form would prefill and the user can continue to get more assets. Honestly one could just build an endless cycle of upsell with this method. It’s not too ideal depending on how you organize collecting leads for each asset, because an endless upsell cycle is not a good experience. I did come up with a way to use radio buttons that are actually asset id numbers, and a script to text-replace the id’s with actual titles. So when the form is submitted we can just see which id (additional asset) the user selected when submitting the form. Then we would use dynamic content with url parameters to display the assets they chose. I didn’t get to the dynamic part of this idea because we went a different route. 2️⃣ Get a programm

15
julien_level
3 years ago
S
solarit
posted in Uncategorized

Please give feedback

Hey @solarit This page leaves me asking so many questions. Unfortunately my feedback is pretty negative. Honestly it just doesn’t look professionally done and when I think of installing solar power for my home. “Clean” , “readable”, and “innovative” is what comes to my mind. But this landing page looks spammy with objects out of alignment, all caps font, and exaggerated claims. Most of what I suggest changing is related to design though. 1️⃣ Give all your objects and sections more space. There is a lot of information and it’s hard to read. 2️⃣ Don’t center justify all the text areas. Content in a paragraph is easier to read when left-justified. Typically titles an headings are center-justified. 3️⃣ There is text over images and it’s almost impossible to read. Think about the purpose an image serves, it should be to illustrate a point. Unless it’s a meme it probably doesn’t need text in it. 4️⃣ “Best home improvement se

1
Kyle.C
3 years ago
sanchore
sanchore
posted in Ask a Question

CSS for Embedded Hubspot Form - Help & How?

Well I think it should work as long as everything is marked as important. Try using these classes… <style> .hs-submit{ font-size: 100px !important; background-color: orange !important; } .hs-email{ background: red !important; } .hs-firstname{ background: blue !important; } .hs-lastname{ background: green !important; } .hs-company{ background: purple !important; } </style>

6
N
3 years ago

Badge winners

Show all badges
Terms & ConditionsCookie settings