Editor – available options

Last Updated: 22.02.2019

Welcome back!

This time I will try to expand your knowledge about the landing page editor.

1. Editor – location.

Let’s start by creating a landing page.

When you log in into the application properly, there is an application window in front of you.
In upper right corner, you will find the “Create new landing” button.

Editor - available options

Now, move to the selection box where you can decide whether to create a landing page from scratch or to use a ready-to-use template.
No matter which option you choose, your new landing page will appear on the landing page list.
This is the moment when you are about to move to the editor 🙂
Expand the list of options in the top left corner of the landing thumbnail and select “Edit”.

Editor - available options

2. Welcome to the editor 🙂

You are here! Now you only need to know everything that the editor offers.

First of all, remember that if you have questions about every aspect of our app, you have access to the chat icon all the time (bottom – right corner of the screen) and after clicking on you can get support from us 🙂

Editor - available options
2.1 Left column of icons, it is called widgets.

To add them to your project, use the drag&drop option – you can drag it to right destination by clicking on the icon.
Widgets mean adding items:

1 – a section that we can add to any place on the landing,
2 – text box,
3 – picture,
4 – icon,
5 – box,
6 – button,
7 – form,
8 – video,
9 – counter,
10 – custom HTML.

Editor - available options
2.2 The upper part of the editor is responsible for the following functions:

1 – end of work in the editor,
2 – undo and redo,
3 – icons appropriately indicate the options for changing the layer, which means changing position: lower, higher, to the bottom or to the top, as well as duplicate layer,
4 – are views changes: desktop, tablet, and mobile. These views can be removed using the “Trash” icon according to your preference,
5 – landing page work area, where you create your landing and conversion page,
6 – it is a preview icon; it takes you to the view your project gets on desktop, tablet and mobile,
7 – floppy disk symbol allows you to save the design,
8 – button will both record and publish your project (the pop-up will tell you to make sure landing is working properly before launching the campaign, and also recommends changing the domain as I described in this article).
9 – a selection of the grid option causes the grid to appear on the projected landing, it facilitates the addition of individual items.

Editor - available options

After expanding the “?” you see how it works during design.
There you will find the “Knowledge Base” where you can get answers to many Landing issues. I recommend visiting strongly 🙂

Editor - available options
2.3 Right side of the view.

We will find there a panel for managing widgets, layers and settings.
Use the arrow keys to hide or move it, as I show on the screen below:

  • panel extended,
Editor - available options
  • panel hidden.
Editor - available options
2.4 Widget options.
  • Each element can be copied and pasted, eg. to another landing.
    To do this, use Ctrl+c to copy and Ctrl+v to paste it to the right place.
  • To make changes to a widget, we have to tick the appropriate one with a click. If no widget is selected, below the transparent background you will find the information: “Select one element to edit its appearance”.
    Depending on which widget we have selected, such options are displayed.
    Box, form, text box, etc., each of these widgets has their own options:

Box widget options:
1 – you can resize and position the item;
2 – by clicking the “Advanced” button you can choose which views to display;
3 – in many ways you can also customize its appearance.

Editor - available options

Text widget options:
1 – you also have the ability to resize and position an item;
2 – by clicking on the “Advanced” button you select the view where the text appears;
3 – you can customize the appearance of the text (alignment, font color, size, font selection, text form, shadow addition, etc.).

Editor - available options

Button widget options:
1 – adjust the size and position;
2 – content to be displayed on the item you added;
3 – also by clicking the “Advanced” button you select the view on which the button appears;
4 – you can customize the appearance of the button (text, background, border, rounded corners, text shadow, button shadow).

Editor - available options

Section widget options:
1 – size adjustment;
2 – you can expand the selected section by selecting “Expand”;
3 – the “Advanced” button will allow you to pin a section (the selected section will always be visible at the top of the page) and as in previous widgets, you can set it to the view;
4 – under these positions, just as you adjust the look of your section above.

Editor - available options

Image widget options:
1 – adjust the size and position;
2 – by clicking on the “Advanced” button you select the view on which you want the picture to appear;
3 – here is the “click on” option that moves the user
From the image to another place, eg by means of a link;
4 – changes in the appearance of the image.

Editor - available options

Forms widget options:
1 – adjust the size and position;
2 – this button, moving to form options, where you will find more options to customize;

Editor - available options

3 – by clicking the “Advanced” button you select the view on which the form appears;
4 – the option to change the spacing between the elements;
5 – you can enable / disable form labels;
6 – this is the appearance edition.

Editor - available options

Similar options, for those listed in the widgets above, will be encountered when you add an icon, video, counter, or widget.

2.5 Layers.

The Layers panel is where you can manage the location of each item.
At the top of the column you see the main part, which is “Page”, and it consists of the following: sections, columns, and elements you add 🙂 And the elements in our case are ..? Well, these are already mentioned above: boxy, text boxes, buttons, forms, etc. All these elements can be freely transferred (drag & drop)
As well as the icons on the element:

  • hide,
  • block,
  • remove.
Editor - available options
2.6. Settings.

Next to the layers panel, you will find the “Settings” icon, which will open a new window with the settings panel.
Here you can make the following actions:

  • SEO – access to landing page settings for positioning,
  • Facebook – you can add descriptions to your Facebook account here,
  • Others – gives you the ability to select the language of your landing page and add a page icon,
  • Custom styles – here you can add your own CSS style.

It is enough for the basics of navigating the landing page editor.
I hope this introduction will help you in using the editor and encourage you to use the remaining instructions, where you will find even more interesting solutions in the Landingi application 🙂

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.