Page Sections and Elements are an essential part of a page builder tool like Tapita. Once you've mastered the sections and elements, then you've mastered Tapita! You can learn more about Tapita Sections and Elements relationship and management
. Some sections have limits on the number of elements that you can add, or limits on the number of elements of a certain type.
In general, you can add the elements into your page by either:
- Drag and drop the Sections & elements from the left menu
- Quick add the elements by clicking the Add Sections or Add Child Elements in the tree view
- Quick add the elements by clicking the Add Sections or Add Elements in the live preview screen
Let's explore the page sections and elements that are available in Tapita!
These are the containers that define the layout of your page and the only type of basic sections that you can add element inside them. They rarely stay on their own, but most of the cases will contain other child elements like texts or images.
The Layout element group include. This
- Full Width
- Partial Width
- 2 Columns
- 3 Columns
- 4 Columns
NOTE: You can add up to 12 Columns
Example of "Horizontal Tabs" element
This section allows you to create tabbed sections. The position of the tab names is flexible and can be put on the top, bottom, left or right.
The Tabs element group include:
- Horizontal Tabs
- Vertical Tabs
Example of Dropdown element
This section allows you to create collapsible/expendable sections.
You can change the dropdown icon as well.
Example of "Image And Text Slider" element
These are sliders that are used to create auto-slide banner or human-scrollable horizontal sliders.
The Slideshow section group include:
- Image Slider
- Image And Text Slider
- Partial Static Slider
These are sliders that are used to add in a customizable listing of your website products or products from a specific categories
Example of H2 element
These are the headings on your page, which are normally the big and bold texts that is the subject of a section.
You can also use the Heading elements to create non-heading texts.
The Heading element group include:
Example of Paragraph element
This element is used for long texts on your page, which usually spans more than one line.
Example of Button element
These are actionable buttons that are great for creating CTAs (call-to-actions) on your page.
The Button element group include:
- Icon Button
Example of Image element
These are images that are uploaded to use on your page.
Example of Video element
These elements allow you to insert a YouTube video or an online .mp4 video into your page.
The Video element group include:
- YouTube Video
- HTML Video
These are simple icons to insert anywhere on your page, using Tapita's icon library.
The Instagram Feed element allows you to pull your Instagram posts into your page.
The Form elements allow you to build a custom form on your page, like a contact form or a subscription form.
The Form element group include:
- Form Group
- Text Input
- Text Area Input
- Hidden Input
- Form Button