Compatibility:

WeSite X5 Evo and Pro from version 2024.2

Having much text to show and little available space: typical, isn't it? An efficient way to solve this issue is to organize the text into paragraphs and let the visitors choose the section they want to read and hide the rest simply by selecting the relative titles. To make it easy, you should use the Accordion Text & FAQ Object, just like we did to create some examples available on this Preview page.


How to add texts

For best results, use the Accordion Text & FAQ Object for text that is organized into sections, each with a title: like a FAQ list, a glossary, etc...  So that every section of text corresponds to a block and has both a title and a body, as well as an image and a button with an active link. 

  • Double-click the Accordion Text & FAQ Object you inserted to display the window with all the setting.
  • Stay in the Content section and click on Add to add a new text block to the list. 
  • Select the block you just created and add all necessary information. Each block can include: 
    • a Title;
    • a Text, i.e. the actual content of the block;
    • an Image, which you can import from your PC or from the available Online Libraries;
    • a Button: here you just need to type in the button label, and you will be able to define the style with the options available in the Style section;   
    • a Link: this entry is only active if you already added an Image and/or a Button. Click on to access the Link windows and choose the action to be performed when clicking on the button and/or image. 
  • Repeat these steps to insert all the other blocks you need.


How to define the graphic Style

After defining the contents, you can easily configure the appearance of your Accordion Text & FAQ Object and all the elements it contains in order to best suit your site's overall design: 

  • Open the Style tab and use the options in the Behavior section to define how the user will be able to interact to display the textual contents. More specifically, you can:
    • Define the Object appearance when the page is loaded. Use the Open box at start up to have all text blocks closed at first, displaying the titles only, except the first one. Alternatively, you can define all blocks to be open at the same time. 
    • Set the Effect Duration for the blocks' opening/closing, making the tradition more or less quick. 
    • Decide whether the user can close open blocks (Allow closing box) or keep multiple blocks open at the same time (Multiple Visualization).
    • Make sure that the structured data provided by Schema.org for FAQ Pages is included in the page code by activating the Enable Structured Data Type FAQ Page option.
#tip - Don't forget that structured data are available for the Pro edition only, starting from version 2020.2. Use the Enable Structured Data Type FAQ Page option only if you are using this Object to create FAQs. For more information, see: How to use the FAQ structured data

 

  • Now, you can define the appearance of the individual Elements that make up the Accordion Text & FAQ Object 
    • select the Element you want to customize: Box, Title, Active Title, Icon, Text, Image or Button;
    • use the available options for each selected element to define settings such as Borders, Colors, Fonts, Margins, Alignment etc. You can get unique effects: if you, for example, cancel the distance between blocks, the bevel and shadow will be applied to the whole Object and not to individual blocks.
  • Click OK when you're happy with the result.


Are you curious to use this Object on your website pages? Install Accordion Text & FAQ now


You don't have enough Credits to buy this Object? Check out our Credit Packs