Sticky shape (always there)

[kexej28769@nongnue]

One option that will keep everything on the same page is a sticky form. You can use CSS styling to make it fit on the screen instead of the page, then when your visitor scrolls down, the form or CTA will travel with them—always within easy reach.

This simple CSS code will fix a form on the right side algeria number data the page for screen widths greater than 800px (this is where Unbounce switches from desktop to mobile design, meaning the positioning needs to be different).

Each ID element below corresponds to a different box that I wanted to move together. You will need to change the "lp-pom-box-xxx" below to match the IDs of the page you want to move the user down (you can find those IDs in the "Element Metadata" section as described in the scrolling anchor button solution above).




Benefits
This allows you to keep tracking inside Unbounce. It works the way you want, by creating the form somewhere else and then trying to make that form work, inside an iFrame, on your page.

Disadvantages
The problem with this is that users can quickly become blinded by the CTA traveling with them, adding some kind of regular attention-grabbing effect is likely to annoy them. The solution here is to make your call to action or form obscured during certain parts of the page, only to reappear at other, more appropriate times (like in the next section).