{"id":1511,"date":"2021-02-12T10:21:53","date_gmt":"2021-02-12T10:21:53","guid":{"rendered":"https:\/\/elfsight.com\/it\/?page_id=1511"},"modified":"2021-08-31T06:01:12","modified_gmt":"2021-08-31T06:01:12","slug":"examples","status":"publish","type":"page","link":"https:\/\/elfsight.com\/it\/contact-form-widget\/examples\/","title":{"rendered":"Contact Form &#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\">Esempio 1. Modulo semplice<\/h3><div class=\"application-examples-item-description\">Ecco un esempio di un modulo di contatto universale e facile da usare per ricevere messaggi dagli utenti. Ha un minimo di campi, che lo rende semplice e veloce da riempire. Con lo stile classico, sembra minimalista e si adatta a quasi tutti i design di siti web, basta cambiare il colore del pulsante e dell'icona.<\/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=486d9284-4c39-467a-800c-34850f4c03ad&padding=28px+40px+40px\" width=\"100%\" height=\"\" 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\">Esempio 2. Modulo Email<\/h3><div class=\"application-examples-item-description\">Questo modulo \u201cInvia un'e-mail \u201c sembra cos\u00ec fluido grazie allo stile Flat Rounded. Il modulo include solo i campi essenziali per l'invio di un'e-mail. I campi sono organizzati in una colonna per un design compatto e quelli obbligatori sono contrassegnati con il segno *. Il colore rosso del pulsante \u201cInvia\u201d lo rende accattivante.<\/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=03afc87f-33aa-4a7a-acb5-18ed83e4bbd0&padding=28px+40px+40px\" width=\"100%\" height=\"\" 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\">Esempio 3. Modulo esteso<\/h3><div class=\"application-examples-item-description\">In questo esempio, il modulo \u00e8 abbastanza espanso, poich\u00e9 include diversi campi per l'immissione di un indirizzo fisico. Inoltre, ha una finestra di iscrizione alla newsletter. L'intestazione del modulo mostra il testo che invita gli utenti a compilare il modulo.<\/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=b031c3a3-1acf-4d2e-9771-eee3e8e04672&padding=28px+40px+40px\" width=\"100%\" height=\"\" 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\">Esempio 4. Modulo Floating<\/h3><div class=\"application-examples-item-description\">Un layout Floating pu\u00f2 essere molto utile se desideri aggiungere un modulo di contatto a tutte le pagine del sito web. Verr\u00e0 visualizzato come una piccola icona che segue lo scorrimento e si espande al clic. Questa \u00e8 una buona alternativa alla chat online se desideri ricevere messaggi dagli utenti.<\/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=65831acf-24ce-4fcd-9f7b-7b8566f3d2d4&padding=28px+40px+40px\" width=\"100%\" height=\"720px\" 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\">Esempio 5. Richiesta di supporto<\/h3><div class=\"application-examples-item-description\">Se desideri che gli utenti ti contattino per il supporto tramite il modulo di contatto, puoi farlo facilmente. La casella di selezione aiuter\u00e0 gli utenti a scegliere il tipo di problema e un campo di testo serve per inserire la descrizione del problema. Gli utenti possono anche caricare un file per dimostrare il problema. Lo stile classico rende il modulo pulito e c'\u00e8 un'icona a tema sull'intestazione per un aspetto vivido.<\/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=b72f1bf4-3438-4149-9821-c3178148ed02&padding=28px+40px+40px\" width=\"100%\" height=\"\" 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\">Esempio 6. Richiesta di una chiamata<\/h3><div class=\"application-examples-item-description\">In questo esempio, un modulo di contatto aiuta i visitatori a richiedere una chiamata da parte tua. Un'icona mobile si aprir\u00e0 al clic per mostrare un minimo di campi: nome, telefono e data e ora preferite della chiamata.L'icona e il pulsante di invio sono di colore viola per adattarsi al design del sito.<\/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=703298a5-fdd0-46e4-9af4-2ac372687e87&padding=28px+40px+40px\" width=\"100%\" height=\"720px\" allow=\"autoplay; fullscreen\"><\/iframe>\n                    <\/div>\n\n                    <div class=\"application-examples-item-loader\"><\/div>\n                <\/div>\n            <\/div>\n\n\n\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\">Esempio 7. Modulo in bianco<\/h3><div class=\"application-examples-item-description\">Questa \u00e8 una variante per coloro che vogliono creare da zero il proprio modulo di contatto personalizzato. Non \u00e8 necessario modificare i template esistenti, basta aggiungere ci\u00f2 che ti serve, impostare le dimensioni e scegliere lo stile - in una parola - goditi la piena libert\u00e0. Crea un modulo di contatto perfetto per il tuo obiettivo!<\/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=87a56538-71bc-4b55-82c6-3b0805c546d4&padding=28px+40px+40px\" width=\"100%\" height=\"720px\" 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":9,"featured_media":0,"parent":1501,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-application-examples.php","meta":{"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","footnotes":""},"class_list":["post-1511","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>I migliori esempi di Contact Form su un sito web (Vetrina)<\/title>\n<meta name=\"description\" content=\"TOP 7 esempi di Modulo di contatto del sito web: personal, floating, richiesta di chiamata. Esempio di Contact Form per il tuo sito web.\" \/>\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\/it\/contact-form-widget\/examples\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"I migliori esempi di Contact Form su un sito web (Vetrina)\" \/>\n<meta property=\"og:description\" content=\"TOP 7 esempi di Modulo di contatto del sito web: personal, floating, richiesta di chiamata. Esempio di Contact Form per il tuo sito web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elfsight.com\/it\/contact-form-widget\/examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Elfsight IT\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-31T06:01:12+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuti\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"I migliori esempi di Contact Form su un sito web (Vetrina)","description":"TOP 7 esempi di Modulo di contatto del sito web: personal, floating, richiesta di chiamata. Esempio di Contact Form per il tuo sito web.","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\/it\/contact-form-widget\/examples\/","og_locale":"it_IT","og_type":"article","og_title":"I migliori esempi di Contact Form su un sito web (Vetrina)","og_description":"TOP 7 esempi di Modulo di contatto del sito web: personal, floating, richiesta di chiamata. Esempio di Contact Form per il tuo sito web.","og_url":"https:\/\/elfsight.com\/it\/contact-form-widget\/examples\/","og_site_name":"Elfsight IT","article_modified_time":"2021-08-31T06:01:12+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elfsight.com\/it\/contact-form-widget\/examples\/","url":"https:\/\/elfsight.com\/it\/contact-form-widget\/examples\/","name":"I migliori esempi di Contact Form su un sito web (Vetrina)","isPartOf":{"@id":"https:\/\/elfsight.com\/it\/#website"},"datePublished":"2021-02-12T10:21:53+00:00","dateModified":"2021-08-31T06:01:12+00:00","description":"TOP 7 esempi di Modulo di contatto del sito web: personal, floating, richiesta di chiamata. Esempio di Contact Form per il tuo sito web.","breadcrumb":{"@id":"https:\/\/elfsight.com\/it\/contact-form-widget\/examples\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elfsight.com\/it\/contact-form-widget\/examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elfsight.com\/it\/contact-form-widget\/examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elfsight.com\/it\/"},{"@type":"ListItem","position":2,"name":"Contact Form","item":"https:\/\/elfsight.com\/it\/contact-form-widget\/"},{"@type":"ListItem","position":3,"name":"Contact Form &#8211; examples"}]},{"@type":"WebSite","@id":"https:\/\/elfsight.com\/it\/#website","url":"https:\/\/elfsight.com\/it\/","name":"Elfsight IT","description":"Just another Elfsight Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elfsight.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"}]}},"meta_box":{"industry":"","seo_heading":"","heading":"","description":"","cta_heading":"","cta_description":"","application":"1500","h1":"Esempi di Modulo di contatto","h1_caption":"Controlla gli esempi del Modulo Contattaci per scoprire il pieno potenziale del widget. Assicurati che si adatti ai tuoi obiettivi.","application_category":[],"applications_title":"","applications_request_title":"","applications_request_button_text":"","hero_text":"","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":"","template_catalog_visible":"","template_catalog_title":"","template_catalog_text":"","template_catalog_categories_visible":"","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":[],"video_schema_markup":"","price":"","trial":"","benefits":[],"button_url":"","button_target_blank":"","button_nofollow":"","attributes":[],"tags":[],"tags_disable_links":"","hide_more_platforms":"","video_object":"","demo_hide_cta":"","demo_hide_cloud_options":"","pricing_title":"","pricing":[],"related_apps_title":"","related_apps_hidden":"","author":"","image":[],"title":"","job":"","social_networks":[]},"_links":{"self":[{"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/pages\/1511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/comments?post=1511"}],"version-history":[{"count":1,"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/pages\/1511\/revisions"}],"predecessor-version":[{"id":1512,"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/pages\/1511\/revisions\/1512"}],"up":[{"embeddable":true,"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/pages\/1501"}],"wp:attachment":[{"href":"https:\/\/elfsight.com\/it\/wp-json\/wp\/v2\/media?parent=1511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}