%20%E3%81%AE%E5%9F%BA%E7%A4%8E%E5%AE%8C%E5%85%A8%E3%82%AB%E3%82%99%E3%82%A4%E3%83%88%E3%82%99.png?width=509&height=297&name=%E3%82%B3%E3%83%B3%E3%83%8F%E3%82%99%E3%83%BC%E3%82%B7%E3%82%99%E3%83%A7%E3%83%B3%E7%8E%87%E6%9C%80%E9%81%A9%E5%8C%96%20(CRO)%20%E3%81%AE%E5%9F%BA%E7%A4%8E%E5%AE%8C%E5%85%A8%E3%82%AB%E3%82%99%E3%82%A4%E3%83%88%E3%82%99.png)
Use Cases
The Tabs module works best when each tab's content is related, but with each tab showcasing a specific aspect of the overall topic. This allows your visitors to explore the content of the page and discover new information.
You can use this module, for example, on an event page with tabs titled "For Marketers" and "For Partners". This provides a clear path for the user to find the information most relevant to them, quickly.
Guidelines
Character Count
- Limit tab labels to 2 to 3 short words
Image Sizing
- Large image size caps at 768px tall and 542px wide on Desktop
- Medium image size caps at 510px tall and 340px wide on Desktop
Things to Know
- Tabs orientation can be set up as either horizontal or vertical
- Columns can we used within tab content
How to use this module
- Please watch this loom to view a demo of using this module in the editor.