Chcesz nadać treści indywidualny charakter? Dorzucić własny tag, styl czy efekt? Wychodzimy naprzeciw Twoim oczekiwaniom – w wybranych sekcjach możesz skorzystać z edycji HTML oraz dopasować zawartość do swoich potrzeb. 
Jak to działa i gdzie mogę to włączyć?
W pierwszej kolejności zaloguj się do Panelu https://now.cyberfolks.pl/editor. Edycję możesz wykonać zarówno z poziomu Edytora jak i Ustawień zaawansowanych.
Edycja HTML z poziomu Edytora
Podświetl wybraną sekcję do edycji i znajdź opcję w lewym górnym rogu Edytuj Sekcję. Po prawej stronie wyświetli Ci możliwość edycji – pamiętaj, aby po prawej stronie włączony był tryb HTML.
UWAGA!
Edytor HTML nie jest dostępny na stronie głównej oraz podstronach „O nas” i „Kontakt”
Przykładowa edycja z sekcji Portfolio:
Edycja HTML w wybranych modułach w Menu
W prawym górnym rogu kliknij emotikonę koła zębatego, następnie wybierz opcję Ustawienia
Po lewej stronie znajdziesz Panel zarządzania treścią. Możliwość edycji HTML dostępna jest w sekcjach: Lista Usług, Portfolio, Blog, Strony Dodatkowe.
W Liście Usług możesz dodać nową usługę lub edytować już utworzoną, klikając w prawym górnym rogu emotikonę koła zębatego i wybierając opcję Edytuj.
Zostaniesz przeniesiony do okna edycji treści. W prawym górnym rogu kliknij suwak obok napisu „HTML”, aby podświetlił się na zielono, jednocześnie zezwalając na edycję kodu. W polu Treść możesz umieść kod HTML.
Dodanie linku w sekcji Portfolio, Blog oraz Strony Dodatkowe możesz wykonać w ten sam sposób, jak na powyższym przykładzie.
Miejsce, w którym można wykonać edycję, mamy już ustalone. Poniżej przedstawię kilka przykładów możliwości oraz sposobów edycji HTML.
1. Tworzenie elementów prowadzących do wybranej strony
<a href="https://linkdotwojejstrony.pl">Kliknij, aby zobaczyć mój poradnik</a>
Efekt na Twojej stronie:
Co robi ten kod?<a> – to tag otwierający dla hiperłącza. Oznacza początek linku.href="https://linkdotwojejstrony.pl" – atrybut href zawiera adres strony, do której użytkownik zostanie przeniesiony po kliknięciu w link. Kliknij, aby zobaczyć mój poradnik – to tekst, który będzie widoczny na stronie. Użytkownik widzi tylko ten tekst i może w niego kliknąć.</a> – zamykający tag linku, który kończy działanie hiperłącza.
2. Tworzenie przycisku<a href="https://www.example.com" target="_blank" style="background-color: green; color: white; padding: 10px 20px; text-decoration: none; border-radius: 5px; display: inline-block;">
Kliknij tutaj
</a>
Efekt na Twojej stronie:
2. Zmiana nagłówków
W HTML nagłówki zmienia się za pomocą znaczników od <h1> do <h6>, gdzie:
<h6> to najmniej ważny, najmniejszy nagłówek.
<h1> to najważniejszy, największy nagłówek,
Po włączeniu edycji HTML zobaczysz obecnie ustawione nagłówki. Jeżeli chciałbyś je edytować/zmienić pod swoje preferencje, wystarczy, że zamienisz znacznik na inny, np:
<h2>Kontakt</h2>
3. Style – czyli czcionka, rozmiar tekstu oraz nowy kolor
Personalizacja tekstu pozwala na dopasowanie wyglądu strony do własnych preferencji, sprawiając, że staje się ona bardziej czytelna i atrakcyjna wizualnie
<p style="color: blue; font-size: 20px;">To jest niebieski tekst</p>
Efekt na Twojej stronie:
Ten kod tworzy akapit z tekstem „To jest niebieski tekst”, wyświetlonym w niebieskim kolorze i powiększonym do 20 pikseli.
<p>: to znacznik HTML, który oznacza akapit. W tym przypadku tekst „To jest niebieski tekst” zostanie wyświetlony jako paragraf.style="color: blue;": To styl CSS, który zmienia kolor tekstu na niebieski. color odpowiada za kolor czcionki.font-size: 20px;: To kolejny styl CSS, który ustawia rozmiar czcionki na 20 pikseli. Dzięki temu tekst będzie większy niż domyślny rozmiar czcionki.
4. Integracja z Booksy – osadzenie widżetu rezerwacyjnego na stronie
<!DOCTYPE html><html lang="pl"> <head> <meta charset="UTF-8"> <title>Rezerwacja przez Booksy</title> </head> <body> <!-- Osadzony widget Booksy --> <script type="text/javascript" src="https://booksy.com/widget/code.js?id=TWÓJ_ID&id=25143&country=pl&lang=pl"></script> </body> </html>
Efekt na Twojej stronie:
Ten kod pozwala w bardzo prosty sposób osadzić widget rezerwacyjny Booksy na Twojej stronie. Wklej ten fragment kodu do swojej strony w edycji HTML, podmień TWÓJ_ID na właściwy identyfikator swojego konta lub firmy w Booksy. Dzięki temu umożliwisz szybkie rezerwacje wizyt online.
Przedstawione przykłady to jedynie część szerokiego wachlarza możliwości, jakie oferuje HTML. Dzięki niemu możesz śmiało personalizować stronę według własnych potrzeb i wizji — od prostych zmian po bardziej zaawansowane układy i funkcjonalności.
