Replies posted by erayner

36 Replies

erayner
erayner
posted in Ask a Question

TweenMax + Unbounce

Hey Jess! TweenMax is an awesome little plugin that allows you to do almost everything when it comes to animating. You use it like this TweenMax.to(‘name of object to move’, 2, {x:-200px,y:-200px}); Here, when the page loads, the name of the object to move moves by -200px on the x axis and -200px on the y access. Super simple script, with lots of power and very lightweight. We combine this with simple scrollmagic to add effects to a webpage on scroll. Im also looking at implementing a canvas on an unbounce page that I can then manipulate using tweenmax. Here are some examples! http://scrollmagic.io/examples/basic/simple_tweening.html (scrollmagic + Tweenmax) http://www.adidas.co.uk/ace_17 http://www.publicis90.com/#/publicis90 jetlag.photos Jetlag Two photographers shooting at the same time over 12 hours in two different places in the world. They have to select one shot every 30 minutes, hopefully nice... Concrete

2
erayner
6 years ago
erayner
erayner
posted in Ask a Question

Add new fields on click of a button

My form is in a lightbox so there is no content below of above it. I am wondering if you could send me an example of an expandable container? Cheers

5
erayner
6 years ago
erayner
erayner
posted in Ask a Question

Add new fields on click of a button

Hi Hristian, Yes that’s what i’ve done. Do you know of anyway to make the size of a container (box in unbounce) fluid so that if more fields are added (using jquery show/hide) then the container grows? Cheers

5
erayner
6 years ago
erayner
erayner
posted in Ask a Question

Load form on external page using javascript

I get this error XMLHttpRequest cannot load http://www.solidfire.business/microsoft365-form-2/. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘null’ is therefore not allowed access. When using this code <div id="testLoad"></div> <script> $("#testLoad").load("http://www.solidfire.business/microsoft365-form-2/"); </script>

2
A
6 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[How To] Add A Multi-Step Form 2.0

Awesome, thanks a lot!

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

[How To] Add A Multi-Step Form 2.0

hello. Trying to implement this -> can’t get past the first ‘next’ button. http://www.solidfire.business/microsoft365-form-2/ Any help greatly appreciated 🙂

224
I
1 year ago
erayner
erayner
posted in Ask a Question

Jquery Library - too old?

@Hristian thanks a bunch dude. 🙂

3
Phillip
7 years ago
erayner
erayner
asked in Ask a Question

Adding custom fonts to my page

It’s quite simple once you know what you’re doing. A. Add similar to your stylesheets: @font-face { font-family: ‘nameOfFont’; src: url(url-of-where-your-fonts-are-on-your-server.ttf); } @font-face { font-family: ‘nameOfFont IE’; src: url(url-of-where-your-fonts-are-on-your-server.eot); } .nameOfClass { font-family: ‘nameOfFont’, ‘nameOfFont IE’, sans-serif; } eot is for Internet explorer, ttf is for everything else. ttf is more important. You can use a font converter online if you don’t have eot version. B. upload fonts to your server. Create a file in your text editor named ‘.htaccess’. Add the following code to file htaccess # Apache config <FilesMatch ".(eot|ttf|otf|woff)"> Header set Access-Control-Allow-Origin "*" </FilesMatch> C. push ‘.htaccess’ to your server (it will automatically disappear) D. Add class=“nameOfClass” (name of class above) to your fonts under ‘view source’ in unbounce editor. And you’re done! If you do have any problems, you can contact support…

6
Bohdan_Anderson
3 years ago
K
Katy
asked in Ask a Question

