Доопрацювання сайту на Elementor

Беремо на доопрацювання сайти на Elementor: додаємо нові сторінки й блоки, пишемо власні віджети, підключаємо форми, калькулятори та оплату. Це для власників, у яких сайт уже працює на конструкторі й переробляти його з нуля немає причин.

Що можна зробити, не змінюючи конструктор

• нові сторінки й секції у стилі чинного сайту;
• власні віджети Elementor, які редактор наповнює прямо в конструкторі;
• калькулятор, пов’язаний із формою заявки;
• форма онлайн-оплати із захистом від ботів;
• виправлення адаптиву на телефоні та планшеті;
• чистка зайвих плагінів і базове прискорення.

Як ми працюємо з чужим сайтом

Спершу дивимося, як сайт зібраний: тема, додатки до Elementor, глобальні стилі. Нову логіку виносимо в окремий плагін, а не вписуємо в тему, щоб оновлення нічого не стерли. Зміни робимо на копії сайту й переносимо після перевірки форм. Після огляду кажемо, що можна зробити в межах конструктора, а що потребує окремої розробки. Якщо на сайті стоять застарілі додатки чи плагіни, які конфліктують між собою, попереджаємо про це до початку робіт.

З нашої практики

Для велнес-студії ми зробили набір віджетів BiodynFlow: анімоване колесо послуг, яке редактор наповнює в Elementor, блоки для лендингу програми та форму оплати. Перелік послуг, ціни й сторінку подяки редактор змінює в налаштуваннях віджета, а форму захищають обмеження кількості спроб, межі суми та приховане поле-пастка для ботів.

Для електромонтажної компанії написали калькулятор SHOV Elektro: відвідувач відповідає на чотири запитання про будинок і бачить орієнтовну ціну блискавкозахисту, а після натискання кнопки замовлення сума сама потрапляє в поле спливаючої форми Elementor. Скрипти калькулятора підключаються лише на його сторінці. Ціна показується з приміткою, що вона орієнтовна.

Для детейлінг-студії AutoSkin NYC лендинг пакета послуг зроблено окремим плагіном: шаблон призначається будь-якій сторінці в адмінці й не залежить від теми сайту.

Де межа конструктора

Elementor добре підходить, коли сторінки збирає сама команда й важлива свобода компонування. Обмеження з’являються на великих сайтах: однотипні сторінки доводиться правити по одній, а код конструктора вантажиться на кожній сторінці. Якщо сайт уперся в ці межі, пропонуємо перенесення на власну тему — поступово, сторінка за сторінкою. Критерії вибору зібрали в статті «Власна тема чи Elementor». Доопрацювання — частина нашої роботи із сайтами на WordPress.