Blocks with the button + PopUp form to collect contacts
Website for implementation: saudi-arabia-stick.online
At the moment, the download of all the leads (buy) in Telegram and Bitrix is set.The data from the form should also fall into TG and CRM as lead.Blocks and PopApps and their elements were made on the basis of already created blocks and elements of the site to make the bike faster and *not to invent* and there was the possibility to simply copy the element with all its properties.Designs in the form of pictures are provided to get acquainted with the visual.The main points are written in TZ.Adaptivity and behavior when viewing from different devices we retain as generally on the site.The Arabic version of the block is distinguished only by the mirror display (right to left).PopAP is Arabic as it is now, so we do the same as it was (centrate the text in the middle).Translation will be provided at the end of the TZ
Important: The content of the block should be easily changed through the admin (text of the headline, description, button text).It also applies to the popup (text of the headline, text of the button, text of Thanks... after sending the form).The technical part of the leads: Contact must fall into the tg group (integration has already been implemented on the site) Leads must contain the following information: Name (obligatory field) Phone number (obligatory field) Post (not obligatory field) In tg\Bitrix leads is called Bonus (default).Time and date of Lydia
Desktop block design (which is not changing): Size and fat headline Give contacts in the block as with the rest of the blocs - 60 pt, Jost Light Signature size from below (Valid only for new customers...) - 30pt Jost Regular button - color, shadow, roundness, discontinuity, size and fatness of the font as on the main screen, only accordingly wider, taking into account the number of text.In the future, it should be easily edited (text part).The background color is 5c2383.The form field is the same as on the Checkout page.
Mobile version of the block design (which doesn’t change): Size and fat headline Give contacts... in the block as with the rest of the blocks – 40 pt, Jost Light Signature size from below (Valid only for new customers...) – 24pt Jost Regular button – color, shadow, roundness, discontinuity, size and fatness of the font as on the main screen, only accordingly wider, taking into account the number of text.In the future, it should be easily edited (text part).The background color is 5c2383.The form field is the same as on the Checkout page.
PopUp Mobile version (which does not change): Window and shadow size and location of the closing icon Title font size All posts to content Size and fat fonts field names and fonts inside the field.The height of the fields, the border radius, their color (phon and cover) The button is both on the main and in the block.It is closed using the closing icon or by pressing the popup.PopUp Dextop (which does not change): The size of PopUp and its shadow.The size and location of the closing icon The size of the headline font.The color of the fields, the border radius and the color of the circuit Closed by the closing icon or by pressing the popup.PopUp Desktop, features: Size and fat fonts field names and fonts inside the field - 24pt Jost Light Field width for filling 330px, Height 52px Distance inside the field above 17px, left 12px Width and button height as well as the field.The font size is 30pt Jost Regular, color 5c2383.Mobile version of the block design, features: It can have 2 lines of headline.There is an example on the photo.Height at 2 lines of headlines - 362px Height at 1 lines of headlines - 316px Distance from top and down from content - 58px
Desktop version block design, features: Block height - 204 px Distance from top and down from the content, and down to the button - 50px
After filling in the form - PopUp thanks.It appears in the same place as the previous.In fact this is the same popup only with the text Thanks for filling out the form!Wait for a manager's message!Jost Regular 36pt The size of shape, shadow, closing icon is the same as before.The title on the desktop and on the mobile is the same.The title is centered in the middle of Popap from all sides.It is closed by itself in 2 seconds or by using the closing icon or by pressing the popup.Translation of texts for the Arabic version:1) Give contacts and get a bonus2) 3) Valid only for new customers.The bonus is determined by the manager.4) I WANT A BONUS5) Fill in all fields6) Your name7) Email
Thanks for filling out the form!Wait for a manager's message!1) Give the contact person and get a bonus 2) 3) is only suitable for new customers.The reward is determined by the employee.4) I want a bonus 5) fill all fields 6) your name 7) email
8) Thank you for filling the form!Wait for the Director's message!The task is attached to several patterns for understanding visual and printing.The finished result should be as much as possible in accordance with the models.
Applications 7
Work results
Client's review of cooperation with Yurii B.
Blocks with the button + PopUp form to collect contactsThe work is done with a minimum number of iterations.
The executor understands the corrections from the first time and realizes everything according to the TZ.
The best price-quality ratio.
Freelancer's review of cooperation with Igor Shmatkov
Blocks with the button + PopUp form to collect contactsThank you for cooperation! The customer was in contact, answered all additional questions quickly, with the payment there were no problems. I recommend it.
-
105 Welcome to! I have a great experience of implementing such projects, more than 4 years. I am also working on re-working, optimizing and improving existing sites. I propose to discuss the details at LS, I'm glad to get to work.
-
2292 38 2 Good day . Ready to do the work. With WordPress, Bitrix24, TG knowledge therefore problems in development should not arise.
Current freelance projects in the category HTML & CSS
Connect the form on the landing page to keycrmIt is necessary to connect the application form on the landing page to keycrm. I will provide all necessary access. Please write how much time and cost this task will take. HTML & CSS, Python ∙ 4 hours 11 minutes back ∙ 58 proposals |
Correction of indexing and basic SEO optimization of the website (WordPress + Elementor + WooCommerce)
78 USD
There is a website on WordPress (Elementor + WooCommerce). Currently, there are issues with SEO and page indexing. The developer reports that due to Elementor, performance metrics are limited, but the main task now is correct indexing and SEO settings. What needs to be checked… HTML & CSS, Search Engine Optimization (SEO) ∙ 20 hours 5 minutes back ∙ 53 proposals |
Need a frontend developer / layout designer for a one-time improvement of a website on Magento 2.
283 USD
Website for evaluation: https://copy.eurobrands-shop.de/ Task: fix frontend bugs at the Magento 2 / Amasty theme level: CSS/LESS/JS, mobile, RTL, minicart, language dropdown, layout shift/CLS. Work format: - without local Magento deployment; - work through DevTools + theme… HTML & CSS, Javascript and Typescript ∙ 22 hours 40 minutes back ∙ 35 proposals |
Improvement of site CR conversion
145 USD
Improvement of the website's CR conversion. Tasks according to the specifications https://docs.google.com/document/d/1Y7zipbe2IEnFpthYuheAr6QA_50aR2Fz8V14rp5NpNo/edit?usp=sharingBOOK NOW buttonphoto / videoshort textAND IMMEDIATELY the booking formfixed (sticky)to repeat every… HTML & CSS, Web Programming ∙ 1 day 3 hours back ∙ 38 proposals |
Development of an iOS application for online chess similar to (possibly through Vibe Coding)
445 USD
It is necessary to develop an MVP mobile application only for iOS. The concept can be based on Chess.com, but without copying the design or code. It is preferable to maximize the use of Vibe Coding/AI to speed up development and reduce costs, but the code must be clean,… HTML & CSS ∙ 1 day 16 hours back ∙ 32 proposals |