Ability to download files (images, PDF's) straight from a landing page, instead of just on the form confirmation page

Any more on this? Looking into this now, and my client doesn’t want it to go through Dropbox. Cheers

24
Hristian
7 years ago
erayner
erayner
asked in Ask a Question

Adding custom fonts to my page

Nevermind, solved this!

6
Bohdan_Anderson
3 years ago
tommyc325
tommyc325
posted in Ask a Question

Custom Code In Form Section

no idea if this will work but you could try (document).ready(function(){ ("#ID-of-form").append(’<input type=“hidden” id = leadid_tcpa_disclosure"/> By clicking the Request my quote now button above, I understand that I may be contacted by Plymouth Rock. I agree to receive calls about insurance products (which may be auto-dialed, use artificial or pre-recorded voice) from Plymouth Rock or their agents to the number I provided above. I understand that my consent to receive calls is not required as a condition to purchase any goods or services. Plymouth Rock will not sell my information to third parties.’); }); add to your javascript.

1
erayner
7 years ago
L
Lauren_Greg_Fine
posted in Landing Page Review

I need advice on my page , I'm not getting conversions

Not sure if you’re still wanting some help but: Try adding different background-colours to sections of your page. This will really help make it more structured and therefore easier to read (for your eye) I would also look at your imagery… too many images can confuse the eye, we don’t know what to look at, the purple image should just be a list of things in 2 rows… with a title. And make sure all your font on the page is the same font-family! (ie all georgia or all sans-serif etc) I actually did a quick redesign.

7
erayner
7 years ago
erayner
erayner
asked in Ask a Question

Refresh page for UTM codes

thanks for the info 🙂 I actually did some googling and found the same thing so i’ve decided not to track people the way I wanted to 🙂

3
erayner
7 years ago
erayner
erayner
asked in Ask a Question

Refresh page for UTM codes

BUMP! Need a quick answer if anyone has one! 😃

3
erayner
7 years ago
J
Jonny
posted in Landing Page Review

662 visits to our landing page in 4 days and only 5 conversions :(

Hey Jonny, that’s so cheap for Facebook clicks! Do you have GA installed on your landing page? It MIGHT be a good idea to check the IP’s or locations of where people are coming in from (you never know, you might have some haters who are just clicking the button to cost you some money - and saying that, if you find there is a website that seems to be pushing through a lot of traffic then my advice to you is DO NOT go to their website. 🙂 ) Other than that, your landing page looks pretty good. Some minor tweaks: the background colour is white - but the outside of the background colour is slightly different - change this Also i tried to test your landing page - if I were you I would put a * next to the phone number (to act like it is required) and remove the required functionality. Im from New Zealand and I can’t submit the form without entering a US phone number. You might want to look at the ‘bold’ of your landing page. Only have 1 thing bold, and you also might want to think ab

8
Ashwin_Satyanarayana
7 years ago
Laura_Faunt
Laura_FauntFormer Unbouncer
posted in News and Announcements

New Year, New Builder Optimizations: Two New Workflow Improvements

I LOVE the new text edit!!! Thank you Unbounce for making it even easier to deal with landing pages 🙂

5
erayner
7 years ago
Jess
Unbouncer
JessFormer Community Manager @ Unbounce
posted in News and Announcements

💡 Community Spotlight: Eugene Rayner

Hey Justin! Yes it will be very important! 😃 And sure thing, ill message my twitch account to you soon. Thanks for running such an awesome forum!

2
erayner
7 years ago
Josy1125
Josy1125
posted in Ask a Question

Mobile page view and publing

link to your page please 🙂

1
erayner
7 years ago
erayner
erayner
posted in Ask a Question

Split screen scrolling

I had a different approach .scroll-container{ height: 100%; background-color: white; } .content{ padding: 50px 20px; height: 100%; overflow-y:scroll; width: 90%; } #lp-code-9{ height: 100vh; } #lp-pom-block-15{ width: 100%; } I put a scroll box in an html code block using overflow-y: scroll. But I will give yours a go now 🙂 Thanks!

3
Nicholas
7 years ago
Nicholas
Nicholas
posted in Ask a Question

Tracking Conversions

Hey Nicholas, I’ve been using unbounce for about 5 months now - and I still don’t know much about tracking. But the only way I have been doing it is with UTM codes and then hidden utm codes in the form - probably the easiest way to track as it literally takes about 2 minutes to set it all up. I’d love to find ways to track individual clicks from an html canvas (which is inside a custom html box) as I have a huge project coming up which requires that so if anyone knows, I would love some help!

10
Soham_Dutta
4 years ago
C
Christopher_Derry
posted in Ask a Question

How do I edit a form's size/placement on the mobile version of a landing page without it moving on the desktop version?

Just read this whole post - I didn’t know about the control keys etc… Some pretty helpful stuff! If you find that it doesn’t work for you, you can always copy, then hide your content in your desktop view and in your mobile view, create a new section and paste the content in this section, format however you want, then hide the mobile section from the desktop view. That’s how i’ve always done it anyway 🙂 ha!

26
Tom_Bruner
2 years ago
_
_elitaremont
posted in Ask a Question

Have problem with creating mobile version

I didn’t know about this holding ‘control’ thing >.< Thanks Jess!

2
erayner
7 years ago
Adam_G_Katz
Adam_G_Katz
posted in Ask a Question

Tap to call for desktop? Huh?

Hey Adam, I might be wrong but here goes. so you know you can hide buttons on mobile so they wont show up on desktop and viseversa right? So all you have to do is have your desktop button going to an email form - might have to use mailchimp or similar to implement this And on the mobile view - hide the button that takes you to the email form and create a new button that calls a number (right hand side you’ll see “go to URL” - under this dropdown menu there is ‘call a number’ ) Then back on your desktop view, hide your mobile button that calls a number Hope this helps! 🙂

2
Nicholas
7 years ago
Noah
NoahFormer Unbouncer
posted in Tips & Scripts

[Tips & Scripts] Count Up Animation

nice work around! 🙂

30
M
1 year ago
K
keymedia
posted in Ask a Question

Form Submit Button Styling with CSS

Hey keymedia. I might be waaaaay off with what you want - but under where you can style your button (right side of page) and choose what colour, there is an option on the “solid colour” dropdown where you can choose image. Hope it helps 🙂

1
erayner
7 years ago

Badge winners

Show all badges
Terms & ConditionsCookie settings