Our tips & tricks are bit-sized nuggets of info that can help you learn about the unbounce product and pick up a few insider tricks that we find make the job much faster. Mostly they will pertain to the landing page editor to help you learn the ins and outs of our service.
While we don’t yet have a grouping feature, you can achieve the same functionality by adding a box element to your page (then making it transparent with no border so it’s invisible if required).
Now you can select this box by clicking on it and other elements you add (text, image, form etc.) will become children of the box – which means if you select and drag or copy the box, all of it’s contained elements will follow along.
Example
If you want to create a feature or benefit list with a title, description and bullet list graphic icon, you can dump them all inside a box (you can’t drag them in to make this work, you must select the box and add the other elements after). Now you can select the box ad click the duplicate button to get a new copy of the whole structure.
Tags: box, copy, duplicate, grouping
Sometimes you can lose an element on your landing page as you work in the editor. Often it’s become too small to find or grab (for moving around) – or maybe it’s moved behind another object.
The simplest way to deal with this is to open the “Page Contents” panel on the left side of the editor.
It’s a little bit hidden away, but if you look to the left when you are editing a page you’ll see a black line with an arrow – click this to expand the left panel.
Now you will see a tree structure which shows the hierarchical layout of your landing page in terms of the elements on the page.
You can double-click on them to edit the name (for organization) – or you can click them once to make them selected. Now if you mouse back over the central editing area, you’ll see your page element highlighted with the familiar dashed line – enabling you to move it around (drag or nudge with the arrow keys – use Shift + arrow keys to nudge by 10px at a time). And you can now also delete the element if you want to get rid of it.