4. Learn about Tapita page builder Sections and Elements

4. Learn about Tapita page builder Sections and Elements

z

age 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:
  1. Drag and drop the Sections & elements from the left menu
  2. Quick add the elements by clicking the Add Sections or Add Child Elements in the tree view
  3. 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!

Basic Section

Layout


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 cases contain other child elements like texts or images.
The Layout element group includes:
    1. Full Width
    2. Partial Width
    3. 2 Columns
    4. 3 Columns
    5. 4 Columns
    6. Grid
NOTE: You can add up to 12 Columns

Tabs



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

Shopify Products


These are sliders that are used to add a customizable listing of your website products or products from specific categories.

Basic Elements

There are 9 group of elements include:

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
  7. Paragraph: for long text

Image


Example of Image element

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

Button


Example of Button element
This actionable button helps create CTAs (call-to-actions) on your page.

Slider

A slider is an element used in certain websites that allows visitors to consume different chunks of information within the same space. They help to highlight your flagship products in each category to direct attention toward that particular category.


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


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

A drop-down menu, list, or box is a list of options that appear on a computer screen when you select an item with a computer mouse.

Code


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

    • 5. Tapita Pre-made Sections

      Understand the need of cut down on building time, Tapita has created a series of Premade Sections (learn more about Tapita Sections and Elements) that covers quite a fews functions that you can quickly add to your page. This ranges from premade ...

    • 3. Understand Tapita Sections and Elements relationship and management

      Tapita templates use Sections to create your ideal layout. Most sections are made up of Elements that serve a specific function, such as headers, text, single images, a collage of images, or links. Using sections and elements in your templates ...

    • Completely uninstall/remove Tapita Page Builder from your Shopify store

      1. Switch back to free-plan (Optional) It does not hurt to keep Tapita around. We constant update our products so it could very well suit you when the time comes. Please note that all pages and data built with Tapita will be deleted immediately. Your ...

    • How to ultize your Tapita Free Plan to the fullest

      In this article, you will learn about Tapita free plan and how to use it effectively. Page Type and number of page Tapita is the only apps that offer 3 FREE FOR LIFE pages as long as you install Tapita, making it the best FREE plan for page builder ...

    • 1. Getting Started with Tapita in 5 minutes

      In this article, you will learn how to create a simple page with Tapita's key features and tools. Step 1: Install the Tapita page builder If you already installed the app, skip this step and move to the next one. Visit the Tapita page on Shopify App ...