Documentation › Portals › Components
Components
Every component of the designer: what it is for and how it works.
ArrangementsAn arrangement holds other components. Vertical stacks them, horizontal puts them side by side. It is the base of any layout. TitleA big heading at the top of the page or to open a section. TextA paragraph of formatted text. QuoteA quote with its author, for a review, a message from the couple, a motto. Link imageEach link's own picture: the same page can show a different photo depending on the link. Fixed pictureA fixed picture kept with the portal: logo, banner, plan. It is the same for every link using this portal. ButtonA single button: web link, call, text message, e-mail, WhatsApp, address, picture download, share. CountdownThe time left before the link ends. Handy for a limited offer or an event. Calendar eventButtons that add an event to the visitor's calendar (.ics file and Google Calendar). MapAn address with a link to the map, and the map itself if you want it on the page. Wi-Fi accessThe Wi-Fi network name and its password, with a button to copy the password. Ideal for a rental or a shop. StarsA score from 0 to 5 stars with a short caption. Contact cardA business card: name, job, phone, e-mail, website, and a button that adds the person to the phone contacts. Progress barA bar showing progress as a percentage: fundraiser, works, seats gauge. BadgeA small coloured label: New, Sold out, Promo. PricesA list of items with their price: menu, rates, packages. Copy buttonA button that copies a text to the clipboard: promo code, reference, a club's IBAN. VideoA YouTube or Vimeo video, or a video file, played right on the page. FAQQuestions that unfold to show the answer: access, parking, rates, rules. Opening hoursOpening hours, day by day. NoticeA highly visible announcement box: information, warning or good news. StepsA list of numbered steps: how to get there, how to take part, instructions. Key figureA key figure, big and clear, with its caption: 1,200, seats available. DividerA thin line to separate two parts of the page. SpacerEmpty space to air out the page. Ready-made blocksReady-made groups: social networks, video link, gallery. They create several components at once.