Replies posted by Luis_Francisco

34 Replies

Jess
Unbouncer
JessFormer Community Manager @ Unbounce
posted in Tips & Scripts

[How to Add] Dynamic Click To Call Buttons

@Etienne On the link script and the text DTR you need to update the parameter you are targeting to phonelink: Luis_Francisco: //replace 'phone' with your DTR's URL parameter var dynamicnumber = getParameterByName('phonelink');

16
E
2 years ago
Jess
Unbouncer
JessFormer Community Manager @ Unbounce
posted in Tips & Scripts

[How to Add] Dynamic Click To Call Buttons

Ok @Etienne @lapdatcamera here we go! For text links, you will first need to add a class (“phonelink” in my example) to the link “a” tag: Then you need to use the following script: <script> function getParameterByName(name) { var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search); return match && decodeURIComponent(match[1].replace(/\+/g, ' ')); } //replace 'phone' with your DTR's URL parameter var dynamicnumber = getParameterByName('phone'); if (!dynamicnumber){ //replace 000-0000 with default phone number fallback if no number is given var phonenumber = "555-5555"; } else { var phonenumber = dynamicnumber; } //replace "#lp-pom-button-9" with your button id $( ".phonelink" ).attr("href", "tel:"+ phonenumber); </script> I hope that helps! I also update the page so you can try yourself: https://success.unbounce.com/phone-dtr/?phone=333-3333 Cheers!

16
E
2 years ago
Jess
Unbouncer
JessFormer Community Manager @ Unbounce
posted in Tips & Scripts

[How to Add] Dynamic Click To Call Buttons

@Etienne @rmdlwa @lapdatcamera first of all my apologies… I haven’t been active in the community for a long time… I updated the code, so you can define a fallback phone now: <script> function getParameterByName(name) { var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search); return match && decodeURIComponent(match[1].replace(/\+/g, ' ')); } //replace 'phone' with your DTR's URL parameter var dynamicnumber = getParameterByName('phone'); if (!dynamicnumber){ //replace 555-5555 with default phone number fallback if no number is given var phonenumber = "555-5555"; } else { var phonenumber = dynamicnumber; } //replace "#lp-pom-button-9" with your button id $( "#lp-pom-button-9" ).attr("href", "clkn/tel/"+ phonenumber); </script> For making it work with a link @Etienne @lapdatcamera I’ll need to write some changes in the code and let you know here when I finish 😉

16
E
2 years ago
Jess
Unbouncer
JessFormer Community Manager @ Unbounce
posted in Tips & Scripts

[How to Add] Dynamic Click To Call Buttons

Hi Etienne! I just want to confirm… Are you adding jquery to your scripts? For the script to run you need to make sure to add jquery.

16
E
2 years ago
Tiffer
Tiffer
posted in Ask a Question

Section Background Stretched Image: How to make it fit properly?

Hello Tiffer, Try this: Set the hero section height to something smaller (like 600px) Add the following CSS replacing lp-pom-block-8 to your section id <style> /* change #lp-pom-block-8 to your hero section id */ #lp-pom-block-8 { background-position: right top; background-size: contain; } </style> Republish and it now will look like this no matter what the screen resolution: PROTIP: Fade image edge to transparency for a nice transition into image

5
Tiffer
4 years ago
Luis_Francisco
Unbouncer
Luis_FranciscoSenior Growth Development Manager @ Unbounce
posted in Tips & Scripts

[Create] Reading Progress Bar on Scroll

Can you share what is the conflict you are getting?

15
Jess
Unbouncer
3 years ago
C
ChristianH49
posted in Uncategorized

Particle.js Issue

Hi Christian, Can you send a screenshot of the code you are implementing in the javascript tab?

1
Luis_Francisco
Unbouncer
4 years ago
dianongas
dianongas
posted in Ask a Question

Stop sticky form at footer

Would you be able to publish and send me a link to your page? I’m curious to try myself

4
T
3 years ago
Harvey_Carpenter
Harvey_Carpenter
posted in Ask a Question

Form Builder For Unbounce (Multi Step, Conditional Qs, UTMs)

🤩

10
Harvey_Carpenter
3 years ago
K
kirstihegg
posted in Ask a Question

How to pass UTM variables in custom html block?

