{"id":2151,"date":"2021-02-15T13:47:59","date_gmt":"2021-02-15T13:47:59","guid":{"rendered":"https:\/\/elfsight.com\/pl\/?page_id=2151"},"modified":"2021-02-15T13:57:12","modified_gmt":"2021-02-15T13:57:12","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/pl\/online-form-builder\/examples\/","title":{"rendered":"Form Builder &#8211; Examples"},"content":{"rendered":"\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Przyk\u0142ad 1: Por\u0119czny formularz kontaktowy o zaokr\u0105glonym wygl\u0105dzie<\/h3><div class=\"application-examples-item-description\">Prosty formularz kontaktowy zawieraj\u0105cy pola tekstowe na imi\u0119 i nazwisko, adres e-mail, numer telefonu, adres URL witryny internetowej i wiadomo\u015b\u0107 od klienta. Do przes\u0142ania formularza wymagane s\u0105 dwa pola, oznaczone symbolem *. Jest to uk\u0142ad domy\u015blny, a pola s\u0105 podzielone na dwie kolumny, aby uzyska\u0107 bardziej zwarty wygl\u0105d na stronie. P\u0142aski, zaokr\u0105glony styl jest u\u017cywany z niestandardowym kolorem przycisku.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=d9b8413c-4ee8-4913-a535-cfb153d1197a&padding=28px+0+40px+0\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Przyk\u0142ad 2: Formularz wieloetapowego badania klient\u00f3w<\/h3><div class=\"application-examples-item-description\">Ten przypadek przedstawia r\u00f3\u017cne opcje oceny na stronie: Ocena w gwiazdkach, liczba i skala kciuka. Jest tutaj te\u017c pole tekstowe na sugestie klient\u00f3w. Post\u0119p wype\u0142niania podzielony jest na dwa kroki, co wida\u0107 na pasku post\u0119pu, kt\u00f3ry pokazuje numery i tytu\u0142y krok\u00f3w. To sprawia, \u017ce formularz jest zarz\u0105dzalny dla u\u017cytkownik\u00f3w. Nag\u0142\u00f3wek ma ikon\u0119 i tekst nag\u0142\u00f3wka opisuj\u0105cy cel ankiety.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=d513767b-123c-4c50-a766-33c793769d4e&padding=28px+0+40px+0\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-cta-create\">\n                    <div class=\"application-cta-create-bg\">\n                        <div class=\"application-cta-create-bg-left\"><\/div>\n\n                        <div class=\"application-cta-create-bg-right\">\n                            <img decoding=\"async\" src=\"https:\/\/elfsight.com\/pl\/wp-content\/themes\/elfsight\/frontend\/assets\/img\/application-cta-create.jpg\" alt=\"Zacznij od stworzenia swojego wid\u017cetu\">\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"application-cta-create-content inner\">\n                        <div class=\"application-cta-create-content-inner\">\n                            <div class=\"application-cta-create-content-icon\">\n                                <svg viewBox=\"0 0 25 25\" width=\"100%\" height=\"100%\">\n                                    <use xlink:href=\"#icon-settings\"><\/use>\n                                <\/svg>\n                            <\/div>\n\n                            <div class=\"application-cta-create-content-title\">Zacznij od stworzenia swojego wid\u017cetu<\/div>\n\n                            <div class=\"application-cta-create-content-text\">Szybko. \u0141atwo. Bez kodowania.<\/div>\n\n                            <a class=\"application-cta-create-content-button button-48 button-has-right-icon button-black button\" href=\"\">\n                                <span class=\"button-label\">Utw\u00f3rz wid\u017cet<\/span>\n\n                                <svg class=\"button-icon\">\n                                    <use xlink:href=\"#icon-arrow-link\"><\/use>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Przyk\u0142ad 3: Rozszerzalny formularz opinii<\/h3><div class=\"application-examples-item-description\">Formularz opinii w uk\u0142adzie p\u0142ywaj\u0105cym, kt\u00f3ry umo\u017cliwia umieszczenie go na kilku stronach serwisu w postaci ikony wy\u015bwietlanej po klikni\u0119ciu. Jest zawsze widoczny podczas nawigacji, a klienci mog\u0105 w ka\u017cdej chwili zostawi\u0107 swoj\u0105 opini\u0119. Tutaj stosowany jest styl klasyczny z dwoma polami tekstowymi i ocen\u0105 emotikon\u00f3w. Przycisk ma niestandardowy pomara\u0144czowy kolor z edytowan\u0105 etykiet\u0105.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe application-examples-item-iframe-fixed-height\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=18a782a9-0cb8-4d63-a5eb-247b22d066f3\" width=\"100%\" height=\"600\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n<div class=\"application-examples-item application-examples-item-loading\">\n                            <div class=\"col-row\">\n                                <div class=\"col-6 col-m-8 col-s-12\"><h3 class=\"application-examples-item-title\">Przyk\u0142ad 4: A sleek booking request form<\/h3><div class=\"application-examples-item-description\">Classic style with minimalist design and Default layout spread widely on the page make this form look spacious. The fields are spread into two columns and have placeholders to hint how to fill them correctly. Dropdown menus makes filling process faster. The form allows for activating subscription option by ticking the box.<\/div><\/div>\n                <\/div>\n\n                <div class=\"application-examples-item-iframe-container browser-frame\">\n                    <div class=\"application-examples-item-iframe-wrapper\">\n                        <iframe class=\"application-examples-item-iframe\" data-src=\"https:\/\/elfsight.com\/examples?widget_id=ad76fc5d-5878-4fc6-92eb-dae92a65d06d&padding=28px+0+40px+0\" width=\"100%\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n                    \n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":13,"featured_media":0,"parent":2133,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Przyk\u0142ady responsywnych formularzy online dla Twojej strony www (2024)<\/title>\n<meta name=\"description\" content=\"TOP 4 przyk\u0142ady Generatora Formularzy Online : formularz kontaktowy, ankiety, opinii, zapytania i inne szablony dla Twojej strony.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elfsight.com\/pl\/online-form-builder\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Przyk\u0142ady responsywnych formularzy online dla Twojej strony www (2024)\" \/>\n<meta property=\"og:description\" content=\"TOP 4 przyk\u0142ady Generatora Formularzy Online : formularz kontaktowy, ankiety, opinii, zapytania i inne szablony dla Twojej strony.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/pl\/online-form-builder\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight PL\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-15T13:57:12+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuty\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Przyk\u0142ady responsywnych formularzy online dla Twojej strony www (2024)","description":"TOP 4 przyk\u0142ady Generatora Formularzy Online : formularz kontaktowy, ankiety, opinii, zapytania i inne szablony dla Twojej strony.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elfsight.com\/pl\/online-form-builder\/examples\/","og_locale":"pl_PL","og_type":"article","og_title":"Przyk\u0142ady responsywnych formularzy online dla Twojej strony www (2024)","og_description":"TOP 4 przyk\u0142ady Generatora Formularzy Online : formularz kontaktowy, ankiety, opinii, zapytania i inne szablony dla Twojej strony.","og_url":"https:\/\/elfsight.com\/pl\/online-form-builder\/examples\/","og_site_name":"Elfsight PL","article_modified_time":"2021-02-15T13:57:12+00:00","twitter_card":"summary_large_image","twitter_misc":{"Szacowany czas czytania":"2 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/pl\/online-form-builder\/examples\/","url":"https:\/\/elfsight.com\/pl\/online-form-builder\/examples\/","name":"Przyk\u0142ady responsywnych formularzy online dla Twojej strony www (2024)","isPartOf":{"@id":"https:\/\/elfsight.com\/pl\/#website"},"datePublished":"2021-02-15T13:47:59+00:00","dateModified":"2021-02-15T13:57:12+00:00","description":"TOP 4 przyk\u0142ady Generatora Formularzy Online : formularz kontaktowy, ankiety, opinii, zapytania i inne szablony dla Twojej strony.","breadcrumb":{"@id":"https:\/\/elfsight.com\/pl\/online-form-builder\/examples\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/pl\/online-form-builder\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/pl\/online-form-builder\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/pl\/"},{"@type":"ListItem","position":2,"name":"Form Builder","item":"https:\/\/elfsight.com\/pl\/online-form-builder\/"},{"@type":"ListItem","position":3,"name":"Form Builder &#8211; Examples"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/pl\/#website","url":"https:\/\/elfsight.com\/pl\/","name":"Elfsight PL","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/pl\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pl-PL"}]}},"meta_box":{"h1":"","h1_caption":"","category":[],"widget_request_title":"","widget_request_cta":"","application":"2132","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","hero_image":[],"hero_video":"","hero_video_schema_markup":"","selling_points_title":"","selling_points_caption":"","selling_points":[],"selling_points_cta_text":"","features_title":"","features":"","ed_cta_examples_text":"","ed_cta_examples_hidden":"","ed_cta_demo_text":"","ed_cta_demo_hidden":"","why_caption":"","why_editor_title":"","why_editor_text":"","why_team_title":"","why_team_text":"","why_service_title":"","why_service_text":"","demo_title":"","demo_caption":"","default_faq_hidden":"","app_template_category":[],"platform":"","template_public_id":"","codecanyon_url":"","codecanyon_item_id":"","codecanyon_price":"","pricing_caption":"","pricing_elfsight_apps_hide_column":"","pricing_elfsight_apps_url":"","pricing_codecanyon_price_caption":"","integration_category":[],"integration_request_title":"","integration_request_cta":"","integration_platform":"","integrations":[],"platform_category":[],"applications_use_base_links":"","video_schema_markup":"","price":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","video_object":"","demo_hide_cta":"","demo_hide_cloud_options":"","pricing_title":"","pricing":[],"related_apps_title":"","related_apps_hidden":""},"_links":{"self":[{"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/pages\/2151"}],"collection":[{"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/comments?post=2151"}],"version-history":[{"count":5,"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/pages\/2151\/revisions"}],"predecessor-version":[{"id":2156,"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/pages\/2151\/revisions\/2156"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/pages\/2133"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/pl\/wp-json\/wp\/v2\/media?parent=2151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}