Jak stworzyć ankietę na swoją stronę www?

Tworzenie ankiety na stronę internetową to jedna z najprostszych, a jednocześnie najskuteczniejszych metod na poznanie opinii odwiedzających. Niezależnie od tego, czy prowadzisz blog, sklep internetowy, stronę firmową czy portal informacyjny – ankieta może pomóc Ci zrozumieć, czego oczekują Twoi użytkownicy, co im się podoba, a co warto poprawić.

Wbrew pozorom nie musisz być programistą, żeby dodać ankietę na stronę. Możesz to zrobić na kilka sposobów: korzystając z gotowych narzędzi, wtyczek lub pisząc własny kod. W tym artykule przeprowadzę Cię przez wszystkie opcje, tak abyś wybrał tę, która najlepiej pasuje do Twoich potrzeb.

Dlaczego warto mieć ankietę na stronie?

Zanim przejdziemy do technikaliów, warto zrozumieć, po co w ogóle tworzyć ankietę. I nie chodzi tylko o „bo inni mają”.

Ankieta na stronie pozwala Ci:

poznać potrzeby użytkowników – zamiast zgadywać, po prostu pytasz,
zwiększyć zaangażowanie – ludzie lubią wyrażać swoje zdanie,
zbierać dane do ulepszania usług – realne opinie to złoto,
testować pomysły – zanim wdrożysz nową funkcję, zapytaj, czy jest potrzebna,
budować relację z odbiorcami – pokazujesz, że ich zdanie ma znaczenie.

W praktyce ankieta to jedno z najprostszych narzędzi UX, które może dać Ci ogromną przewagę.

Metoda 1: Gotowe narzędzia online (najprostsza opcja)

Jeśli nie chcesz bawić się w kodowanie, to świetna wiadomość – istnieje mnóstwo narzędzi, które pozwalają stworzyć ankietę w kilka minut, a potem po prostu wkleić ją na stronę.

Najpopularniejsze to:

Google Forms
Typeform
Survio
SurveyMonkey
Microsoft Forms
LimeSurvey

Każde z nich działa podobnie: tworzysz ankietę, dostajesz link lub kod do osadzenia i wklejasz go na swoją stronę.

Jak dodać ankietę Google Forms na stronę?

Wejdź na https://forms.google.com
Stwórz ankietę – pytania, odpowiedzi, wygląd.
Kliknij Wyślij.
Wybierz ikonę < > (osadzanie).
Skopiuj wygenerowany kod HTML.
Wklej go na swoją stronę w miejscu, gdzie ma się pojawić ankieta.

I gotowe. Zero programowania, zero stresu.

Metoda 2: Wtyczki do WordPressa (dla stron na WP)

Jeśli Twoja strona działa na WordPressie, masz jeszcze łatwiej. Wystarczy zainstalować odpowiednią wtyczkę.

Najpopularniejsze wtyczki do ankiet:

WPForms
Forminator
Poll, Survey & Quiz by OpinionStage
YOP Poll
Gravity Forms (płatne, ale potężne)

Jak to wygląda w praktyce?

Wchodzisz w Wtyczki → Dodaj nową.
Wpisujesz nazwę wtyczki, np. „WPForms”.
Instalujesz i aktywujesz.
Tworzysz ankietę w panelu.
Wstawiasz ją na stronę za pomocą shortcode, np.:

[wpforms id="123"]

I tyle. WordPress robi za Ciebie całą robotę.

Metoda 3: Stworzenie ankiety samodzielnie (HTML + CSS + JavaScript + PHP)

Jeśli chcesz mieć pełną kontrolę nad wyglądem i działaniem ankiety, możesz napisać ją samodzielnie. To wcale nie jest trudne – wystarczy kilka linijek kodu.

Poniżej znajdziesz prosty przykład ankiety, która:

wyświetla pytanie,
pozwala wybrać odpowiedź,
zapisuje wynik do pliku na serwerze.

To oczywiście wersja podstawowa, ale świetna jako punkt wyjścia.

