Title: Formularz kontaktowy w nowym oknie z narzuconym tematem Last modified: 2016-08-05 --- # Formularz kontaktowy w nowym oknie z narzuconym tematem * [jacob4187](https://pl.wordpress.org/support/users/jacob4187/) * (@jacob4187) * [12 lat, 3 miesiące temu](https://pl.wordpress.org/support/topic/formularz-kontaktowy-w-nowym-oknie-z-narzuconym-tematem/) * Witam, szukałem szukałem i znaleźć nie mogłem odpowiedzi na mój problem. Chcę stworzyć formularz kontaktowy, aby po kliknięciu danego buttonu na stronie wyświetlał mi się w nowym oknie oraz aby miał „narzucony” z góry temat (tzn już wpisany po otwarciu formularza ale aby dało się go usunąć i wpisać nowy), tak jak na tej stronie: [http://www.facebookpro.com.pl/oferta](http://www.facebookpro.com.pl/oferta) gdy klikniecie jeden z buttonów „Zamawiam”. Z tym że tam tematu nie da się zmienić, ja chcę aby się dało (jeśli nie, to już trudno..) Pozdrawiam 😉 Zobacz 7 odpowiedzi - od 1 do 7 (z 7 łącznie) * [SeeSite](https://pl.wordpress.org/support/users/seesite/) * (@seesite) * [12 lat, 3 miesiące temu](https://pl.wordpress.org/support/topic/formularz-kontaktowy-w-nowym-oknie-z-narzuconym-tematem/#post-42239) * Na podanej przez Ciebie stronie to nowe okno, to „modal” generowany przez jQueryUI. * W skrócie działa to tak: przycisk „zamawiam” obsługiwany jest przez kawałek skryptu JS, który blokuje domyślą akcję `` (czyli preventDefault() w jQuery) i wywołuje procedurę odpowiedzialną za wyświetlenie w oknie modalnym właściwego formularza. Sam kod html formularza może się znajdować w template strony, bądź też może być„ doładowywany” dynamicznie skryptem JS, z tym że w jednym i drugim przypadku nie jest on wyświetlany (np. display:none w CSS) dopóki nie zostanie wywołana akcja onclick związana z przyciskiem „zamawiam”. Sama konstrukcja formularza w oknie modalnym jest już standardowa – zestaw input’ów kierowany (również JSem) do odpowiednich funkcji odpowiedzialnych za fizyczne wysłanie formularza mailem, bądź zapisania danych w bazie. * Tworząc formularz możesz poszczególnym input’om przypisać wartość początkową korzystając z atrybutu value. Dzięki temu otwierając formularz będzie on wstępnie wypełniony, a wprowadzenie zmian będzie w dalszym ciągu możliwe. * Podsumowując – jeśli chcesz to napisać samodzielnie potrzebujesz stworzyć formularz w HTML i napisać skrypt JS/jQuery/jQueryUI obsługujący akcję wyświetlenia okna modalnego i wysłki formularza. Jeśli wybierasz tą drogę, poczytaj na temat okien modalnych w jQueryUI oraz .click() i .post() w jQuery. * Jeśli zaś potrzebujesz gotowca, na pewno znajdziesz pluginy z taką funkcjonalnością, np. pierwszy z brzegu [https://wordpress.org/plugins/ninja-forms-modal/installation/](https://wordpress.org/plugins/ninja-forms-modal/installation/) * Twórca wątku [jacob4187](https://pl.wordpress.org/support/users/jacob4187/) * (@jacob4187) * [12 lat, 3 miesiące temu](https://pl.wordpress.org/support/topic/formularz-kontaktowy-w-nowym-oknie-z-narzuconym-tematem/#post-42240) * Dzięki za szerokie wytłumaczenie, za pierwszy sposób na razie się nie zabieram, trochę by mi to zajęło a chciałbym to mieć jak najszybciej. Skorzystałem z wtyczki, którą mi podałeś, jednakże mam troszkę problem z jego obsługą, mianowicie poczytałem i piszą: _Simply use the [ninja\_forms\_modal] shortcode and pass it the following paramters: your form ID (id), the text or image url you would like to be used as the link to your Ninja Forms Modal (text\_link, image\_link)._ * Here is a example of a text link: [ninja_forms_modal id=2 text_link”Click here to fill out out form”] * Czyli na początku muszę na stronie wpisać [ninja_forms_modal, potem ID (skąd go mam wziąć?), potem odnośniki, np. image_link, więc jeśli np chcę aby to był button to co mam wpisać? * [SeeSite](https://pl.wordpress.org/support/users/seesite/) * (@seesite) * [12 lat, 3 miesiące temu](https://pl.wordpress.org/support/topic/formularz-kontaktowy-w-nowym-oknie-z-narzuconym-tematem/#post-42241) * Najpierw to tworzysz formularz w Ninja Form i tam uzyskasz ID formularza. Dopiero potem korzystasz z shortcode w treści strony/wpisu * Twórca wątku [jacob4187](https://pl.wordpress.org/support/users/jacob4187/) * (@jacob4187) * [12 lat, 3 miesiące temu](https://pl.wordpress.org/support/topic/formularz-kontaktowy-w-nowym-oknie-z-narzuconym-tematem/#post-42242) * Tak tak, domyśliłem się że tak to miało być, jednak z portalu wordpress gdy pobrałem wtyczkę i zainstalowałem, nie wyświetlały mi się w panelu ustawienia wtyczki. Pobrałem ze strony producenta i wszystko gra :)) * Twórca wątku [jacob4187](https://pl.wordpress.org/support/users/jacob4187/) * (@jacob4187) * [12 lat, 3 miesiące temu](https://pl.wordpress.org/support/topic/formularz-kontaktowy-w-nowym-oknie-z-narzuconym-tematem/#post-42244) * Pokombinowałem troche, ogarnąłem wtyczkę, stworzyłem formularz, jednak nadal nie wiem jak zrobić aby otwierał się w nowym oknie. Gdy stosuję dla przykładu link [ninja_forms_display_form id=2] to wyświetla się na tej samej stronie, gdy dodam do niego ” text_link”Click here to fill out out form” to wtedy cały kod wyświetla się na stronie, czyli nie to co powinno się wyświetlać ;PP * [SeeSite](https://pl.wordpress.org/support/users/seesite/) * (@seesite) * [12 lat, 3 miesiące temu](https://pl.wordpress.org/support/topic/formularz-kontaktowy-w-nowym-oknie-z-narzuconym-tematem/#post-42246) * > Here is a example of a text link: [ninja_forms_modal id=2 text_link”Click here > to fill out out form”] * W zasadzie to jest odpowiedź 😉 * No i oczywiście muszą być zainstalowane ninja forms i ninja forms modal. * Twórca wątku [jacob4187](https://pl.wordpress.org/support/users/jacob4187/) * (@jacob4187) * [12 lat, 3 miesiące temu](https://pl.wordpress.org/support/topic/formularz-kontaktowy-w-nowym-oknie-z-narzuconym-tematem/#post-42247) * Pierwszym błędem było to, że nie miałem zainstalowane Ninja Forms Modal. Drugim to, że kod był nieprawidłowy, skopiowałem z ich strony: [ninja_forms_modal_form id=1 text_link=’My Modal Forms’] * Wszystko teraz pięknie działa, muszę się jeszcze pobawić aby przypisać to do buttonu, ale to mi już raczej nie sprawi problemów. Wielkie dzięki za pomoc! :)) Zobacz 7 odpowiedzi - od 1 do 7 (z 7 łącznie) Temat ‘Formularz kontaktowy w nowym oknie z narzuconym tematem’ jest zamknięty na nowe odpowiedzi. ## Tagi * [formularz](https://pl.wordpress.org/support/topic-tag/formularz/) * [formularz w nowym oknie](https://pl.wordpress.org/support/topic-tag/formularz-w-nowym-oknie/) * [kontakt](https://pl.wordpress.org/support/topic-tag/kontakt/) * W: [Zaawansowane](https://pl.wordpress.org/support/forum/zaawansowane/) * 7 odpowiedzi * 2 uczestnik * Ostatnia odpowiedź od: [jacob4187](https://pl.wordpress.org/support/users/jacob4187/) * Ostatnia aktywność: [12 lat, 3 miesiące temu](https://pl.wordpress.org/support/topic/formularz-kontaktowy-w-nowym-oknie-z-narzuconym-tematem/#post-42247) * Status: nierzwiązane ## Tematy ### Najbardziej popularne tematy ### Tematy bez odpowiedzi ### Wątki niezwiązane ze wsparciem ### Rozwiązane wątki ### Nierozwiązane tematy ### Wszystkie tematy