Learn about Tapita page builder elements

Learn about Tapita page builder elements

Page elements is an essential part of a page builder tool like Tapita. Once you've mastered the elements, then you've mastered Tapita!



In Tapita, you can add the elements into your page by either:
  1. Drag and drop the elements from the left menu
  2. Quick add the elements by clicking the Add (+) button
Let's explore the page elements that are available in Tapita!

Section

Layout

Example of the "2 Columns" element
These are the containers that define the layout of your page. 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:
  1. Full Width
  2. Partial Width
  3. 2 Columns
  4. 3 Columns
  5. 4 Columns
  6. Grid

Tabs

Example of "Horizontal Tabs" element

This element 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:
  1. Horizontal Tabs
  2. Vertical Tabs

Example of Dropdown element
This element allows you to create collapsible/expendable sections.
You can change the dropdown icon as well.

Slideshow

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 element group include:
  1. Image Slider
  2. Image And Text Slider
  3. Partial Static Slider

Basic

Heading

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:
  1. H1
  2. H2
  3. H3
  4. H4
  5. H5
  6. H6

Paragraph

Example of Paragraph element

This element is used for long texts on your page, which usually spans more than one line.

Button

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:
  1. Button
  2. Icon Button

Media

Image

Example of Image element

These are images that are uploaded to use on your page.

Video

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:
  1. YouTube Video
  2. HTML Video

Icon

These are simple icons to insert anywhere on your page, using Tapita's icon library.

Social

Instagram

The Instagram Feed element allows you to pull your Instagram posts into your page.

Facebook

Example of "Facebook Page Plugin" element


The Facebook Page Plugin element is a box that contains your Facebook page information along with a Follow and a Share button.

Form

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:
  1. Form Group
  2. Text Input
  3. Text Area Input
  4. Hidden Input
  5. Form Button

Advanced

HTML

The Custom HTML, as its name suggests, allows you to insert custom HTML code into your page. You can even insert custom Javascript code, though it might not always work (the better way to insert custom Javascript is in your Page Settings > Custom JS).


    • Related Articles

    • Tapita Premade Blocks

      Understand the need of cut down on building time, Tapita has created a series of premade blocks that covers quite a fews functions that you can quickly add to your page. This ranging from premade Banners with CTA to a contacts from. We have listed a ...

    • General checklist for starting with Tapita

      This checklist outlines all the steps that you need to take to get started with Tapita. These steps will help guide you understand, create and publish your page with Tapita. You might find it helpful to print this checklist or to download it as a PDF ...

    • How to turn your collection page from zero to hero

      What is a collection page? The collection page is an e-commerce page that has a selection of products organized for the user to browse. These pages are used by customers to browse your product line and learn more about potential purchases. The ...

    • How to create a landing page that converts

      A landing page, often known as LP, is quite likely to be the very first "actual" encounter a visitor has with you, regardless of whether they arrive there via your homepage, a link from an advertising, or the outcome of a popular search phrase. Your ...

    • The Page Types you can create using Tapita

      Tapita allows you to create pages of these types: Landing pages (including Home page) Blog pages Product pages Collection pages Let's explore each type! Landing pages Landing pages are the pages you see under Online Store > Pages section in your ...