{"id":714,"date":"2022-09-04T21:26:03","date_gmt":"2022-09-04T17:26:03","guid":{"rendered":"https:\/\/yellowweb.top\/?p=714"},"modified":"2026-05-05T20:40:05","modified_gmt":"2026-05-05T16:40:05","slug":"10-sposobov-snizit-kolichestvo-otklonyonki-i-tresha-na-vashih-lendingah","status":"publish","type":"post","link":"https:\/\/yellowweb.top\/en\/10-sposobov-snizit-kolichestvo-otklonyonki-i-tresha-na-vashih-lendingah\/","title":{"rendered":"18 Tips to Reduce Rejections and Trash on Your Landing Pages"},"content":{"rendered":"

Buenos dias, amigos! This article is mostly a compilation of common sense and already published posts from my TG channel<\/a> \u0438 VC<\/a>I decided to gather all the information on such an important issue as reducing the number of invalid leads.<\/p>\n\n\n\n

Let's start with all sorts of tricks that you need to add directly to the code of your landings, and then we'll move smoothly to the server side, where I'll show you something new and quite promising. <\/p>\n\n\n\n

\u041f\u043e \u0445\u043e\u0434\u0443 \u043f\u044c\u0435\u0441\u044b \u044f \u0442\u0430\u043a\u0436\u0435 \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u0430\u0433\u0430\u044e, \u0447\u0442\u043e \u0432\u044b \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u0442\u0435 \u043b\u0438\u0434\u044b \u0443 \u0441\u0435\u0431\u044f \u0432 \u0442\u0440\u0435\u043a\u0435\u0440\u0435, \u0430 \u0432 \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u043b\u0438\u0434 — \u044d\u0442\u043e \u043d\u0435\u0432\u0430\u043b\u0438\u0434 \u0438\u043b\u0438 \u0434\u0443\u0431\u043b\u044c, not<\/strong> you put it in your status and you don't show pix to the Fabs for thanks. All right, let's go!<\/p>\n\n\n\n

Preliminary steps<\/h2>\n\n\n\n

First things first, check all the data on your offer. We are interested in four things in particular:<\/p>\n\n\n\n

  1. The form factor of the product. If it's a gel and you have pills on your pads, that's not good. Always customize your promotional materials to the right format!
    <\/li>
  2. \u0421\u043f\u0438\u0441\u043e\u043a \u0440\u0435\u0433\u0438\u043e\u043d\u043e\u0432, \u0432 \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043d\u0435\u0442 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438. \u0415\u0441\u043b\u0438 \u043d\u0430 \u043e\u0444\u0444\u0435\u0440\u0435 \u0442\u0430\u043a\u043e\u0432\u043e\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442, \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043e\u0437\u0430\u0431\u043e\u0442\u044c\u0442\u0435\u0441\u044c \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435\u043c \u0431\u043b\u044d\u043a \u0438\u043b\u0438 \u0432\u0430\u0439\u0442-\u043b\u0438\u0441\u0442\u0430 \u0440\u0435\u0433\u0438\u043e\u043d\u043e\u0432 \u0432 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u0435 \u0442\u0440\u0430\u0444\u0438\u043a\u0430.
    <\/li>
  3. Price - if you downloaded the procla from spays, obviously the price needs to be changed to the correct price, well! And highlight it in bold 100500m font.
    <\/li>
  4. Targeting - be sure to check with the PP manager who is better at repurchasing goods. Is it men or women? 25+ or 40+? Set only the required targeting in the traffic source, at least at the test stage. Then you can experiment and expand it.<\/li><\/ol>\n\n\n\n

    After all that, we'll get down to the technical stuff.<\/p>\n\n\n\n

    Browser checks<\/h2>\n\n\n\n

    Add Required<\/h3>\n\n\n\n

    Let's start with the basics! Each visible field on the land must have an attribute required<\/code>which will prevent the user from submitting a blank form. Usually, if you have taken a promo from a PP or merged it from spays, this attribute is already there. But if you are doing something from scratch, make sure to put it in.<\/p>\n\n\n\n

    Example: <input type=\"text\" name=\"name\" required\/><\/code><\/p>\n\n\n\n

    Add type=\"tel\" and \"autocomplete\".<\/h3>\n\n\n\n

    It is still common to find PPs that instead of a specially invented field type tel <\/code>utilize text<\/code>. Don't do that! Tip tel<\/code> is designed so that when a user accesses your site from a cell phone, ONLY the numeric keypad is displayed, without letters. This is much more convenient when dialing a number and leads to the fact that the number of incorrectly entered numbers is reduced.<\/p>\n\n\n\n

    Example: <input type=\"tel\" name=\"phone\" required\/><\/code><\/p>\n\n\n\n

    But let's better make it so that you don't have to enter anything at all!? Look carefully at the screenshots. They show a usual order form with two fields: name and phone number. Do you see the difference?<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Screen 1. The name input field in the drop-down menu of tooltips is full of some garbage.
    Screen 2. The phone input field is also full of unintelligible stuff.
    Screen 3. The tooltip immediately shows me my name and my phone number
    Screen 4. Result of tapping on the hint: ALL fields are immediately filled with valid data!<\/p>\n\n\n\n

    So how to make the tooltip appear like on the 3rd screen? It's all about the attribute autocomplete<\/code>. For a field with a name, you must specify autocomplete=\"name\"<\/code>but for the phone. autocomplete=\"tel\"<\/code>.<\/p>\n\n\n\n

    Complete code for all of the above items:
    <input type=\"name\" required autocomplete=\"name\" name=\"name\"\/>
    <input type=\"tel\" required autocomplete=\"tel\" name=\"phone\"\/><\/code><\/p>\n\n\n\n

    Add the minlength attribute to the fields<\/h3>\n\n\n\n

    Obviously, in addition to the fact that all data<\/strong> in the form must be filled in, these data must also be of a certain length. For the field name <\/code>is at least 3 characters, for phones - from 5 or more, depending on the country.<\/p>\n\n\n\n

    To add a check for the field length, it needs to be given the attribute minlength<\/code>:<\/p>\n\n\n\n

    <input type=\"name\" minlength=\"3\" required name=\"name\"\/>
    <input type=\"tel\" minlength=\"5\" required name=\"phone\"\/><\/code><\/p>\n\n\n\n

    You can also check the length using the attribute pattern<\/code>as discussed below.<\/p>\n\n\n\n

    Add pattern, mask and intlTypeNum library<\/h3>\n\n\n\n

    Pattern<\/h4>\n\n\n\n

    There are several ways to check what kind of crap the user has entered into the form fields and prevent him from entering crap. And the first one is the HTML5 built-in attribute pattern<\/code>aka template.<\/p>\n\n\n\n

    You can use it to test almost anything, such as: <\/p>\n\n\n\n