Add the Table element to display information on your landing page via a two-dimensional data table.

Adding the Table element

  1. Find the Table element in the toolbar on the left-hand side;
  2. Drag and drop it onto your landing page.

Now you have a 4x4 table on your landing page that you can fully customize.

[Screenshot]

Formatting the Table

Once you place the Table onto your page, select it to access the formatting toolbar to edit, copy, duplicate and delete elements within the Table.

With the formatting toolbar, you can change the text's font, size and style:

-      Use the B icon to embolden the text;

-      Use the I icon to italicize the text;

-      Use the U icon to underline the text;

-      Use the S icon to add strikethrough to the text;

-      Use the o icon to apply an overline to the text;

You can also align the text to the right, left and center of the text box, as well as change its color and add icons. 

[Screenshot]

Adding a link to the Table

Make your text clickable and interactive by adding an external link to it: 

  1. Highlight a single word or phrase in the text area;
  2. Click the Link icon in the formatting toolbar;
  3. Choose a link type;

You can create a link to another website, an email client, one of your popups or pages. 

[Screenshot]

Customizing and styling the Table

You can find more customization and styling options in the Inspector Tab. You can add a background color, image or gradient, add shadows to texts and text containers, add borders and change their roundness, set padding and margin to adjust the text position.

You can also change the text color using the color picker, make it bolder or thinner and adjust its size.

Tip:

Want to find more fonts? Click “G” icon to open Google fonts library.