[et_pb_section fb_built=\u00bb1″ admin_label=\u00bbsection\u00bb _builder_version=\u00bb3.22″][et_pb_row admin_label=\u00bbrow\u00bb _builder_version=\u00bb4.9.1″ background_size=\u00bbinitial\u00bb background_position=\u00bbtop_left\u00bb background_repeat=\u00bbrepeat\u00bb custom_padding=\u00bb||0px|||\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb3.25″ custom_padding=\u00bb|||\u00bb custom_padding__hover=\u00bb|||\u00bb][et_pb_text _builder_version=\u00bb4.9.1″]<\/p>\n
La integridad y el consentimiento de los datos personales han sido un tema candente durante mucho tiempo (\u00bfalguien dijo GDPR?). Aqu\u00ed hay un tutorial sobre c\u00f3mo crear una casilla de verificaci\u00f3n obligatoria con un enlace a tu Pol\u00edtica de privacidad o T\u00e9rminos y condiciones de uso para tus formularios Divi<\/a>.<\/b><\/p>\n Publicaci\u00f3n relacionada: 7 consejos para mejorar tus formularios Divi en WordPress<\/a><\/p>\n<\/blockquote>\n Publicaci\u00f3n relacionada: C\u00f3mo aplicar estilo al mensaje de \u00e9xito del formulario Divi + Dos ejemplos<\/a><\/p>\n<\/blockquote>\n [\/et_pb_text][dsm_icon_list _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb][\/dsm_icon_list][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb2_3,1_3″ _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb0px|||||\u00bb][et_pb_column type=\u00bb2_3″ _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb][et_pb_text _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb]<\/p>\n Tambi\u00e9n cubriremos c\u00f3mo hacer que el enlace se abra en una nueva pesta\u00f1a<\/a> y c\u00f3mo aplicar estilo al enlace.<\/a><\/p>\n 1. <\/strong>Empieza por crear su Pol\u00edtica de privacidad o la p\u00e1gina de T\u00e9rminos y condiciones de uso.<\/p>\n Cuando instalas WordPress, se crea un borrador autom\u00e1tico que puedes usar como punto de partida, pero debes verificar el texto con un experto legal para estar seguro.<\/em><\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb]<\/p>\n 2. <\/strong>Crea tu formulario insertando un m\u00f3dulo de formulario de contacto<\/strong> Divi en tu p\u00e1gina.<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_3″ _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb][et_pb_image src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2021\/03\/divi-contact-form.jpg\u00bb alt=\u00bbInsertar un formulario de contacto Divi\u00bb title_text=\u00bbInsertar un formulario de contacto Divi\u00bb show_in_lightbox=\u00bbon\u00bb _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||12px||false|false\u00bb border_radii=\u00bbon|10px|10px|10px|10px\u00bb box_shadow_style=\u00bbpreset1″][\/et_pb_image][et_pb_text _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb text_font=\u00bb||on||||||\u00bb text_font_size=\u00bb15px\u00bb text_orientation_tablet=\u00bbcenter\u00bb text_orientation_phone=\u00bb\u00bb text_orientation_last_edited=\u00bbon|tablet\u00bb]<\/p>\n Inserta tu m\u00f3dulo Divi Form.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb0px|||||\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb][et_pb_text _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb]<\/p>\n 3. <\/strong>Ahora es el momento de agregar la casilla de verificaci\u00f3n como \u00faltimo campo de formulario en la configuraci\u00f3n de contenido del m\u00f3dulo de formulario haciendo clic en Agregar nuevo campo<\/strong>.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb locked=\u00bboff\u00bb]<\/p>\n 4<\/strong>. Escribe \u00abpol\u00edtica\u00bb o algo as\u00ed en el campo ID<\/strong> de campo (este texto es solo para la base de datos y no es visible para tus visitantes). Si no deseas mostrar un t\u00edtulo sobre la casilla de verificaci\u00f3n de consentimiento, simplemente agrega un espacio en blanco en el campo T\u00edtulo<\/strong>.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_2,1_2″ _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb||0px|||\u00bb][et_pb_column type=\u00bb1_2″ _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb][et_pb_image src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2021\/03\/insert-new-field.jpg\u00bb alt=\u00bbAgregar un nuevo campo de formulario\u00bb title_text=\u00bbAgregar un nuevo campo de formulario\u00bb show_in_lightbox=\u00bbon\u00bb _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||12px||false|false\u00bb border_radii=\u00bbon|10px|10px|10px|10px\u00bb box_shadow_style=\u00bbpreset1″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb text_font=\u00bb||on||||||\u00bb text_font_size=\u00bb15px\u00bb text_orientation_tablet=\u00bbcenter\u00bb text_orientation_phone=\u00bb\u00bb text_orientation_last_edited=\u00bbon|tablet\u00bb locked=\u00bboff\u00bb]<\/p>\n Puedes agregar tantos campos como desees a tu formulario. Solo aseg\u00farate de colocar la casilla de verificaci\u00f3n de consentimiento en la parte inferior.<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_2″ _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb][et_pb_image src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2021\/03\/field-settings-divi-form.jpg\u00bb alt=\u00bbAgrega tu ID de formulario y el t\u00edtulo de la casilla de verificaci\u00f3n\u00bb title_text=\u00bbAgrega tu ID de formulario y el t\u00edtulo de la casilla de verificaci\u00f3n\u00bb show_in_lightbox=\u00bbon\u00bb _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||12px||false|false\u00bb border_radii=\u00bbon|10px|10px|10px|10px\u00bb box_shadow_style=\u00bbpreset1″ global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb text_font=\u00bb||on||||||\u00bb text_font_size=\u00bb15px\u00bb text_orientation_tablet=\u00bbcenter\u00bb text_orientation_phone=\u00bb\u00bb text_orientation_last_edited=\u00bbon|tablet\u00bb locked=\u00bboff\u00bb]<\/p>\n Si dejas el campo T\u00edtulo<\/strong> vac\u00edo, mostrar\u00e1 el t\u00edtulo \u00abNuevo campo\u00bb, algo que no queremos. Simplemente ingresa un espacio en blanco en este campo y listo.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb||0px|||\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb][et_pb_text _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb]<\/p>\n 5. <\/strong>Despl\u00e1zate hacia abajo y abre la pesta\u00f1a Opciones de campo<\/strong>. Elige las casillas de verificaci\u00f3n<\/strong> como tipo.<\/p>\n Ahora es el momento de agregar tu texto de consentimiento y el enlace a tu p\u00e1gina de Pol\u00edtica de privacidad.<\/em><\/p>\n 6.<\/strong> Comienza agregando el texto que debe aparecer antes<\/em>del enlace de su pol\u00edtica, por ejemplo: \u00abHe le\u00eddo y acepto<\/em>\u00ab.<\/p>\n Ten en cuenta que he terminado la frase con un espacio en blanco<\/strong> para agregar un espacio entre el texto y el pr\u00f3ximo enlace.<\/em><\/p>\n 7.<\/strong> \u00bfHas notado el peque\u00f1o icono de enlace gris en el campo Opciones<\/strong> de la casilla de verificaci\u00f3n? Es f\u00e1cil pasarlo por alto. Haz clic en el icono para agregar el enlace a tu p\u00e1gina de Pol\u00edtica de privacidad justo despu\u00e9s del texto de la casilla de verificaci\u00f3n anterior.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=\u00bb1_2,1_2″ _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb][et_pb_column type=\u00bb1_2″ _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb][et_pb_image src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2021\/03\/link-icon-in-form.jpg\u00bb alt=\u00bbAgrega un enlace a tu Pol\u00edtica de privacidad o T\u00e9rminos y condiciones de uso en tu formulario Divi\u00bb title_text=\u00bbAgrega un enlace a tu Pol\u00edtica de privacidad o T\u00e9rminos y condiciones de uso en tu formulario Divi\u00bb show_in_lightbox=\u00bbon\u00bb _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||12px||false|false\u00bb border_radii=\u00bbon|10px|10px|10px|10px\u00bb box_shadow_style=\u00bbpreset1″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb text_font=\u00bb||on||||||\u00bb text_font_size=\u00bb15px\u00bb text_orientation_tablet=\u00bbcenter\u00bb text_orientation_phone=\u00bb\u00bb text_orientation_last_edited=\u00bbon|tablet\u00bb locked=\u00bboff\u00bb]<\/p>\n Aqu\u00ed est\u00e1 la funci\u00f3n oculta donde puedes agregar f\u00e1cilmente un enlace a tu Pol\u00edtica de privacidad o T\u00e9rminos y condiciones de uso. \u00a1Estupendo!<\/p>\n [\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_2″ _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb][et_pb_image src=\u00bbhttps:\/\/diviguiden.se\/wp-content\/uploads\/2021\/03\/divi-option-link.jpg\u00bb alt=\u00bbDivis modul f\u00f6r kontaktformul\u00e4r\u00bb title_text=\u00bbDivis modul f\u00f6r kontaktformul\u00e4r\u00bb show_in_lightbox=\u00bbon\u00bb _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||12px||false|false\u00bb border_radii=\u00bbon|10px|10px|10px|10px\u00bb box_shadow_style=\u00bbpreset1″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb text_font=\u00bb||on||||||\u00bb text_font_size=\u00bb15px\u00bb text_orientation_tablet=\u00bbcenter\u00bb text_orientation_phone=\u00bb\u00bb text_orientation_last_edited=\u00bbon|tablet\u00bb locked=\u00bboff\u00bb]<\/p>\n Agrega la URL en el primer campo y el texto de tu enlace en el segundo campo. <\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb0px||0px|||\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb][et_pb_text _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb]<\/p>\n 8. <\/strong>Ahora tienes la opci\u00f3n de agregar la URL del enlace en el primer campo y el texto del enlace, por ejemplo, Pol\u00edtica de privacidad, en el segundo campo.<\/p>\n Si no agregas ning\u00fan texto de enlace<\/strong>, en su lugar se mostrar\u00e1 un \u00edcono de enlace ordenado en la interfaz. <\/em><\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb]<\/p>\n 9. <\/strong>Guarda los cambios y aseg\u00farate de que el campo de la casilla de verificaci\u00f3n est\u00e9 marcado como Campo obligatorio<\/strong> para que sea obligatorio.<\/p>\n 10.<\/strong> Guarda la p\u00e1gina y aseg\u00farate de que el enlace realmente funcione en la interfaz antes de tomar una taza de caf\u00e9 bien merecida.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb||0px|||\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb][et_pb_text _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb]<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2021\/03\/divi-form-with-checkbox-link.jpg\u00bb alt=\u00bbUn formulario Divi con una casilla de verificaci\u00f3n y un enlace\u00bb title_text=\u00bbUn formulario Divi con una casilla de verificaci\u00f3n y un enlace\u00bb show_in_lightbox=\u00bbon\u00bb _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||12px||false|false\u00bb border_radii=\u00bbon|10px|10px|10px|10px\u00bb box_shadow_style=\u00bbpreset1″ global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb text_font=\u00bb||on||||||\u00bb text_font_size=\u00bb15px\u00bb text_orientation_tablet=\u00bbcenter\u00bb text_orientation_phone=\u00bb\u00bb text_orientation_last_edited=\u00bbon|tablet\u00bb locked=\u00bboff\u00bb]<\/p>\n Este dise\u00f1o de formulario proviene del paquete de dise\u00f1o del libro electr\u00f3nico<\/a> de Elegant Themes<\/a>.<\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_id=\u00bbopen-in-new-tab\u00bb _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb||0px|||\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.9.1″ _module_preset=\u00bbdefault\u00bb][et_pb_text _builder_version=\u00bb4.9.2″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ sticky_enabled=\u00bb0″]<\/p>\n \u00bfHas notado que el enlace Pol\u00edtica de privacidad se abre en la pesta\u00f1a principal<\/em>? Nunca es una buena idea sacar a un usuario de su p\u00e1gina en medio de un formulario; Existe el riesgo de que se restablezca el formulario y es posible que el usuario no tenga el tiempo o la voluntad de rehacer todo desde cero.<\/p>\n No hay configuraciones para abrir el enlace en una nueva pesta\u00f1a en el m\u00f3dulo de formulario Divi, pero no te preocupes. Lo resolveremos con algunas l\u00edneas de JavaScript:<\/p>\n\n
\n
El campo de tu casilla de verificaci\u00f3n deber\u00eda verse as\u00ed<\/h3>\n
Bonus #1: Abre el enlace en una nueva pesta\u00f1a<\/h2>\n