Przykładowy kod ankiety (HTML + CSS + JS + PHP)

1. Plik HTML (ankieta.html)

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Prosta ankieta</title>
<style>
body {
    font-family: Arial, sans-serif;
    max-width: 600px;
    margin: 40px auto;
}
button {
    padding: 10px 20px;
    background: #007bff;
    color: #fff;
    border: none;
    cursor: pointer;
}
button:hover {
    background: #0056b3;
}
</style>
</head>
<body>

<h2>Jak oceniasz naszą stronę?</h2>

<form id="surveyForm">
    <label><input type="radio" name="answer" value="Świetna"> Świetna</label><br>
    <label><input type="radio" name="answer" value="Dobra"> Dobra</label><br>
    <label><input type="radio" name="answer" value="Może być"> Może być</label><br>
    <label><input type="radio" name="answer" value="Słaba"> Słaba</label><br><br>

    <button type="submit">Wyślij</button>
</form>

<p id="result"></p>

<script>
document.getElementById("surveyForm").addEventListener("submit", function(e){
    e.preventDefault();

    const answer = document.querySelector('input[name="answer"]:checked');
    if(!answer){
        alert("Wybierz odpowiedź!");
        return;
    }

    fetch("save.php", {
        method: "POST",
        headers: {"Content-Type": "application/x-www-form-urlencoded"},
        body: "answer=" + encodeURIComponent(answer.value)
    })
    .then(res => res.text())
    .then(data => {
        document.getElementById("result").innerText = data;
    });
});
</script>

</body>
</html>

2. Plik PHP (save.php)

<?php
if(isset($_POST['answer'])){
    $answer = $_POST['answer'];
    file_put_contents("results.txt", $answer . PHP_EOL, FILE_APPEND);
    echo "Dziękujemy za udział w ankiecie!";
} else {
    echo "Błąd: brak odpowiedzi.";
}
?>

3. Plik results.txt

Tworzy się automatycznie po pierwszym głosie.

Jak to działa?

Użytkownik wybiera odpowiedź.
JavaScript wysyła ją do pliku PHP.
PHP zapisuje odpowiedź do pliku tekstowego.
Użytkownik dostaje komunikat zwrotny.

To najprostsza możliwa wersja ankiety, ale możesz ją rozbudować o:

liczenie głosów,
wykresy,
zabezpieczenia przed spamem,
zapisywanie do bazy danych,
logowanie IP,
ograniczenie jednego głosu na użytkownika.

Możliwości są praktycznie nieograniczone.

Jaką metodę wybrać?

To zależy od Twoich potrzeb.

Jeśli chcesz szybko i bez kodowania

→ wybierz Google Forms, Typeform lub Microsoft Forms.

Jeśli masz WordPressa

→ zainstaluj WPForms lub Forminator.

Jeśli chcesz pełną kontrolę i własny wygląd

→ napisz ankietę samodzielnie w HTML + JS + PHP.

Jeśli potrzebujesz zaawansowanych badań

→ wybierz SurveyMonkey lub LimeSurvey.

Najczęstsze błędy przy tworzeniu ankiet

Warto ich unikać, bo mogą zniechęcić użytkowników.

Za dużo pytań – ludzie nie lubią długich ankiet.
Zbyt skomplikowane pytania – pisz prosto i konkretnie.
Brak informacji, po co ankieta – dodaj krótkie wprowadzenie.
Brak podziękowania – to drobiazg, ale robi różnicę.
Brak responsywności – ankieta musi działać na telefonie.

Stworzenie ankiety na stronę www to naprawdę prosta sprawa, a korzyści mogą być ogromne. Masz do wyboru:

gotowe narzędzia,
wtyczki do WordPressa,
własny kod.

Wszystko zależy od tego, ile chcesz mieć kontroli i jak bardzo chcesz się angażować technicznie. Najważniejsze jest jednak to, żeby ankieta była prosta, czytelna i przyjazna dla użytkownika.