Much of a marketer's work involves making sure that the content on the page resonates with their audience. But often, the ordering of the content on the page can have just as big of an impact on conversion as another personalization.
Mutiny enables you to easily reorder individual elements or even large sections of your website to test and personalize the layout of your website.
Common Use Cases
Marketers use Mutiny's reordering feature for a variety of use cases to drive conversion:
Adjusting the top-navigation ordering
Prioritizing relevant logos for an audience
Testing the ordering of content sections
Reordering primary / secondary CTA locations
How to reorder elements and sections in Mutiny
There are two approaches to reordering in Mutiny:
Drag and drop - simply click-and-hold, drag the item to your desired location, then release to drop it in place. Then save your changes.
Click "Move up" or "Move down" buttons within the Layout dropdown in the sidebar. Then save your changes.
Regardless of which method you use for reordering, elements can only be moved within the parent container that holds them. For instance, a list item
<li> can only be moved within it's parent
<ol>. This constraint is to ensure that you don't inadvertently break the styling or functionality of the item that is being reordered. An element that does not have any siblings within its parent container cannot be reordered - instead, try selecting the next parent element with siblings.
How do I find the right element to reorder?
Navigating an HTML DOM tree can be tricky to find the right element to reorder. Mutiny makes this easier for you in a couple ways:
Drag and drop: when you attempt to drag an element that does not have siblings, Mutiny's editor will move your selection up the DOM tree to the next parent element that has siblings to reorder in relation to.
Layout Buttons: when your selection is an element without siblings, you can simply click the link to navigate to the next parent element with siblings.
Don't be a stranger
If you have any questions, we’re here to help! Please feel free to contact us at any time, either through intercom chat or via