Filmy na stronie internetowej są ważnym elementem strategii marketingowej, który zwiększa zaangażowanie użytkowników i poprawiają pozycjonowanie w wyszukiwarkach. Przyciągają i utrzymują uwagę znacznie lepiej niż sam tekst, a dodatkowo sprawiają, że strona wygląda nowocześnie.
Jak dodać film na stronie zbudowanej w _now?
Narzędzie _now niestety na ten moment nie wspiera bezpośrednio dodawania filmów, jednak nie stanowi to problemu, gdyż film możemy dodać za pomocą wbudowanego edytora HTML po wcześniejszym umieszczeniu na platformie YouTube. Po wgraniu filmu otwórz go, kliknij „Udostępnij” i „Umieść”:
Wyskoczy wtedy okienko z kodem, który musisz skopiować. Przykładowy kod wygląda w taki sposób:<iframe width="560" height="315" src="https://www.youtube.com/embed/K29O23gYzwU?si=4Hriqp5QQD0j9wgz" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Teraz zaloguj się do _now https://now.cyberfolks.pl/designer/ i kliknij w miejsce (sekcję), gdzie chcesz wstawić film. Edytor HTML w danej sekcji możesz włączyć tuż nad polem z edycją tekstu:
UWAGA! Edytor HTML nie jest dostępny na stronie głównej oraz podstronach „O nas” i „Kontakt”
Po włączeniu pole edycji zmieni nieco swój wygląd – pojawią się znaczniki <p> i <h2>. Znajdź odpowiednie miejsce w tekście, gdzie ma zostać umieszczony film i wklej tam skopiowany wcześniej kod.
Rozmiar okienka z filmem możesz modyfikować poprzez zmianę liczby w parametrze width (szerokość) oraz height (wysokość).
Jeśli chcesz, aby film był wyśrodkowany trzeba lekko zmodyfikować kod, dodając na początku kodu <div style="text-align: center;"></div> na końcu zgodnie z poniższym wzorem:<div style="text-align: center;"><iframe width="560" height="315" src="https://www.youtube.com/embed/K29O23gYzwU?si=4Hriqp5QQD0j9wgz" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
I to wszystko! Film pojawi się na stronie. Pamiętaj tylko o zapisaniu zmian 
