What is the best way to make a one-pager?

Question

Web development

Hello!
You need to make a one-pager (like everyone else) with a form for collecting contact information. We need to decide how to do it.
Options immediately come to mind:

1. Just html with some bootstrap or materializecss, normal form, in php
   
2. Just html with a paid template from themeforest, a regular form, in php
   
3. CMS (wordpress, MODX) regular form, or some fancy plugin
   
4. Use the landing page generator (lpgenerator platformalp, thousands of them)/
   

With the last point, this is not clear to me: are there any functions, advantages, and what can not be done quickly with moderately straight hands? You need to pay there every month and I want to understand if there are any cool analytics features inside, whether it gives +100 to conversion, etc.
UPD: That is, do they do anything besides simplifying layout?

Answer 1

Well, let's sort it out!
1. One- page - made for a specific product or service.
2. Template - is also created unique, based on the direction of the product / service and the target audience.
3. The form for collecting contact data on a one-page is the last century! Nobody will leave data. To do this, there is a form: "Send a request" and in it an OPTIONAL field: "Please answer me by e-mail:".
4. The purpose of the one-page - must be explicitly set: product advertising, sale, identification of interest in the product, priority initial registration for the service in the alpha / beta test, etc. If any of the above will go together, - THERE WILL BE NO USE!
5. Conversion- the most interesting topic, and even more so, on the landing page. Here, a lot depends on who creates the template for you and whether it correctly arranges visual semantic blocks and page user interface elements. That is, it is necessary that it is the UX designer who does this, and not just a simple designer! Because it takes into account page viewing time up to tenths of a second, direction of view, mouse movement, speed of understanding information, ease of presentation of information for understanding (list items, diagrams, tables, animation, video clips, etc.).
6. Ease of managing the landing page and page structure, loading speed : definitely SPA + AJAX. Layout - done like this: general design and content blocks IN SEPARATE HTML files, then we take includeHTMLand put all the necessary blocks one after another in a single HTML that we need. Then, by commenting/rearranging the lines in the main HTML file, we can easily change the location of blocks (landing sections).
7. All popup forms, section markups, etc. (i.e., additional markup for additional blocks) - load through the same includeHTML from adjacent files, for example, "vote-form.html" or "feedback-form .html", where the desired functionality will be. Those. You can easily change these files to get the desired (modified/new) form.
8. The main list of landing sections can be obtained here (Create a site from scratch -> selecting in the list of site types: landing).
9. SEO and indexing- JSON-LD, META tags (including data for social networks, fb: *, etc.), markup of the entire layout - strictly HTML5!

Answer 2

Strange question, to be honest. Your options are either contrived (cms for data collection) or out of the realm of taste (bootstrap or template).
Make the landing page static with any design you like, collect data into the database with a simple php script. If you need data visualization, make a simple report on the same php.
Landing page generators - for those who do not know how to make them themselves or do not really want to waste time.

Answer 3

WordPress - if you are doing it to a client and he wants to edit the texts in the future.
Constructor - if you make it to the client and he wants to edit not only texts, but also other elements in the future, or if you do not know how to typeset (the so-called analytics in the constructors can be replaced by Google analytics or Yandex metrics).
Timforest templates (for wordpress or naked html) - if you don't want to spend money on a designer.
Naked html - if the client is not going to make changes on his own in the future and will contact you or another contractor who owns html, or if you do it for yourself, you know html and are going to actively change the layout structure.
And inserting a picture in a question for no apparent reason is stupid.

Answer 4

Why do you need cms for landing? Extra load on the server, no benefits. Choose between the first and second option.

Answer 5

I would not resort to option 4, since from the service side you will still be limited by something!
The third option is convenient because you do not need to manually configure various feedback forms, comments, etc. Everything is solved by installing plugins... What can not be said about option 1-2 where deeper knowledge is required...

Answer 6

tilda.cc