Editor – available options

Last Updated: 16 Mar 2020

In Landing platform, you create your landing pages using an editor – in this article we will look at its basic functions.

1. How can I get to the editor?

To enter the editor, first log in to Landingi platform and go to the Landing pages tab. In the upper right corner, click Create new landing page button.

Editor_EN1

In the window that appears, you can choose one of three options. At the very beginning, we recommend choosing Pick a Template option.

Editor_EN3

You will be moved to the library from which you can choose an empty template or one of the ready-to-use templates. In the menu on the left you can search for templates by goal or industry.

Editor_EN4

After clicking on the selected template, you will be taken to the main editor window.

Next time when you want to edit your previously created landing page, you can enter the editor from the landing pages’ list in Landingi tab, after clicking the Edit option of selected landing page.

Editor_EN2

2. Editor

2.1 Widgets – left column

You can add widgets to your landing page by using the drag&drop option – just click on the widget, drag it to the landing page working area and drop in the desired place.

1. landing page section;
2. text;
3. image;
4. icon;
5. box;
6. button;
7. form;
8. video;
9. counter;
10. custom HTML.

editor_EN5

2.2 The upper part of the editor

1. Leave the editor and go back to the platform;
2. Undo and redo;
3. Change the layer position;
4. Duplicate the element;
5 Copy the element to another landing page;
6 Desktop/mobile view;
7. Mobile view and delete mobile view;
8. Main page tab;
9. Thank you page tab;
10. Landing page history (allows you to restore any previous, saved version);
11. Preview;
12. Save the changes manually;
13. Publish your landing page;
14. Help – knowledge base and shortcuts.

editor_EN6
editor_autosave_EN1

2.3 Right panel with widgets’ options

In the right panel you can manage widgets, layers, and landing page settings. Use the arrow to hide or expand it.

2.4 Widget options

  • You can copy and paste every element to another landing by using Ctr+c and Ctrl+v.
  • To make changes to a widget added to your landing page, click on it to select it.
  • Displayed options depend on the selected widget.

Box widget options:

1. changing the size and position of the element;
2. ID and classes;
3. visibility on chosen views (desktop and mobile);
4. appearance customization.

editor_EN8

Text widget options:

1. changing the size and position of the element;
2. ID and classes;
3. visibility on chosen views (desktop and mobile);
4. appearance customization (color, font size and style etc.)
5. tags, like H1 or H2;
6. shadow.

editor_EN9

Button widget options:

1. changing the size and position of the element;
2. Label – text displayed on the button;
3. ID and classes;
4. visibility on chosen views (desktop and mobile);
5.  text appearance customization (color, font size and style etc.);
6. other appearance options (background, corners etc).

editor_EN10

Section widget options:

1. changing the size and position of the element;
2. ID and classes;
3. visibility on chosen views (desktop and mobile);
4. appearance customization.

editor_EN11

Image widget options:

1. changing the size and position of the element;
2. ID and classes;
3. visibility on chosen views (desktop and mobile);
4. on-click action;
5. other appearance customization.

editor_EN12

Forms widget options:

1. changing the size and position of the element;
2. form settings (fields, integrations etc);
3. spacing between form fields;
4. label display (text describing the field);
5. ID and classes;
6. visibility on chosen views (desktop and mobile);
and other appearance customization.

2020-01-17_14-49-14

You will encounter similar options to those listed above when adding an icon, video, counter or your own HTML widgets.

2.5 Elements

In the elements panel, you can manage the position of each element. At the top of the column you can see the main part – ‘page’, which consists of sections, columns, and elements other elements, like boxes, buttons, forms, etc. All these elements can be moved by drag & drop). You can also use the icons next to the item to hide the element (eye icon) or delete it (bin icon).

editor_EN14

2.6. Settings

In the page settings panel you can find: perform the following actions:

1. page width settings;
2. default font;
3. ‘Additional options’ button;
4. landing page background options.

editor_EN13

After clicking on Additional options button you will see the window with new tabs:

  • SEO;
  • Social share;
  • Others – gives you the ability to select the language of your landing page and add a favicon;
  • Custom styles – here you can add your own CSS styles.
2020-01-17_15-11-41
Was this article helpful?

You might also check:

getting started

Can’t find what you need?

Let us help you!
Send us a message
We are using cookies for analytical purpose. Learn more.