TersbyAdding an element
“Add” → «Elements». Above the tiles are filters by purpose, and the search looks by name. Drag an element onto the canvas or press it: it goes after the selected one.
Basics
| Element | What for |
|---|---|
| Heading | Its level (H1 for the main one, then H2, H3), font and size. The text is edited right on the canvas. |
| Text | Paragraphs with bold, italics and links (buttons on the bar over the selection). |
| Button | Leads to the order, a section, a page of the site, a link, an email or a call; opens or closes a popup. Can send its own event to the pixels. |
| Picture | Size, cropping, rounded corners, a link on press or opening full screen. |
| List | Items with icons. |
| Icon | From a large library or your own picture. |
| Badge | A short label like «Hit» or «−20%». |
| Video | YouTube, Vimeo or your own file up to 1 GB: cover, autoplay without sound, no «Download» button. |
Header and footer
| Element | What for |
|---|---|
| Logo | A picture or the site's name, leads to the home page. |
| Menu | Items lead to sections and pages. On a phone it folds into a burger. |
| Language menu | Switches the site's languages, with or without flags. |
| Contact | A phone, email, messenger, address or opening hours with an icon. |
| Social | Social buttons in the site's colours or the networks' own. |
| «Call» button | A call in one tap. |
Sales
| Element | What for |
|---|---|
| Order form | Your own fields, a quiz, product variants with prices, Nova Poshta, a file. See «Lead forms». |
| Price | The site's price or its own, with the old price and discount. |
| Pricing | Plan cards with a «Month / Year» switch. |
| Timer | N hours for each visitor, until midnight or until a date. |
| Discount wheel | A prize and a promo code, once per visitor. |
| Rating | Stars and a caption. |
| PDF document | A «Download» button or a view right on the page. |
More on sales techniques in «Quiz, wheel, timer and other sales techniques».
Trust
| Element | What for |
|---|---|
| Visitor reviews | Reviews from the site (you approve them) or from Google. |
| Video reviews | Vertical cards, the video plays right in the card. |
| Screenshot reviews | Chat screenshots in a phone frame. |
| Numbers | Big numbers that count up when they appear. |
| Logos | A strip of partner or media logos. |
| Team | Photo, name and role. |
| Steps | Steps or a timeline, in a row or a column. |
| Before and after | Two pictures with a slider between them. |
Media
Picture, Photo on hover (one photo turns into another on hover), Gallery (grid, masonry, mosaic, strip, slider, full-screen view), Slider, Before and after, Video, PDF.
Layout
Two columns and Three columns, Accordion (questions and answers), Tabs, Table, Steps.
Contact and navigation
Menu, Language menu, Contact, Social, «Call» button, Map (by address, in the site's colours, no keys) and Ticker.
Other
Scroll progress (a bar at the screen's edge), Shape (for decoration), Spacer, Line and Custom code (HTML, CSS and scripts in that spot of the page, see «Custom code»).