{"id":30196,"date":"2025-01-10T03:45:40","date_gmt":"2025-01-10T03:45:40","guid":{"rendered":"https:\/\/doc.probance.com\/?post_type=tutoriels&#038;p=30196"},"modified":"2025-05-24T07:49:33","modified_gmt":"2025-05-24T07:49:33","slug":"woocommerce-configurar-un-formulario-de-suscripcion-a-la-newsletter","status":"publish","type":"tutoriels","link":"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/woocommerce-configurar-un-formulario-de-suscripcion-a-la-newsletter\/","title":{"rendered":"Woocommerce : Configurar un formulario de suscripci\u00f3n a la newsletter"},"content":{"rendered":"\n<p><em>El conector Woocommerce permite crear un formulario de suscripci\u00f3n a newsletters que se integrar\u00e1 en tu sitio web y cuyas respuestas se enviar\u00e1n autom\u00e1ticamente a tu base de datos Probance.<\/em><\/p>\n\n\n\n<p><em>En este tutorial se explica c\u00f3mo crear el formulario y c\u00f3mo integrarlo en las p\u00e1ginas de tu sitio web.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ancre1\">1. Crear el formulario<\/h2>\n\n\n\n<p>El contenido y la apariencia del formulario se configuran en el men\u00fa&nbsp;<strong>Probance &gt; Optin&nbsp;<\/strong>del panel de administraci\u00f3n WordPress, en la secci\u00f3n<strong>&nbsp;Newsletter<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2132\" height=\"1209\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-25.png\" alt=\"\" class=\"wp-image-30224\" srcset=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-25.png 2132w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-25-300x170.png 300w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-25-1024x581.png 1024w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-25-768x436.png 768w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-25-1536x871.png 1536w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-25-2048x1161.png 2048w\" sizes=\"auto, (max-width: 2132px) 100vw, 2132px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ancreH211\">1.1.&nbsp;Contenido del formulario<\/h3>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"736\" height=\"958\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-26.png\" alt=\"\" class=\"wp-image-30227\" style=\"width:auto;height:600px\" srcset=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-26.png 736w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-26-230x300.png 230w\" sizes=\"auto, (max-width: 736px) 100vw, 736px\" \/><\/figure>\n\n\n\n<p>Se puede crear el formulario con los siguientes elementos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Main Title:&nbsp;<\/strong>t\u00edtulo del banner (<strong>1<\/strong>&nbsp;en el ejemplo anterior)<\/li>\n\n\n\n<li><strong>Subtitle:<\/strong>&nbsp;texto complementario del banner (<strong>2<\/strong>&nbsp;en el ejemplo anterior)<\/li>\n\n\n\n<li><strong>With First Name &amp; Last Name:&nbsp;<\/strong>marca esta casilla para recuperar&nbsp;<strong>el nombre y apellido&nbsp;<\/strong>(<strong>3<\/strong>&nbsp;en el ejemplo anterior) de la persona que rellena el formulario.\n<ul class=\"wp-block-list\">\n<li><strong>Is required (Name &amp; Last Name):<\/strong>&nbsp;si est\u00e1 marcada, el campo es obligatorio<\/li>\n\n\n\n<li><strong>Display Names same row:<\/strong>&nbsp;muestra los campos de nombre y apellido en la misma l\u00ednea<\/li>\n\n\n\n<li><strong>First Name:<\/strong>&nbsp;denominaci\u00f3n del campo en el formulario<\/li>\n\n\n\n<li><strong>First Name Error Msg:<\/strong>&nbsp;mensaje de error mostrado si el valor indicado no es conforme o si el campo est\u00e1 vac\u00edo en el momento de validar el formulario (cuando es obligatorio).<\/li>\n\n\n\n<li><strong>Last Name:<\/strong>&nbsp;denominaci\u00f3n del campo en el formulario<\/li>\n\n\n\n<li><strong>Last Name Error Msg:<\/strong>&nbsp;mensaje de error mostrado si el valor indicado no es conforme o si el campo est\u00e1 vac\u00edo en el momento de validar el formulario (cuando es obligatorio).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Add birthday field:&nbsp;<\/strong>marca esta casilla para recuperar la&nbsp;<strong>fecha de nacimiento<\/strong>&nbsp;(<strong>4<\/strong>&nbsp;en el ejemplo anterior) de la persona que rellena el formulario.\n<ul class=\"wp-block-list\">\n<li><strong>Is required (Birthday):<\/strong>&nbsp;si est\u00e1 marcada, el campo es obligatorio<\/li>\n\n\n\n<li><strong>Birthday:<\/strong>&nbsp;denominaci\u00f3n del campo en el formulario<\/li>\n\n\n\n<li><strong>Birthday Error Msg:<\/strong>&nbsp;mensaje de error mostrado si el valor indicado no es correcto o si el campo est\u00e1 vac\u00edo en el momento de validar el formulario (cuando es obligatorio).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Add gender field:&nbsp;<\/strong>marca esta casilla para recuperar el&nbsp;<strong>g\u00e9nero<\/strong>&nbsp;(<strong>5<\/strong>&nbsp;en el ejemplo anterior) de la persona que rellena el formulario. Este campo se presenta en formato de lista de selecci\u00f3n. Haz clic en el bot\u00f3n&nbsp;<strong>Options values<\/strong>&nbsp;para indicar las opciones que se propondr\u00e1n.\n<ul class=\"wp-block-list\">\n<li><strong>Is required (Gender):<\/strong>&nbsp;si est\u00e1 marcada, el campo es obligatorio<\/li>\n\n\n\n<li><strong>Gender:<\/strong>&nbsp;denominaci\u00f3n del campo en el formulario<\/li>\n\n\n\n<li><strong>Gender Error Msg:<\/strong>&nbsp;mensaje de error mostrado si el valor indicado no es conforme o si el campo est\u00e1 vac\u00edo en el momento de validar el formulario (cuando es obligatorio).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Add language field:&nbsp;<\/strong>marca esta casilla para recuperar el<strong>&nbsp;idioma de preferencia<\/strong>&nbsp;(<strong>6<\/strong>&nbsp;en el ejemplo anterior) de la persona que rellena el formulario.\n<ul class=\"wp-block-list\">\n<li><strong>Is required (Language):<\/strong>&nbsp;si est\u00e1 marcada, el campo es obligatorio<\/li>\n\n\n\n<li><strong>Language:<\/strong>&nbsp;denominaci\u00f3n del campo en el formulario<\/li>\n\n\n\n<li><strong>Language Error Msg :<\/strong>&nbsp;mensaje de error mostrado si el valor indicado no es conforme o si el campo est\u00e1 vac\u00edo en el momento de validar el formulario (cuando es obligatorio).<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>El campo&nbsp;<strong>email&nbsp;<\/strong>(<strong>7<\/strong>&nbsp;en el ejemplo anterior) est\u00e1 presente y es obligatorio por defecto en el formulario.\n<ul class=\"wp-block-list\">\n<li><strong>Email:<\/strong>&nbsp;denominaci\u00f3n del campo en el formulario<\/li>\n\n\n\n<li><strong>Email Error Msg:&nbsp;<\/strong>mensaje de error mostrado si el valor indicado no es conforme.<\/li>\n\n\n\n<li><strong>Email Empty Msg:&nbsp;<\/strong>mensaje de error mostrado si el campo est\u00e1 vac\u00edo en el momento de validar el formulario<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>Los tres \u00faltimos campos permiten definir la denominaci\u00f3n del bot\u00f3n de confirmaci\u00f3n y los mensajes de confirmaci\u00f3n\/error de env\u00edo del formulario.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Button:<\/strong>&nbsp;denominaci\u00f3n del bot\u00f3n de confirmaci\u00f3n&nbsp;(<strong>8<\/strong>&nbsp;en el ejemplo anterior)<\/li>\n\n\n\n<li><strong>Confirmation Message:<\/strong>&nbsp;Mensaje de confirmaci\u00f3n que se mostrar\u00e1 tras la validaci\u00f3n del formulario<\/li>\n\n\n\n<li><strong>Error Message:<\/strong>&nbsp;Mensaje mostrado en caso de error en el momento de validaci\u00f3n del formulario<\/li>\n<\/ul>\n\n\n\n<p>La casilla para marcar&nbsp;<strong>Add reCAPTCHA v3<\/strong>&nbsp;permite incluir una protecci\u00f3n anti-spam reCAPTCHA en el formulario.&nbsp;<a href=\"https:\/\/doc.probance.com\/es\/tuto-es\/como-proteger-el-formulario-de-suscripcion-a-la-newsletter-con-recaptcha-v3-en-woocommerce\/\">Consulta nuestra gu\u00eda informativa para m\u00e1s informaci\u00f3n<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ancreH212\">1.2. Modificaci\u00f3n de las denominaciones y de los textos<\/h3>\n\n\n\n<blockquote class=\"wp-block-quote is-style-important is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Importante:<\/strong>&nbsp;los campos del formulario b\u00e1sico corresponden a las denominaciones que deben mostrarse en los idiomas para los que no se ha definido ninguna traducci\u00f3n. Si el sitio web est\u00e1 en<strong>&nbsp;franc\u00e9s<\/strong>, en&nbsp;<strong>espa\u00f1ol<\/strong>&nbsp;y\/o en&nbsp;<strong>ingl\u00e9s<\/strong>, es necesario pasar por el m\u00f3dulo&nbsp;<strong>Translations<\/strong>&nbsp;para modificar el valor de una denominaci\u00f3n o de un mensaje.<\/p>\n<\/blockquote>\n\n\n\n<p>Haz clic en el bot\u00f3n&nbsp;<strong>Translations<\/strong>&nbsp;a la derecha de un elemento para acceder al m\u00f3dulo.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2132\" height=\"995\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-27.png\" alt=\"\" class=\"wp-image-30230\" srcset=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-27.png 2132w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-27-300x140.png 300w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-27-1024x478.png 1024w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-27-768x358.png 768w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-27-1536x717.png 1536w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-27-2048x956.png 2048w\" sizes=\"auto, (max-width: 2132px) 100vw, 2132px\" \/><figcaption class=\"wp-element-caption\">Modificaci\u00f3n de la denominaci\u00f3n francesa de Subtitle<\/figcaption><\/figure>\n\n\n\n<p>Existen denominaciones predeterminadas en franc\u00e9s, ingl\u00e9s y espa\u00f1ol. Estos valores se pueden modificar en las pesta\u00f1as&nbsp;<strong>FR<\/strong>,&nbsp;<strong>EN<\/strong>&nbsp;y&nbsp;<strong>ES<\/strong>. Tambi\u00e9n se puede a\u00f1adir un idioma haciendo clic en la pesta\u00f1a +.<\/p>\n\n\n\n<p>Haz clic en&nbsp;<strong>Save<\/strong>&nbsp;para guardar las denominaciones y despu\u00e9s en&nbsp;<strong>Close<\/strong>&nbsp;para volver al formulario.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ancreH213\">1.3. Modificaci\u00f3n de la apariencia de los campos<\/h3>\n\n\n\n<p>El estilo del sitio web se aplica de forma predeterminada al formulario.&nbsp; No obstante, se puede ajustar la apariencia de cada elemento haciendo clic en el bot\u00f3n&nbsp;<strong>Properties&nbsp;<\/strong>correspondiente en la secci\u00f3n&nbsp;<strong>Newsletter Form<\/strong>. Este bot\u00f3n abre la ventana de personalizaci\u00f3n de CSS y de las clases para el elemento en cuesti\u00f3n donde se pueden definir las reglas de estilo que se aplicar\u00e1n.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-note is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Nota:<\/strong>&nbsp;Para esta personalizaci\u00f3n se necesitan conocimientos de HTML\/CSS. Para mantener la armon\u00eda entre el banner y el resto del sitio web es aconsejable limitar los cambios de estilo.<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2138\" height=\"992\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/11-4-FR.png\" alt=\"\" class=\"wp-image-30206\" srcset=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/11-4-FR.png 2138w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/11-4-FR-300x139.png 300w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/11-4-FR-1024x475.png 1024w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/11-4-FR-768x356.png 768w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/11-4-FR-1536x713.png 1536w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/11-4-FR-2048x950.png 2048w\" sizes=\"auto, (max-width: 2138px) 100vw, 2138px\" \/><figcaption class=\"wp-element-caption\">Ventana emergente de personalizaci\u00f3n de la denominaci\u00f3n y campo de texto Subtitle<\/figcaption><\/figure>\n\n\n\n<p>Las opciones de personalizaci\u00f3n dependen del elemento:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Main title y subtile: propiedades CSS de tipo de letra + tag HTML (h1, h2, h3, etc.)<\/li>\n\n\n\n<li>Labels: propiedades CSS de tipo de letra<\/li>\n\n\n\n<li>Input y Button: propiedades CSS de tipo de letra, focus y hover<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ancreH214\">1.4. Inclusi\u00f3n de la casilla de optin<\/h3>\n\n\n\n<p>Para cumplir con la normativa RGPD sobre optin, el formulario de suscripci\u00f3n a la newsletter debe contener una cl\u00e1usula donde se acepte expresamente recibir comunicaciones de marketing en la direcci\u00f3n de correo electr\u00f3nico facilitada.<\/p>\n\n\n\n<p>Para activar la casilla de optin en el formulario se debe acceder a la secci\u00f3n&nbsp;<strong>Web Elements<\/strong>&nbsp;de la p\u00e1gina&nbsp;<strong>Probance &gt; Optin<\/strong>, y marcar la opci\u00f3n&nbsp;<strong>Display checkbox into \u00abNewsletter\u00bb form<\/strong>.<\/p>\n\n\n\n<p>El campo&nbsp;<strong>Checkboxes labels<\/strong>&nbsp;permite modificar la denominaci\u00f3n de la casilla. Se debe tener en cuenta que este texto es com\u00fan para todas las casillas de verificaci\u00f3n mostradas por nuestro m\u00f3dulo Woocommerce, por lo que el cambio se aplicar\u00e1 a todas las p\u00e1ginas en las que se active la casilla de verificaci\u00f3n optin.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2114\" height=\"842\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-28.png\" alt=\"\" class=\"wp-image-30236\" srcset=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-28.png 2114w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-28-300x119.png 300w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-28-1024x408.png 1024w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-28-768x306.png 768w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-28-1536x612.png 1536w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-28-2048x816.png 2048w\" sizes=\"auto, (max-width: 2114px) 100vw, 2114px\" \/><\/figure>\n\n\n\n<p>La casilla se a\u00f1adir\u00e1 al final del formulario: permite a la persona que rellena el formulario confirmar que acepta recibir comunicaciones de marketing.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"736\" height=\"1045\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-29.png\" alt=\"\" class=\"wp-image-30239\" style=\"width:auto;height:600px\" srcset=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-29.png 736w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-29-211x300.png 211w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-29-721x1024.png 721w\" sizes=\"auto, (max-width: 736px) 100vw, 736px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"ancre2\">2. C\u00f3mo incluir el formulario en el sitio web<\/h2>\n\n\n\n<p>Para integrar el formulario en el sitio web s\u00f3lo hay que pegar el siguiente shortcode en el lugar en el que debe aparecer:&nbsp;<code>[probance_newsletter]<\/code><\/p>\n\n\n\n<p>Este shortcode puede utilizarse varias veces para mostrar el formulario en diferentes lugares del sitio web.<\/p>\n\n\n\n<p>Tambi\u00e9n se pueden a\u00f1adir par\u00e1metros a un shortcode para modificar el contenido y\/o la apariencia del formulario correspondiente (los formularios mostrados por otros shortcode no se ven afectados por estos cambios.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ancreH225\">2.1. Ocultar campos<\/h3>\n\n\n\n<p>Se puede ocultar un campo en el formulario a\u00f1adiendo el nombre del campo con el argumento \u00abfalse\u00bb en el shortcode.<\/p>\n\n\n\n<p>Por ejemplo, el shortcode&nbsp;<code>[probance_newsletter gender=\"false\" birthday=\"false\"]<\/code>mostrar\u00e1 un formulario donde los campos&nbsp;<em>G\u00e9nero<\/em>&nbsp;y&nbsp;<em>Fecha de nacimiento<\/em>&nbsp;estar\u00e1n ocultos:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"736\" height=\"805\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-30.png\" alt=\"\" class=\"wp-image-30242\" style=\"width:auto;height:600px\" srcset=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-30.png 736w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-30-274x300.png 274w\" sizes=\"auto, (max-width: 736px) 100vw, 736px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"ancreH226\">2.2. Modificar el formato<\/h3>\n\n\n\n<p>Se pueden a\u00f1adir reglas de estilo a un shortcode y modificar as\u00ed la apariencia del formulario.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>El par\u00e1metro<strong>&nbsp;block_style<\/strong>&nbsp;permite aplicar CSS en todo el banner (T\u00edtulo, subt\u00edtulo y formulario)<\/li>\n\n\n\n<li>El par\u00e1metro&nbsp;<strong>form_style<\/strong>&nbsp;permite aplicar CSS en el formulario (denominaciones, campos de texto, mensajes de error y bot\u00f3n)<\/li>\n<\/ul>\n\n\n\n<p>Por ejemplo, el shortcode&nbsp;<code>[probance_newsletter block_style=\"text-align: center\" form_style=\"padding: 15px; background-color: #3b3b3b; color: #f5f5f5; text-align: left;\"]<\/code>&nbsp;dar\u00e1:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"736\" height=\"805\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-31.png\" alt=\"\" class=\"wp-image-30245\" style=\"width:auto;height:600px\" srcset=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-31.png 736w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/01\/image-31-274x300.png 274w\" sizes=\"auto, (max-width: 736px) 100vw, 736px\" \/><\/figure>\n<div id=\"wpmem_restricted_msg\"><p>Este contenido est\u00e1 restringido a los miembros del sitio. Si eres un usuario existente, por favor, accede. Los nuevos usuarios pueden registrarse a continuaci\u00f3n.<\/p><\/div><div id=\"wpmem_login\"><a id=\"login\"><\/a><form action=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/woocommerce-configurar-un-formulario-de-suscripcion-a-la-newsletter\/\" method=\"POST\" id=\"wpmem_login_form\" class=\"form\"><input type=\"hidden\" id=\"_wpmem_login_nonce\" name=\"_wpmem_login_nonce\" value=\"f834b2436e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/es\/wp-json\/wp\/v2\/tutoriels\/30196\" \/><fieldset><legend>Acceso de usuarios existentes<\/legend><label for=\"log\">Nombre de usuario o correo electr\u00f3nico<\/label><div class=\"div_text\"><input name=\"log\" type=\"text\" id=\"log\" value=\"\" class=\"username\" required  \/><\/div><label for=\"pwd\">Contrase\u00f1a<\/label><div class=\"div_text\"><input name=\"pwd\" type=\"password\" id=\"pwd\" class=\"password\" required  \/><\/div><input name=\"a\" type=\"hidden\" value=\"login\" \/><input name=\"redirect_to\" type=\"hidden\" value=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/woocommerce-configurar-un-formulario-de-suscripcion-a-la-newsletter\/\" \/><div class=\"button_div\"><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/>&nbsp;<label for=\"rememberme\">Recu\u00e9rdame<\/label>&nbsp;&nbsp;<input type=\"submit\" name=\"Submit\" value=\"Acceder\" class=\"buttons\" \/><\/div><\/fieldset><\/form><\/div><div id=\"wpmem_reg\"><a id=\"register\"><\/a><form name=\"form\" method=\"post\" action=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/woocommerce-configurar-un-formulario-de-suscripcion-a-la-newsletter\/\" id=\"wpmem_register_form\" class=\"form\"><input type=\"hidden\" id=\"_wpmem_register_nonce\" name=\"_wpmem_register_nonce\" value=\"6cc3867c56\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/es\/wp-json\/wp\/v2\/tutoriels\/30196\" \/><fieldset><legend>Registro de un nuevo usuario<\/legend><label for=\"username\" class=\"text\">Elige un nombre de usuario<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"username\" type=\"text\" id=\"username\" value=\"\" class=\"textbox\" required  \/><\/div><label for=\"first_name\" class=\"text\">Nombre<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"first_name\" type=\"text\" id=\"first_name\" value=\"\" class=\"textbox\" required  \/><\/div><label for=\"last_name\" class=\"text\">Apellidos<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"last_name\" type=\"text\" id=\"last_name\" value=\"\" class=\"textbox\" required  \/><\/div><label for=\"user_email\" class=\"text\">Correo electr\u00f3nico<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"user_email\" type=\"email\" id=\"user_email\" value=\"\" class=\"textbox\" required  \/><\/div><input name=\"a\" type=\"hidden\" value=\"register\" \/><input name=\"wpmem_reg_page\" type=\"hidden\" value=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/woocommerce-configurar-un-formulario-de-suscripcion-a-la-newsletter\/\" \/><div class=\"button_div\"><input name=\"submit\" type=\"submit\" value=\"Registro\" class=\"buttons\" \/><\/div><div class=\"req-text\"><span class=\"req\">*<\/span>Campo necesario<\/div><\/fieldset><\/form><\/div>","protected":false},"excerpt":{"rendered":"<p>El conector Woocommerce permite crear un formulario de suscripci\u00f3n a newsletters que se integrar\u00e1 en tu sitio web y cuyas respuestas se enviar\u00e1n autom\u00e1ticamente a tu base de datos Probance. En este tutorial se explica c\u00f3mo crear el formulario y c\u00f3mo integrarlo en las p\u00e1ginas de tu sitio web. 1. Crear el formulario El contenido [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"template":"","sujets":[733],"class_list":["post-30196","tutoriels","type-tutoriels","status-publish","hentry","sujets-adquisicion"],"_links":{"self":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/tutoriels\/30196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/tutoriels"}],"about":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/types\/tutoriels"}],"author":[{"embeddable":true,"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/users\/6"}],"wp:attachment":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/media?parent=30196"}],"wp:term":[{"taxonomy":"sujets","embeddable":true,"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/sujets?post=30196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}