I think i have a way easier code for you that might help. Will require a little bit of coding knowledge though… Make sure Jquery is added to your page. Add the following script: <script> $(document).ready(function(){ // REGEX to Parse URL Queries function url_query( query ) { query = query.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]"); var expr = "[\\?&]"+query+"=([^&#]*)"; var regex = new RegExp( expr ); var results = regex.exec( window.location.href ); if ( results !== null ) { return results[1]; } else { //falback in case its empty return "empty"; }} // Example usage - /?email=luis.francisco@unbounce.com&tag=DesignTrack var e = url_query('email'); //variable e would fetch the value of 'email' url parameter }); </script> Replace the url_query(‘email’) to whatever is your utm parameter. For example: url_query(‘n

4
Luis_Francisco
Unbouncer
4 years ago
Nishant_Shirke
Nishant_Shirke
posted in Uncategorized

Lading Page Issues

Hi there Nishant, Welcome to the community! Can you give us more details on what is the issue you are facing?

2
Nishant_Shirke
4 years ago
BrunaGarcia
BrunaGarciaFormer Unbouncer
posted in Tips & Scripts

Placeholder for Multiple Line Text Area

@adspro I checked you page… You are missing jQuery on it, so its an easy fix! Please check the script library that says jQuery (1.4.2):

5
Waqas_Raja
3 years ago
dianongas
dianongas
posted in Ask a Question

Stop sticky form at footer

Hello @dianongas! Would you be able to send a screenshot so I understand better the situation?

4
T
3 years ago
C
CampbellNelson
posted in Ask a Question

Dynamic Text on Sticky/PopUp

Hi Campbell, Which part are you struggling at? Were you able to transform the text into dynamic text? Do you have it currently live in some page?

1
Luis_Francisco
Unbouncer
4 years ago
Emily_Matick
Emily_MatickFormer Unbouncer
posted in News and Announcements

The Unbounce Partner Program is here!

Hi Seb, I see here that you are registered… Did you check your Spam folder?

10
Ben_simkin
5 years ago
stephfung
stephfungFormer Unbouncer
posted in News and Announcements

New Year, New Open Beta: Introducing Accelerated Mobile Pages (AMP) in Unbounce

Oi Carlos, se você estiver em uma conta Premium ou Enterprise, você deve estar vendo AMP na seção LABS de sua conta. Se sua conta não tiver sido atualizada imediatamante após clicar em “Enable” e depois “Update Settings”, dê uns 30 segundos, atualize a página, que você deverá ver na lateral esquerda do navegador. 😉

35
Brian_Burns
Unbouncer
5 years ago
Z
Zachary
asked in Ask a Question

Rotating/Changing Sticky Bars

Exactly @Zachary

7
Z
5 years ago
Z
Zachary
asked in Ask a Question

Rotating/Changing Sticky Bars

oh i just noticed that i misunderstood what you wanted… but at least you can rotate based on each time the page loads and wont show the same one like on the A/B test.

7
Z
5 years ago
Z
Zachary
asked in Ask a Question

Rotating/Changing Sticky Bars

@Zachary i wrote a script for you 😉 <script> //getRandom will pick a random number from min to max function getRandom(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min + 1)) + min; //The maximum is inclusive and the minimum is inclusive } var w = window.location; if (w.search.indexOf("offer") == -1) { window.location = w + (w.search.indexOf("?") == -1 ? "?" : "&") + "offer=" + getRandom(1, 4); //Define here the amount of offers Eg. if 4 offers = getRandom(1, 4) } </script> This will append “offer=X” to your url path every time the page loads, where X is a random number that you are gonna define by replacing getRandom(1, 4) with the range of different sticky bars you want. After you add this script to the host page, it’s a matter of setting the targeting of each sticky bar to contains offer=1, offer=2, etc… Let me know if this helps!

7
Z
5 years ago
A
ayedlin
posted in Ask a Question

Add delay to exit intent pop-up?

Hi @ayedlin I think this will solve your problem… This script just delays adding the embed script to the host page until the “delay” value has been reached. *NOTE: Any existing version of the Convertable’s script should be removed from the host page or this script won’t work. Required Values: 1. delayInSeconds - The amount of seconds to delay the Convertable being eligible to show. 2. convertableScriptSrc - The src of the Convertables embed script, e.g. <script src="//f26e7782694e41398352088f013af031.js.ubembed.com" async></script> For this Convertable script: convertableScriptSrc = “//f26e7782694e41398352088f013af031.js.ubembed.com” Host Page Script: Define the required values and add the script to the Convertable. <script> // Define the required variables var delayInSeconds = 5; var convertableScriptSrc = "//f26e7782694e41398352088f013af031.js.ubembed.com" window.setTimeout( function () { var script = document.createElement('script'); script.src = conve

2
A
5 years ago
Brian_Burns
Unbouncer
Brian_BurnsSenior Software Developer @ Unbounce
posted in Tips & Scripts

[Tips & Scripts] Popup and Sticky Bar API Hooks

These give so many opportunities! Thanks @Brian_Burns \o/

7
Brian_Burns
Unbouncer
3 years ago
Jess
Unbouncer
JessFormer Community Manager @ Unbounce
posted in Tips & Scripts

How to make your Unbounce pages GDPR compliant

Hi Jason, How much of text would be different? Words? Paragraphs? Whole page?

7
Zoe_Tattersall
5 years ago
Revved
Revved
posted in Ask a Question

SVG / High resolution image work around in Adobe Illustrator

@Revved this is also how I work on the builder! Always using @2x PNGs and boxes with image background for the perfect retina quality. Just something you should be careful… when you export hi-res files in png they might get heavier and impact your page speed and therefore your quality score. Thats said, after you generate the PNGs use a service like https://tinypng.com/ to compress it (png should not noticeable lose quality like JPGs). I personally use an app called Squash https://www.realmacsoftware.com/squash/ Cheers!

5
Revved
6 years ago
Joe_Savitch
Joe_Savitch
posted in Tips & Scripts

[How-to] Create a Click-Thru + Scroll Convertable

This is really cool! It’s funny that i asked about the same thing for the developers a while ago. I wonder if this would be used by more people and would be worth having a target to element implemented 😃

1
Luis_Francisco
Unbouncer
6 years ago
Magnus_Nygren_Syvers
Magnus_Nygren_Syvers
posted in Landing Page Review

Something is wrong with this LP. Please tell me what

Hello @Magnus_Nygren_Syvers! Overall looks fine but i believe you can improve on your Hero Image. As one of the 5 essentials elements on a landing page its probably the one that people will notice first. Right now Marie’s photos seems too generic and don’t convey your Value Prop. You can use her picture in any context and will still work as is just her with a little smile. 🙂 To give you context on what im talking about a quote from one of our unbounce blog posts: 2. The Hero Shot The adage “a picture is worth a thousand words” is especially true in the short attention span world of the landing page. The hero shot is the visual representation of your offer and can help people to gain a better understanding of what it is or what it looks like. For maximum effect it should show context of use. This means showing rather than telling how it will be used by a customer. The idea here is to get your customers to empathize and place themselves in a scenario where they are using it.

6
Magnus_Nygren_Syvers
7 years ago

Badge winners

Show all badges
Terms & ConditionsCookie settings