{"id":215,"date":"2023-02-01T11:10:37","date_gmt":"2023-02-01T11:10:37","guid":{"rendered":"https:\/\/blog.hostinger.io\/es\/support\/2023\/02\/01\/6474695-hostinger-creador-de-sitios-web-como-agregar-un-formulario-de-suscripcion\/"},"modified":"2025-08-26T20:51:25","modified_gmt":"2025-08-26T20:51:25","slug":"6474695-hostinger-creador-de-sitios-web-como-agregar-un-formulario-de-suscripcion","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/es\/support\/6474695-hostinger-creador-de-sitios-web-como-agregar-un-formulario-de-suscripcion\/","title":{"rendered":"Hostinger Creador de Sitios Web: C\u00f3mo Agregar un Formulario de Suscripci\u00f3n"},"content":{"rendered":"<p class=\"no-margin\">Para enviar boletines, necesitas dos cosas principales: una plataforma de email marketing y una lista de suscriptores. Puedes recopilar suscriptores mediante un formulario de suscripci&oacute;n o utilizar cualquier herramienta de terceros.<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_0e0d1d6b4f\" target=\"_blank\" class=\"intercom-content-link\">Agregar un formulario de suscripci&oacute;n<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_9faf66fd75\" target=\"_blank\" class=\"intercom-content-link\">Editar del formulario de suscripci&oacute;n<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_5f44ff5d55\" target=\"_blank\" class=\"intercom-content-link\">Ver respuestas al formulario<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_9f688e555d\" target=\"_blank\" class=\"intercom-content-link\">A&ntilde;adir un formulario de suscripci&oacute;n de terceros<\/a><\/b><\/p>\n<\/li>\n<\/ul><h1 id=\"h_0e0d1d6b4f\">Agregar un formulario de suscripci&oacute;n<\/h1><p class=\"no-margin\">Hay varias formas de agregar formularios de suscripci&oacute;n a tu sitio web. Puedes insertar:<\/p><ul>\n<li>\n<p class=\"no-margin\">Un elemento de formulario de suscripci&oacute;n<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Una secci&oacute;n de formulario de suscripci&oacute;n<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Dentro del editor, expande el panel <b>Agregar elemento<\/b> a la izquierda. Busca el elemento <b>Suscribirse<\/b>, arr&aacute;stralo y su&eacute;ltalo en cualquier parte de tu p&aacute;gina:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/b3cda5ab-0c86-4ae4-a635-59c209f84c3e.jpg\"><\/div><p class=\"no-margin\">Para agregar una secci&oacute;n de formulario de suscripci&oacute;n, da clic en <b>Agregar secci&oacute;n<\/b>. Ver&aacute;s este bot&oacute;n en el borde horizontal de cualquier secci&oacute;n:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/4bf66a39-10fd-4d71-86ed-4014f4d423f5.jpg\"><\/div><p class=\"no-margin\">En el men&uacute; de la izquierda, selecciona <b>Formulario de suscripci&oacute;n<\/b>. Selecciona la plantilla de secci&oacute;n que deses del lado derecho y da clic en ella:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/b67b8ef8-a073-45bc-a56e-665ee5102e15.jpg\"><\/div><hr><p class=\"no-margin\">\n<\/p><h1 id=\"h_9faf66fd75\">Editar del formulario de suscripci&oacute;n<\/h1><p class=\"no-margin\">Da clic en el elemento del formulario de suscripci&oacute;n para ver m&aacute;s opciones (editar, duplicar, eliminar, cambiar el tama&ntilde;o):<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/03b30a8b-d99f-4cf0-bc71-861d7b58b197.jpg\"><\/div><p class=\"no-margin\">Da clic en <b>Editar formulario<\/b> para abrir su configuraci&oacute;n:<\/p><div class=\"intercom-interblocks-table-container\">\n<table role=\"presentation\">\n<tbody>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 175px\">\n<p class=\"no-margin\"><b>General<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Cambiar el nombre del formulario<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Ver respuestas<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 175px\">\n<p class=\"no-margin\"><b>Campos<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Agregar, editar o eliminar campos<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Cambiar el orden de visualizaci&oacute;n de los campos<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Especificar los campos obligatorios<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Tipos de campos admitidos:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Respuesta corta<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">P&aacute;rrafo<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Elecci&oacute;n &uacute;nica<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Opci&oacute;n multiple<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 175px\">\n<p class=\"no-margin\"><b>Bot&oacute;n<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Cambiar el nombre del bot&oacute;n &ldquo;Enviar&rdquo;<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Cambiar la posici&oacute;n del bot&oacute;n (alineaci&oacute;n)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Especificar lo que sucede despu&eacute;s de enviar un formulario:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">Mostrar un mensaje de agradecimiento<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Redirigir al usuario a una p&aacute;gina en particular dentro de tu sitio web<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"background-color: #e3e7fa80;width: 175px\">\n<p class=\"no-margin\"><b>Estilo<\/b><\/p>\n<\/td>\n<td>\n<ul>\n<li>\n<p class=\"no-margin\">Seleccionar un tema principal o secundario<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Establecer un color\/imagen de fondo<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Cambiar el espaciado<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div><hr><p class=\"no-margin\">\n<\/p><h1 id=\"h_5f44ff5d55\">Ver respuestas al formulario<\/h1><p class=\"no-margin\">Una vez que alguien env&iacute;e un formulario de contacto desde tu sitio, recibir&aacute;s autom&aacute;ticamente una notificaci&oacute;n en la direcci&oacute;n de email vinculada a tu cuenta de Hostinger.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Puedes ver todas las respuestas enviadas a trav&eacute;s de tu formulario de contacto dentro del editor. Expande el panel <b>Configuraci&oacute;n del sitio web<\/b> a la izquierda y ve a <b>Env&iacute;os de formularios<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/ab1384c3-c399-4814-9853-d64760839a52.jpg\"><\/div><p class=\"no-margin\">A continuaci&oacute;n, da clic en <b>Ver lista<\/b> Junto al formulario desaeado. Aqu&iacute; encontrar&aacute;s todos los env&iacute;os de un formulario en particular. Puedes exportar f&aacute;cilmente los datos seleccionados a un archivo .CSV y eliminar los innecesarios:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/es\/support\/wp-content\/uploads\/sites\/60\/2023\/02\/a9a9bda6-d084-4d31-8df5-2fdf50d75729.jpg\"><\/div><hr><p class=\"no-margin\">\n<\/p><h1 id=\"h_9f688e555d\">A&ntilde;adir un formulario de suscripci&oacute;n de terceros<\/h1><p class=\"no-margin\">Con la ayuda de un c&oacute;digo personalizado, puedes agregar cualquier formulario de suscripci&oacute;n de terceros a tu sitio web. Hay dos formas de agregar un c&oacute;digo personalizado a su sitio web:<\/p><ul>\n<li>\n<p class=\"no-margin\">A la parte <b><a href=\"\/es\/support\/6445594\" target=\"_blank\" class=\"intercom-content-link\">&lt;head&gt;\/&lt;head&gt;<\/a><\/b> del c&oacute;digo fuente de tu sitio web<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">A la parte <b><a href=\"\/es\/support\/6463152\" target=\"_blank\" class=\"intercom-content-link\">&lt;body&gt;&lt;\/body&gt;<\/a><\/b> del c&oacute;digo fuente de tu sitio web<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Si el c&oacute;digo debe agregarse a &lt;head&gt;&lt;\/head&gt; o &lt;body&gt;&lt;\/body&gt;, depende de la integraci&oacute;n en s&iacute;. El equipo desarrollador de la integraci&oacute;n suele especificar eso en las instrucciones.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Aqu&iacute; hay unos ejemplos:<\/p><ul>\n<li>\n<p class=\"no-margin\">Mailchimp: <b><a href=\"https:\/\/mailchimp.com\/es\/help\/add-a-pop-up-signup-form-to-your-website\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">A&ntilde;adir un formulario de suscripci&oacute;n pop-up a tu sitio web<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Mailerlite: <b><a href=\"https:\/\/www.mailerlite.com\/help\/how-to-create-a-pop-up-form\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">C&oacute;mo crear un formulario emergente<\/a> <\/b>(en ingl&eacute;s)<\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Aprende a agregar un formulario de suscripci\u00f3n a tu sitio web<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[256],"tags":[],"class_list":["post-215","post","type-post","status-publish","format-standard","hentry","category-elementos-del-sitio-web"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6474695-hostinger-website-builder-how-to-add-a-subscribe-form\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6474695-hostinger-creador-de-sitios-web-como-agregar-un-formulario-de-suscripcion\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6474695-hostinger-createur-de-site-web-comment-ajouter-un-formulaire-d-abonnement\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6474695-hostinger-svetainiu-kurimo-irankis-prenumeratos-forma\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6474695-hostinger-criador-de-sites-como-adicionar-um-formulario-de-inscricao\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/comments?post=215"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/215\/revisions"}],"predecessor-version":[{"id":1285,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/posts\/215\/revisions\/1285"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/media?parent=215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/categories?post=215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/support\/wp-json\/wp\/v2\/tags?post=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}