Блок з кнопкою + PopUp-форма для збору контактів
Сайт для реалізації: saudi-arabia-stick.online
На даний момент налаштовано вивантаження всіх лідів (покупок) в Telegram і Bitrix.Дані з форми також повинні впасти в ТГ і CRM як ліди.Блоки і ПопАп і їхні елементи зроблені на основі вже створених блоків і елементів сайту, щоб зробити швидше і не винаходити велосипед і була можливість просто скопіювати елемент з його усіма властивостями.Макети у вигляді зображень надані для ознайомлення з візуалом.Основні моменти прописані в ТЗ.Адаптивність і поведінка при перегляді з різних пристроїв зберігаємо як загальна на сайті.Арабська версія блоку відрізняється тільки огледальним відображенням (право на ліво).ПопАп арабський як і зараз, щоб не замерзатися робимо так, як було (центруємо текст по середині).Переклад буде надано в кінці ТЗ
Важливо: Контент блоку повинен легко змінюватися через адмінку (текст заголовку, опис, текст кнопки).Також стосується і ПопАп (текст заголовка, текст кнопки, текст Дякую... після відправлення форми).Технічна частина вивантаження ліда: Контакти повинні впасти в тг групу (інтеграція вже реалізована на сайті) Лід повинен містити наступну інформацію: Ім'я (обов'язкове поле) Номер телефону (обов'язкове поле) Пошта (не обов'язкове поле) У тг\Бітрикс лід називається Бонус (за замовчуванням).Час і дата ліди
Десктоп дизайн блоку (що не змінюється): Розмір і жирність заголовку Give contacts в блоку як і з іншими блоками - 60 pt, Jost Light Розмір підпису знизу (Valid only for new customers...) - 30pt Jost Regular Кнопка - колір, тінь, закрутність, відступи, розмір і жирність шрифту як на головному екрані, тільки відповідно ширше, враховуючи кількість тексту.У майбутньому повинна бути легко редагуватися (текстова частина).Колір фону - 5c2383.Поля форми однакова, як на сторінці Checkout
Мобільна версія дизайну блоку (що не змінюється): Розмір і жирність заголовку Give contacts... в блоку як і з іншими блоками - 40 pt, Jost Light Розмір підпису знизу (Valid only for new customers...) - 24pt Jost Regular Кнопка - колір, тінь, закрученість, відступи, розмір і жирність шрифту як на головному екрані, тільки відповідно ширше, враховуючи кількість тексту.У майбутньому повинна бути легко редагуватися (текстова частина).Колір фону - 5c2383.Поля форми однакова, як і на сторінці Checkout
PopUp Мобільна версія (що не змінюється): Розмір вікна і тінь Розмір і розташування ікони закриття Розмір шрифту заголовка Всі відступи до контенту Розмір і жирність шрифтів назви полів і шрифтів всередині поля.Висота полів, border radius, їх колір (фон і обводка) Кнопка як на головній і в блоці.Закривається за допомогою ікони закриття або натискаючи біля ПопАпа.PopUp Декстоп (що не змінюється): Розмір ПопАпа і його тінь.Розмір і розташування ікони закриття Розмір шрифту заголовка.Колір полів, граничний радіус і колір обводки Закривається за допомогою ікони закриття або натискаючи біля ПопАпа.PopUp Десктоп, особливості: Розмір і жирність шрифтів назви полів і шрифтів всередині поля - 24pt Jost Light Ширина поля для заповнення 330px, Висота 52px Відступ всередині поля вище 17px, ліворуч 12px Ширина і висота кнопки як і поля.Розмір шрифту 30pt Jost Regular, колір 5c2383.Мобільна версія дизайну блоку, особливості: Можна мати 2 рядки заголовку.Є на прикладі на фото.Висота при 2 рядках заголовків - 362px Висота при 1 рядку заголовків - 316px Відступ з верхнього і нижнього від контенту - 58px
Десктоп версія дизайну блоку, особливості: Висота блоку - 204 px Відступ з верхнього і нижнього контенту, і з нижнього до кнопки - 50px
Після заповнення форми - PopUp дякую.З'являється в тому ж місці, де і попередній.Насправді це саме цей ПопАп тільки з текстом Thanks for filling out the form!Очікуйте повідомлення менеджера!Jost Regular 36pt Розмір форми, тінь, ікона закриття такі ж, як і раніше.Заголовок і на робочому столі і в мобільному телефоні однаковий.Заголовок відцентрується посередині ПопАпа з усіх боків.Закривається самостійно через 2 секунди або за допомогою ікони закриття або натискаючи біля ПопАпа.Переклад текстів для арабської версії: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
Дякуємо за заповнення форми!Очікуйте повідомлення менеджера!1) надати стороні зв'язку і отримати винагороду 2) 3) корисний тільки для нових клієнтів.Нагороду визначає працівник.4) хоче бонус 5) заповнити всі поля 6) ваше ім'я 7) електронна пошта
8) Дякую за заповнення форми!Чекаємо на послання директора!До завдання прикріплюється кілька макетів для розуміння візуалу та типографіки.Готовий результат повинен максимально відповідати макетам.
Додатки 7
Результати роботи
Відгук замовника про співпрацю з Юрієм Б.
Блок з кнопкою + PopUp-форма для збору контактівРобота виконана з мінімальною кількістю ітирацій правок.
Виконавчий розуміє корекції з першого разу і реалізує все за ТЗ.
Найкращий відсоток ціни до якості.
Відгук фрилансера про співпрацю з Igor Shmatkov
Блок з кнопкою + PopUp-форма для збору контактівДякуємо за співпрацю! Замовник був на зв'язку, на всі додаткові запитання відповів негайно, з оплатою проблем не було. Я рекомендую .
-
105 Вітаю вас! Я маю великий досвід реалізації таких проектів, більше 4 років. Також займаюся переробкою, оптимізацією та поліпшенням існуючих сайтів. Пропонуємо обговорити деталі в ЛС, з радістю взяти за роботу.
-
2292 38 2 добрий день. Готов виконати роботу. З Wordpress, Бітрікс24, ТГ знайом тому проблем при розробці виникнути не повинно.
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Підключити форму на лендінгу до keycrmНеобхідно підключити форму заявки на лендінгу до keycrm. Всі необхідні доступи надам. Пишіть скільки займе по часу та коштам така задача. HTML та CSS верстання, Python ∙ 4 години 39 хвилин тому ∙ 60 ставок |
Виправлення індексації та базової SEO-оптимізації сайту (WordPress + Elementor + WooCommerce)
3500 UAH
Є сайт на WordPress (Elementor + WooCommerce). У поточному стані є проблеми з SEO та індексацією сторінок. Розробник повідомляє, що через Elementor показники продуктивності обмежені, але основне завдання зараз - коректна індексація та SEO-настройки. Що потрібно перевірити та… HTML та CSS верстання, Пошукова оптимізація (SEO) ∙ 20 годин 33 хвилини тому ∙ 53 ставки |
Потрібен frontend-розробник / верстальник для разової доопрацювання сайту на Magento 2
12 730 UAH
Сайт для оцінки: https://copy.eurobrands-shop.de/ Завдання: виправити frontend-баги на рівні теми Magento 2 / Amasty theme: CSS/LESS/JS, mobile, RTL, minicart, language dropdown, layout shift/CLS. Формат роботи: - без локального розгортання Magento; - робота через DevTools +… HTML та CSS верстання, Javascript та Typescript ∙ 23 години 8 хвилин тому ∙ 35 ставок |
Покращення СR конверсії сайту
6500 UAH
Покращення СR конверсії сайту. Задачи по ТЗ https://docs.google.com/document/d/1Y7zipbe2IEnFpthYuheAr6QA_50aR2Fz8V14rp5NpNo/edit?usp=sharingКнопка BOOK NOWфото / відеокороткий текстІ ОДРАЗУ форма бронюванняфіксованою (sticky)повторюватися кожні 1–2 блокиоднакового кольору… HTML та CSS верстання, Веб-програмування ∙ 1 день 3 години тому ∙ 38 ставок |
Розробка iOS-додатку для онлайн-шахів аналогу (можливо через Vibe Coding)
20 000 UAH
Потрібно розробити MVP мобільного додатка лише під iOS. За основу можна взяти концепцію Chess.com, але без копіювання дизайну чи коду. Бажано максимально використати Vibe Coding/AI для прискорення розробки та зменшення вартості, але код має бути чистим, зрозумілим і придатним… HTML та CSS верстання ∙ 1 день 16 годин тому ∙ 33 ставки |