‘More information’ modules are the quick and clever way to transform your content!
Have lots of content to fit on the page? Rather than cramming all your copy on in a tiny font, utilise our ‘more information’ interactivity module. This handy tool allows you to present all your content without overpowering your design!
Watch our Learn at Lunch webinar below to learn how to add ‘more information’ modules to your content and learn more with our user guide. Then, read our creative team’s top tips on getting the most from this essential module.
1. Be creative
‘More information’ pop-ups aren’t just a great way to present text, you can also use them to display images, tables, website links and even videos! Find out more with our user guide.
2. Stay on brand
Create a sleek and seamless reader experience by styling up your ‘more information’ pop-ups!
- Structure your pop-up with a heading, subheading and body content, exactly as you would with your on-page content. Simply select the text and choose how you would like it to display: heading 1 for the main heading, heading 2 for subheadings, and body for the main content
- Keep content on brand by applying your company colours. Just highlight the text, click the ‘text colour’ button and choose ‘custom’. Here you can choose your specific RGB or hex code
- Did you know? Our award-winning creative team can write you custom code to create a bespoke brand style for your ‘more information’ boxes. Be inspired by our interactive example here and contact the team for more information
3. Check your settings
Ensure every element of your content looks slick and professional by using the following best practice guidelines for ‘more information’ modules:
- Keep the pop-up width between 500 and 800
- Ensure the pop-up height is no larger than 500 (this ensures it can be viewed correctly on tablets and smartphones)
- Choose a border size of between 0 and 5 – you can also change the border colour to match your company branding!
- Select a margin size of between 20 and 40 (this improves readability by adding space between the content and the border)
- Always leave scrollbars set to ‘automatic’ (this ensures content can be read on all screen sizes)
4. Use clear signposts
It’s crucial that your reader knows where to click to view your interactive content, otherwise they may miss valuable information. Always signpost interactivity in your design, for example by adding buttons with clear instructions (and, ideally, an icon from one of our many public icon sets), to ensure your interactivity is noticed and clicked on every time. See an example of this in action here.