Як змінити текст на сайті через код елемента?

Припустимо, у вас виникла потреба щось потестити в тексті на сайті. Найчастіше для цього потрібно лізти в код, але ви як арбітражник можете не вміти цього робити, та й не завжди повинні. Кодер у відключці, доступу до адмінки немає, а перевірити треба терміново — наприклад, завтра реліз. Що робити? Змінювати текст на сайті через код елемента. Сьогодні розповімо як, коротко і без води.

Способів відредагувати текст — або будь-який інший елемент на сайті — існує декілька.

Читайте також наш матеріал про те, як поліпшити показник конверсії на лендингу!

Як викликати код елемента на сайті

Працює, якщо ви користуєтеся Хромом.

“Переглянути код”. Виділяєте будь-який текст сайту, клацаєте правою кнопкою миші і знаходите “переглянути код”. Праворуч відкриється страшне різнокольорове поле з кодом.

На macOS “переглянути код” у списку може не бути. Тоді просто використовуйте комбінацію клавіш Alt + cmd + I. Результат від цього не зміниться;

2. Редагуєте. Виділяєте потрібний фрагмент, клікаєте правою кнопкою миші і знаходите там “Редагувати як HTML”.

І редагуєте 🙂

Якщо раптом ви користуєтеся Firefox

Відкриваємо браузер і потрібну сторінку. Тицяємо на три лінії зверху і знаходимо “Інші інструменти”. Шукаємо “інструменти веб-розробника”. Це меню можна викликати комбінацією клавіш CTRL + Shift + I.

У нижній частині сторінки відкриється панель із вихідним кодом елемента сторінки. Тут же можна редагувати текст та інші елементи сторінки: виділяєте елементи для редагування і вперед. По завершенню клікаєте в будь-якому порожньому місці екрана (те, яке не код) і закриваєте панель.

Inspect Element: неочевидне рішення для користувачів Chrome

Власне, не тільки для Google Chrome, а й для Мозілли з Фаєрвоксом теж. Його використовують усі, від дизайнерів до розробників, зазвичай для того, щоб потестити як працює сайт, без ризику щось поламати. В інструменті доступні HTML, CSS і код JavaScript.

Арбітражники використовують розширення теж. Завантажити його можна тут. Ось короткий гайд по роботі з Inspect Element:

Встановлюємо штуку в браузер;
Переходимо на сайт, який хочемо редагувати;
Запускаємо розширення.

Воно попросить вас залогінитися (можна через пошту Gmail). Але функціонал буде недоступний, поки ви не апгрейднетесь.

Ось як це виглядає:

Зовнішній вигляд розширення а-ля “початок нульових” оманливий: Inspect Element досить функціональний

Утім, можна спробувати безкоштовний тариф на 7 днів. Потім зайти під іншою поштовою скринькою — і спробувати ще один безкоштовний тариф. І так поки не набридне. Вартість платного тарифу — від $3 до $10. З повідомлення вище не зовсім зрозуміло, в чому різниця між планами Unlimited і Lifetime, але ми рекомендуємо спробувати хоча б перший: якщо вам конче потрібно міняти текст сайту регулярно, то це розширення — найкращий варіант з усього, що ми перерахували в статті.

Навіщо взагалі редагувати текст сайту?

Ну, по-перше, так можна тролити друзів: змінив код елемента на сайті і скинув кому-небудь скрін — мовляв, дивись, на Подолі реально здається студія з теплою підлогою за $350.

По-друге, як ми вже написали вище, щоб зімітувати зміни на сайті без будь-яких втрат. Арбітражник може гратися зі шрифтами, кольорами та оформленням сторінки загалом. Це корисно, якщо ви самостійно працюєте над створенням лендінгу для вашого рекламодавця (є така категорія вебмайстрів) — або запускаєте власний лендос. А для працівників сапорта це взагалі скарб: за допомогою цього — або будь-якого іншого інструменту, про який ми говорили вище — можна побачити помилки, які впливають на роботу сайту.

По-третє, Inspect Element і все, що ми перерахували, може стати гідною альтернативою Фотошопу, до того ж швидкою: більше не потрібно замазувати особисту інформацію на сайті, коли ви робите скрін, — можна “змінити” сам сайт.

Підсумок

Редагувати текст або інші елементи на сайті можна через базовий функціонал браузера або через розширення. Перший спосіб — швидкий, другий підійде для арбів, які тестують нововведення на лендингу регулярно.

Сподіваємося, матеріал був для вас корисним. Не забудьте підписатися на наш Youtube! Ми регулярно публікуємо нові інтерв’ю з топами українського арбітражу, які діляться з глядачами тільки свіжими новинками та актуалочкою.