What's new in Wired Plus - June 2021.
- Updates to listing pages - New and improved listing pages.
- Editor updates - Hide an entire row on mobile or desktop, copy and paste links, adjust letter spacing, mobile design mode and more.
Keep reading to find out more.
Updates to listing pages
We have recently been working on improving the listing pages to make them work better for you, including an improved UI and faster page loading times!
Here's a look at what has changed:
A new search bar
It is now easier and quicker to find what you're looking for with a new search bar. Whether it's a survey, a campaign, a contact or a landing page, simply click the search bar and start typing the name of the item on the relevant listing page and the results will update in real-time.
Apply tags to multiple items at once
You can now apply tags to multiple items at once, rather than doing it one at a time. Simply select the checkboxes next to the items you want to select, and click the 'Apply tag' action when you're done.
Increase the number of items shown on the page
Previously, on any listing page, you could only view 10 items at a time. Now, you can view up to 200 items at once.
To edit the number of rows that are displayed, click the number next to 'Rows per page' on the bottom left of the page, and select how many items you would like to be displayed. And you don't need to worry about loading time - whether you're viewing 10 items or 200 items, the page speed will still be super fast.
We have also added the page numbers at the bottom of the screen so you no longer have to keep pressing the 'next page' arrow.
View all of your contacts in one place
Previously, you had to navigate to different areas of the system to view your active, pending or suppressed contacts. Now all of your contacts - regardless of their status - can be found under 'Contacts'. Just simply switch between the different tabs at the top of the page.
Improved filtering options
On any listing page when you click the 'More Filters' button, it's now easier to apply filters.
Simply select a filter field, set the criteria, click 'Add', and then apply the filter(s). The search results will update.
Click 'More Filters' at any time to edit or remove your selection.
Improved columns customisation
When you click to define which columns you want to be displayed on the page, you will see that the columns view modal has a new and improved look. Simply select the toggles of the columns that you want to be displayed and click 'Save'.
Here's a look at what has changed within the drag-and-drop editor:
Mobile design mode
When designing your email or landing page in the drag-and-drop editor, you can now switch between Desktop and Mobile view at the click of a button. This means you can design your campaign and understand how it looks on mobile devices without having to go into the preview or repeatedly testing it. When you use mobile settings in the Content Properties panel, such as 'Do not stack' and 'Hide on mobile', your campaign will update in real-time.
In the editor, you will notice two new icons in the upper-left corner representing desktop and mobile view. The desktop view is the same view that you will be used to working with. Clicking on the mobile icon will display the mobile view.
The mobile view retains all of the editor's features, so making changes to the mobile view is no different to the desktop view.
Please note: When in the mobile view, unless you're changing the mobile settings (such as 'Do not stack' and 'Hide on mobile'), your changes will also impact how your campaign looks in the desktop view.
The first time you hide a content block or a row for a device, you will see a new icon appear next to the mobile and desktop icons - the Visibility icon.
With the visibility icon, you can toggle between seeing all elements of your campaign, including the ones hidden on mobile, and removing elements that are hidden on mobile. When the visibility toggle is on, elements hidden on mobile can be identified by a blurred effect. The same goes for the desktop view.
We have added a new content block to the editor that enables you to create headings and establish a content hierarchy within your campaign.
Using the Title block, you can select H1, H2, and H3 titles, and the editor will generate the HTML output using heading tags.
Heading tags increase content accessibility in screen readers for visually impaired users. They also improve SEO for web pages, as search engines analyse headings to better understand the content on a page.
To edit the Title block, simply click on the block within your campaign and edit the settings in the 'Content Properties' panel on the left-hand side.
With the new letter spacing feature, you can define a custom value for letter spacing and get more design flexibility when working with text elements. Also, letter-spacing improves text readability and will help keep your brand typography consistent.
It can be found in the Content Properties panel for any text-based content.
The new letter spacing feature applies to the following content blocks:
By default, the letter spacing is set to 0. You can increase or decrease the amount of space between your letters with the - and + symbols found in the Content Properties panel.
Copy & paste links
We have made a small improvement to the text block which now supports copying and pasting links. Previously when copying and pasting text, the editor would strip the formatting to avoid rendering issues. Now, when pasting text that includes a link, the link will copy over.
Hide a row on mobile or desktop
When hiding elements of your email or landing page on mobile or desktop, you can now choose to hide the entire row, rather than having to hide every single content block.
To use it, select the row you want to hide and then scroll down the Content Properties panel until you see the 'Hide on' option. Select the device you want the row to be hidden on.
Collapse the text toolbar
Was the text toolbar getting in the way? Now it doesn't have to. When clicking on a text content block within your email or landing page, the text toolbar is automatically displayed. To remove it from your screen, simply click on the small arrows within the toolbar.
You can click on them again at any time to bring the toolbar back onto the screen.