Generador de Formulario de Contacto HTML CSS

Crea de forma sencilla el código HTML y CSS para tu formulario de contacto, no necesitas ser un experto simplemente tendrás que copiar y pegar los códigos en tu blog.

¿Cómo Funciona?

Para crear un formulario de contacto único e independiente de Blogger o de cualquier otro CMS utilizaremos la ayuda de una plataforma externa llamada formspree.io por lo tanto debemos registrarnos allí y conseguir la URL única que ellos nos darán al crear un formulario. Dicha URL será la llave que utilizaremos para generar aquí un increíble pagina de contacto.

Este formulario contara con una casilla de verificación para aceptar las políticas de privacidad de datos por lo cual también será necesario que tengamos a la mano la URL de la página de políticas de privacidad de nuestra web.

CREA TU FORMULARIO DE CONTACTO

1. Pega URL de Formspree: 2. Pega la URL de la Página legal:

3. Elige el color del Formulario:

Copia el Codigo.

El código HTML debes pegarlo donde deseas mostrar el Formulario de contacto.

El código CSS debes pegarlo arriba de la etiqueta ]]></b:skin> o en medio de <style> ... </style>

Vista previa del formulario.

<!--It is your responsibility to notify your visitors about cookies used and data collected on your blog. Blogger makes a standard notification available for you to use on your blog, and you can customize it or replace with your own notice. See http://www.blogger.com/go/cookiechoices for more details.-->
<script defer='' src='/js/cookienotice.js'></script>
<script>
    document.addEventListener('DOMContentLoaded', function(event) {
      window.cookieChoices && cookieChoices.showCookieConsentBar && cookieChoices.showCookieConsentBar(
          (window.cookieOptions && cookieOptions.msg) || 'This site uses cookies from Google to deliver its services and to analyze traffic. Your IP address and user-agent are shared with Google along with performance and security metrics to ensure quality of service, generate usage statistics, and to detect and address abuse.',
          (window.cookieOptions && cookieOptions.close) || 'Got it',
          (window.cookieOptions && cookieOptions.learn) || 'Learn More',
          (window.cookieOptions && cookieOptions.link) || 'https://www.blogger.com/go/blogspot-cookies');
    });
  </script>

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4QGNgDmldTLoqgwvONfoderDVxcA:1732170083438';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5878608835182946162','//www.monetizaconabrahan.es/p/generador-de-formulario-de-contacto.html','5878608835182946162');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5878608835182946162', 'title': 'Monetiza con Abrahan', 'url': 'https://www.monetizaconabrahan.es/p/generador-de-formulario-de-contacto.html', 'canonicalUrl': 'https://www.monetizaconabrahan.es/p/generador-de-formulario-de-contacto.html', 'homepageUrl': 'https://www.monetizaconabrahan.es/', 'searchUrl': 'https://www.monetizaconabrahan.es/search', 'canonicalHomepageUrl': 'https://www.monetizaconabrahan.es/', 'blogspotFaviconUrl': 'https://www.monetizaconabrahan.es/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'es', 'localeUnderscoreDelimited': 'es', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Monetiza con Abrahan - Atom\x22 href\x3d\x22https://www.monetizaconabrahan.es/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Monetiza con Abrahan - RSS\x22 href\x3d\x22https://www.monetizaconabrahan.es/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Monetiza con Abrahan - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5878608835182946162/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/8f7002974bbf4dbb', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Obtener enlace', 'key': 'link', 'shareMessage': 'Obtener enlace', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Compartir en Facebook', 'target': 'facebook'}, {'name': 'Escribe un blog', 'key': 'blogThis', 'shareMessage': 'Escribe un blog', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Compartir en X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Compartir en Pinterest', 'target': 'pinterest'}, {'name': 'Correo electr\xf3nico', 'key': 'email', 'shareMessage': 'Correo electr\xf3nico', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27es\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Read more \xbb', 'pageType': 'static_page', 'pageId': '830350718722714103', 'pageName': 'Generador de Formulario de Contacto HTML CSS', 'pageTitle': 'Monetiza con Abrahan: Generador de Formulario de Contacto HTML CSS', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Editar', 'linkCopiedToClipboard': 'El enlace se ha copiado en el Portapapeles.', 'ok': 'Aceptar', 'postLink': 'Enlace de la entrada'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Personalizado', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Generador de Formulario de Contacto HTML CSS', 'description': 'Aprende como ganar dinero con un Blog y Canal de YouTube. Descubre cuales son los requisitos para Monetizar con Google Adsense.', 'url': 'https://www.monetizaconabrahan.es/p/generador-de-formulario-de-contacto.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': true, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'pageId': 830350718722714103}}, {'name': 'widgets', 'data': [{'title': 'Monetiza con Abrahan (cabecera)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header51'}, {'title': 'Menu', 'type': 'PageList', 'sectionId': 'header', 'id': 'PageList51'}, {'title': 'Breaking News', 'type': 'PopularPosts', 'sectionId': 'header', 'id': 'PopularPosts51', 'posts': [{'title': '\u25b7 Descargar Plantillas Gratis para Blogger 2024', 'id': 7658277959843587254}, {'title': 'C\xf3mo Poner el Aviso de Cookies en Blogger 2024', 'id': 2393793082614284390}, {'title': '\u25b7 Poner Formulario de Contacto en Blogger - P\xe1gina de Contacto', 'id': 137572908487617536}, {'title': ' \u1408 P\xe1ginas que TODO Blog Profesional Debe Tener', 'id': 995213438236813675}, {'title': 'C\xf3mo CREAR una TABLA de CONTENIDOS en Blogger', 'id': 6577712702702085059}, {'title': '\u25b7 C\xf3mo ser ACEPTADO en Google Adsense - 100% Garantizado', 'id': 4505835746873419041}, {'title': '\xbfC\xf3mo Verificar Blogger en Search Console?', 'id': 736602662141545341}, {'title': ' \u25b7 \xbfC\xf3mo Configurar un DOMINIO Propio en Blogger?', 'id': 3672022667165866508}, {'title': '\u25b7 \xbfC\xf3mo ESCRIBIR Textos SEO? \u2013 7 Trucos y Consejos', 'id': 9005857721728896922}]}, {'title': 'Entradas del blog', 'type': 'Blog', 'sectionId': 'Hero', 'id': 'Blog99', 'posts': [{'id': '830350718722714103', 'title': 'Generador de Formulario de Contacto HTML CSS', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Publicado por'}, {'name': 'timestamp', 'label': 'en'}, {'name': 'comments', 'label': 'comentarios'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Etiquetas:'}]}, {'regionName': 'footer3', 'items': [{'name': 'location', 'label': 'Ubicaci\xf3n:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Publicado por'}, {'name': 'timestamp', 'label': 'en'}, {'name': 'comments', 'label': 'comentarios'}, {'name': 'labels', 'label': 'Etiquetas:'}, {'name': 'location', 'label': 'Ubicaci\xf3n:'}]}, {'title': '{ content: \x22carousel\x22, top: 5, ratio: \x2216:9\x22 }', 'type': 'PopularPosts', 'sectionId': 'upper', 'id': 'PopularPosts52', 'posts': [{'title': '\u25b7 Descargar Plantillas Gratis para Blogger 2024', 'id': 7658277959843587254}, {'title': 'C\xf3mo Poner el Aviso de Cookies en Blogger 2024', 'id': 2393793082614284390}, {'title': '\u25b7 Poner Formulario de Contacto en Blogger - P\xe1gina de Contacto', 'id': 137572908487617536}, {'title': ' \u1408 P\xe1ginas que TODO Blog Profesional Debe Tener', 'id': 995213438236813675}, {'title': 'C\xf3mo CREAR una TABLA de CONTENIDOS en Blogger', 'id': 6577712702702085059}, {'title': '\u25b7 C\xf3mo ser ACEPTADO en Google Adsense - 100% Garantizado', 'id': 4505835746873419041}, {'title': '\xbfC\xf3mo Verificar Blogger en Search Console?', 'id': 736602662141545341}, {'title': ' \u25b7 \xbfC\xf3mo Configurar un DOMINIO Propio en Blogger?', 'id': 3672022667165866508}, {'title': '\u25b7 \xbfC\xf3mo ESCRIBIR Textos SEO? \u2013 7 Trucos y Consejos', 'id': 9005857721728896922}]}, {'title': 'Entradas del blog', 'type': 'Blog', 'sectionId': 'Content', 'id': 'Blog1', 'posts': [{'id': '830350718722714103', 'title': 'Generador de Formulario de Contacto HTML CSS', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'comments'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}, {'regionName': 'footer3', 'items': [{'name': 'location', 'label': 'Location:'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'comments', 'label': 'comments'}, {'name': 'labels', 'label': ''}, {'name': 'location', 'label': 'Location:'}]}, {'title': 'Search', 'type': 'BlogSearch', 'sectionId': 'sidebar', 'id': 'BlogSearch51'}, {'title': 'Featured', 'type': 'FeaturedPost', 'sectionId': 'sidebar', 'id': 'FeaturedPost51', 'postId': '2393793082614284390'}, {'title': '{ title: \x22Comments\x22, content: \x22comments\x22 }', 'type': 'Text', 'sectionId': 'sidebar', 'id': 'Text51'}, {'title': 'Example', 'type': 'HTML', 'sectionId': 'sidebar-post', 'id': 'HTML55'}, {'title': 'Example', 'type': 'HTML', 'sectionId': 'sidebar-page', 'id': 'HTML56'}, {'title': 'Modo', 'type': 'Text', 'sectionId': 'Filters', 'id': 'Text52'}, {'title': 'Orden', 'type': 'Text', 'sectionId': 'Filters', 'id': 'Text53'}, {'title': 'T\xe9rminos', 'type': 'BlogSearch', 'sectionId': 'Filters', 'id': 'BlogSearch52'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'footer-upper', 'id': 'HTML57'}, {'title': 'Footer links', 'type': 'PageList', 'sectionId': 'footer-lower', 'id': 'PageList52'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header51', 'header', document.getElementById('Header51'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList51', 'header', document.getElementById('PageList51'), {'title': 'Menu', 'links': [{'isCurrentPage': false, 'href': 'https://www.monetizaconabrahan.es', 'title': 'Inicio'}, {'isCurrentPage': false, 'href': '#', 'title': 'Blog'}, {'isCurrentPage': false, 'href': 'https://www.monetizaconabrahan.es/search/label/Blogger', 'title': '__Blogger'}, {'isCurrentPage': false, 'href': '#', 'title': '__SEO'}, {'isCurrentPage': false, 'href': '#', 'title': '__Monetizaci\xf3n'}, {'isCurrentPage': false, 'href': '#', 'title': '__Marketing'}, {'isCurrentPage': false, 'href': 'https://www.monetizaconabrahan.es/p/sobre-mi.html', 'id': '3661996977961979425', 'title': 'Sobre mi'}, {'isCurrentPage': false, 'href': 'https://www.monetizaconabrahan.es/p/contacto.html', 'id': '4837822138583367544', 'title': 'Contacto'}, {'isCurrentPage': false, 'href': '#', 'title': 'Herramientas'}, {'isCurrentPage': false, 'href': 'https://www.monetizaconabrahan.es/p/paleta-de-colores-hexadecimales.html', 'id': '3873836056807399655', 'title': '__Paleta de Colores Hexadecimales'}, {'isCurrentPage': true, 'href': 'https://www.monetizaconabrahan.es/p/generador-de-formulario-de-contacto.html', 'id': '830350718722714103', 'title': '__Generador de Formulario de Contacto HTML CSS'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': true}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts51', 'header', document.getElementById('PopularPosts51'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog99', 'Hero', document.getElementById('Blog99'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/926214221-lbx__es.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts52', 'upper', document.getElementById('PopularPosts52'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'Content', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/926214221-lbx__es.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch51', 'sidebar', document.getElementById('BlogSearch51'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost51', 'sidebar', document.getElementById('FeaturedPost51'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text51', 'sidebar', document.getElementById('Text51'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML55', 'sidebar-post', document.getElementById('HTML55'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML56', 'sidebar-page', document.getElementById('HTML56'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text52', 'Filters', document.getElementById('Text52'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text53', 'Filters', document.getElementById('Text53'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch52', 'Filters', document.getElementById('BlogSearch52'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML57', 'footer-upper', document.getElementById('HTML57'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList52', 'footer-lower', document.getElementById('PageList52'), {'title': 'Footer links', 'links': [{'isCurrentPage': false, 'href': 'https://www.monetizaconabrahan.es/p/cookies.html', 'id': '771276830755379382', 'title': 'Cookies'}, {'isCurrentPage': false, 'href': 'https://www.monetizaconabrahan.es/p/politicas-de-privacidad.html', 'id': '2865301544321622703', 'title': 'Pol\xedticas de Privacidad'}, {'isCurrentPage': false, 'href': 'https://www.monetizaconabrahan.es/p/aviso-legal.html', 'id': '3138784713161356366', 'title': 'Aviso Legal'}, {'isCurrentPage': false, 'href': 'https://www.monetizaconabrahan.es/p/contacto.html', 'id': '4837822138583367544', 'title': 'Contacto'}, {'isCurrentPage': false, 'href': 'https://www.monetizaconabrahan.es/p/sobre-mi.html', 'id': '3661996977961979425', 'title': 'Sobre mi'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
</script>
</body>