PageFly - Tabs element

1135 views 0

In this article, you will learn about Tabs element and how to use it.

About Tabs element

Tabs element can present content in separate tabs, hence to increase conversion rate.

You can use the Tabs element to showcase various elements or content types in a limited space, which is why we love it!

Where Tab element located

Tabs element offers some variations, covering design needs. But we will add more options in the future so you can explore more choices.

Drag a variation to the layout and see how it can be configured.

Tabs element setting

Tabs element comes with many variables so you can edit content layout to achieve the best conversion rate possible.

To start, select the element in Editor to see its variables.

General tab configuration of Tabs

The variables in General tab are specific for this element.

However, those in Styling and Advanced tabs are common for all elements. Read about them here.

LAYOUT
Vertical Allow the tabs to be arranged vertically
Reverse Enable this to reverse the position of the tab navigation.
FittedGive tab navigation the same width.
Nav Align Align the position of the tab navigation. There are three options: Start, Center and End.
TABS
Add New TabUse this to add new tabs to the element.
Tab 1
Tab 2
_     3
etc.
You can duplicate or delete the item with the icons next to each tab item’s name.
The order of tab’s items can be moved easily by dragging and dropping.
Clicking on the right arrow icon will show Name (the name of the tab item) and Icon (choose an icon to display next to Name).

Was this helpful?