Formulario de casilla de verificación y editar documentos en línea

Cómo Formulario de casilla de verificación con DocHub

Si deseas aplicar un pequeño ajuste al documento, no debería requerir mucho tiempo para Formulario de casilla de verificación. Tal actividad básica no tiene que exigir educación adicional ni pasar por manuales para entenderla. Usando el instrumento adecuado para editar documentos, no gastarás más tiempo del necesario para un cambio tan rápido. Usa DocHub para simplificar tu proceso de edición, ya seas un usuario experimentado o si es tu primera vez utilizando un servicio de editor en línea. Este instrumento tomará minutos o así para aprender a Formulario de casilla de verificación. Lo único que necesitas para ser más efectivo con la edición es un perfil de DocHub.

Completa tus ediciones en varios pasos sencillos.

Ve al sitio web de DocHub y haz clic en el botón Registrarse.
Ingresa tu correo electrónico, crea una contraseña de seguridad, o usa tu cuenta de correo electrónico para registrarte.
Procede al Tablero una vez que la registración esté completa y haz clic en Nuevo Documento para Formulario de casilla de verificación.
Agrega el documento desde tus documentos o a través de un hipervínculo del espacio de almacenamiento en la nube elegido.
Selecciona el documento para abrirlo en modo de edición y usa las herramientas disponibles para hacer todos los cambios requeridos.
Justo después de editar, descarga el archivo en tu dispositivo o guárdalo en tus documentos junto con los últimos ajustes.

Un editor de documentos simple como DocHub puede ayudarte a optimizar el tiempo que necesitas dedicar a la edición de documentos, sin importar tu conocimiento previo de este tipo de recursos. ¡Crea una cuenta ahora y aumenta tu eficiencia al instante con DocHub!

Edición de PDF simplificada con DocHub

Edición de PDF sin complicaciones

Editar un PDF es tan simple como trabajar en un documento de Word. Puedes agregar texto, dibujos, resaltados y ocultar o anotar tu documento sin afectar su calidad. Sin texto rasterizado ni campos eliminados. Usa un editor de PDF en línea para obtener tu documento perfecto en minutos.

Trabajo en equipo fluido

Colabora en documentos con tu equipo usando un dispositivo de escritorio o móvil. Permite que otros vean, editen, comenten y firmen tus documentos en línea. También puedes hacer tu formulario público y compartir su URL en cualquier lugar.

Guardado automático

Cada cambio que realices en un documento se guarda automáticamente en la nube y se sincroniza en todos los dispositivos en tiempo real. No es necesario enviar nuevas versiones de un documento o preocuparse por perder información.

Integraciones de Google

DocHub se integra con Google Workspace para que puedas importar, editar y firmar tus documentos directamente desde tu Gmail, Google Drive y Dropbox. Cuando termines, exporta documentos a Google Drive o importa tu libreta de direcciones de Google y comparte el documento con tus contactos.

Potentes herramientas de PDF en tu dispositivo móvil

Mantén tu trabajo en marcha incluso cuando estés lejos de tu ordenador. DocHub funciona en móvil con la misma facilidad que en escritorio. Edita, anota y firma documentos desde la comodidad de tu teléfono inteligente o tableta. No es necesario instalar la aplicación.

Compartición y almacenamiento de documentos seguros

Comparte, envía por correo electrónico y envía documentos por fax instantáneamente de una manera segura y conforme. Establece una contraseña, coloca tus documentos en carpetas encriptadas y habilita la autenticación del destinatario para controlar quién tiene acceso a tus documentos. Una vez finalizado, mantiene tus documentos seguros en la nube.

Aumenta la eficiencia con el complemento DocHub para Google Workspace

Accede a documentos y edítalos, fírmalos y compártelos directamente desde tus aplicaciones de Google favoritas.

Instalar ahora

Cómo hacer formulario de casilla de verificación

4.7 de 5

47 votos

hola a todos, Jamie aquí de technical cafe.com, bienvenidos a su 16º tutorial de HTML. En el tutorial anterior hablamos sobre cómo crear formularios HTML. En el ejemplo que usamos, había un formulario de inicio de sesión donde los usuarios podían ingresar su nombre de usuario, contraseña y luego hacer clic en el botón de inicio de sesión. Así que el formulario que vamos a usar hoy es un poco diferente, es un formulario de registro y acabo de crear un ejemplo. Así que lo que esto va a contener son los campos para un nombre de usuario, una contraseña y luego vamos a agregar dos opciones que son género usando botones de opción aquí, para que el usuario solo pueda elegir una opción, y comida favorita, y va a permitir al usuario hacer clic en tantas como aplique. Así que los campos de nombre de usuario y contraseña que tenemos aquí, así como el botón de registro, son bastante similares a lo que estábamos trabajando en el último tutorial. Así que si no lo has visto, puedes revisar el último tutorial que lo repasaremos de nuevo en este también. Así que estos a la derecha h

¿Tienes preguntas?

A continuación, algunas preguntas comunes de nuestros clientes que pueden proporcionarte la respuesta que buscas. Si no puedes encontrar una respuesta a tu pregunta, no dudes en ponerte en contacto con nosotros.

Contacto

¿Cómo crear un formulario de casilla de verificación en HTML?

La forma más sencilla de crear una casilla de verificación en HTML es utilizando la etiqueta de entrada. Hemos establecido el tipo de entrada en casilla de verificación como puedes ver en el código de ejemplo. El atributo name nos permite dar un nombre a la casilla de verificación, y con el atributo value, especificamos el valor que contiene.

¿Cómo creo un formulario de casilla de verificación?

El elemento del formulario de casilla de verificación se crea especificando el atributo type=checkbox en la etiqueta. Crea una casilla de verificación en el formulario, que solo tiene dos valores; encendido o apagado. Por defecto, el estado del elemento del formulario de casilla de verificación está apagado (en blanco) pero cuando usas el atributo checked en la etiqueta, se selecciona por defecto.

¿Cómo marco una casilla de verificación en HTML?

El atributo checked es un atributo booleano. Cuando está presente, especifica que un elemento debe estar preseleccionado (marcado) cuando se carga la página. El atributo checked se puede usar con y

. El atributo checked también se puede establecer después de la carga de la página, con JavaScript.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="3" data-qa-tag="faq-tab-4">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo crear una casilla de verificación en HTML CSS?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-4-content">HTML-CSS: Casilla de verificación personalizada Usa un elemento <div> para crear la marca y insértalo a través del elemento <svg> para crear un ícono SVG reutilizable. Crea un <input> oculto. Oculta el elemento y usa la etiqueta asociada con él para mostrar una casilla de verificación y el texto proporcionado.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="4" data-qa-tag="faq-tab-5">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo hago que una casilla de verificación sea clickeable en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-5-content">Es posible crear una casilla de verificación con una etiqueta clickeable. Agrega CSS Usa las propiedades background-color, border y color. Agrega padding y margin. Establece el text-align en center y el display en inline-block. Especifica las propiedades font-size y cursor.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="5" data-qa-tag="faq-tab-6">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo creo un formulario de casilla de verificación?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-6-content">El elemento del formulario de casilla de verificación se crea especificando el atributo type=checkbox en la etiqueta. Crea una casilla de verificación en el formulario, que solo tiene dos valores; encendido o apagado. Por defecto, el estado del elemento del formulario de casilla de verificación está apagado (en blanco) pero cuando usas el atributo checked en la etiqueta, se selecciona por defecto.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="6" data-qa-tag="faq-tab-7">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo puedo pasar múltiples valores de casillas de verificación?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-7-content">Inserta múltiples valores de casillas de verificación en la base de datos usando PHP Crea un formulario HTML, testpost.php, con múltiples casillas de verificación como se muestra a continuación. Selecciona múltiples casillas de verificación como se muestra a continuación. Ahora haz clic en el botón de enviar y se mostrará un popup para confirmación como se muestra a continuación. Salida. Inserta el valor de la casilla de verificación en la base de datos.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="7" data-qa-tag="faq-tab-8">
                        <div class="accordion__panel-status"></div>
                        ¿Qué etiqueta crea una casilla de verificación en un formulario HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-8-content">El objeto Input Checkbox representa un elemento HTML con type=checkbox.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="8" data-qa-tag="faq-tab-9">
                        <div class="accordion__panel-status"></div>
                        ¿Cuál es el formulario HTML para la casilla de verificación?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-9-content">La <input> define una casilla de verificación. La casilla de verificación se muestra como un cuadro cuadrado que está marcado (seleccionado) cuando se activa. Las casillas de verificación se utilizan para permitir que un usuario seleccione una o más opciones de un número limitado de elecciones.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="9" data-qa-tag="faq-tab-10">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo pasar el valor de la casilla de verificación 0 si no está marcada y 1 si está marcada en PHP?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-10-content">Agrega una entrada oculta que tenga el mismo nombre que la casilla de verificación con el valor de 0 ANTES de la casilla de verificación. Si la casilla de verificación está desmarcada, se utilizará el valor del campo oculto, si está marcada se utilizará el valor de la casilla de verificación.</div>
                </div>
                            </div>
        </div>
    </div>
</section>
    <section class="page-section page-section--customers-reviews">
    <div class="page-section__inner">
                    <h2 class="section-title">Ve por qué nuestros clientes eligen DocHub</h2>
                <div class="user-reviews">
            <div class="user-reviews__item">
                <div class="user-review">
                    <div class="user-review__header">
                        <div class="rating">
                            <div class="rating__stars">
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-half-filled"></div>
                            </div>
                        </div>
                        <div class="user-review__platform-logo"></div>
                    </div>
                    <div class="user-review__body">
                        <div class="user-review__title">Gran solución para documentos PDF con muy poco conocimiento previo requerido.</div>
                        <div class="user-review__message">"Simplicidad, familiaridad con el menú y fácil de usar. Es fácil de navegar, hacer cambios y editar lo que necesites. Como se utiliza junto a Google, el documento siempre se guarda, así que no tienes que preocuparte por ello."</div>
                        <div class="user-review__author">
                            <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/239/images/_pages/functionality/icons/photo-pam@2x.png" alt="" loading="lazy"></div>
                            <div class="user-review__author-name"><b>Pam Driscoll F</b><br>Profesora</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="user-reviews__item">
                <div class="user-review">
                    <div class="user-review__header">
                        <div class="rating">
                            <div class="rating__stars">
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-half-filled"></div>
                            </div>
                        </div>
                        <div class="user-review__platform-logo"></div>
                    </div>
                    <div class="user-review__body">
                        <div class="user-review__title">Un valioso firmador de documentos para pequeñas empresas.</div>
                        <div class="user-review__message">"Me encanta que DocHub sea increíblemente asequible y personalizable. Realmente hace todo lo que necesito, sin un gran precio como algunos de sus competidores más conocidos. Puedo enviar documentos seguros directamente a los correos electrónicos de mis clientes y en tiempo real cuando están viendo y haciendo alteraciones a un documento."</div>
                        <div class="user-review__author">
                            <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/239/images/_pages/functionality/icons/photo-jiovany@2x.png" alt="" loading="lazy"></div>
                            <div class="user-review__author-name"><b>Jiovany A</b><br>Pequeña Empresa</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="user-reviews__item">
                <div class="user-review">
                    <div class="user-review__header">
                        <div class="rating">
                            <div class="rating__stars">
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-filled"></div>
                                <div class="rating__star is-half-filled"></div>
                            </div>
                        </div>
                        <div class="user-review__platform-logo"> </div>
                    </div>
                    <div class="user-review__body">
                        <div class="user-review__title">Puedo crear copias rellenables para las plantillas que selecciono y luego puedo publicarlas.</div>
                        <div class="user-review__message">"Me gusta trabajar y organizar mi trabajo de la manera adecuada para cumplir e incluso superar las demandas que se hacen a diario en la oficina, así que disfruto trabajar con archivos PDF, creo que son más profesionales y versátiles, permiten..."</div>
                        <div class="user-review__author">
                            <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/239/images/_pages/functionality/icons/photo-victoria@2x.png" alt="" loading="lazy"></div>
                            <div class="user-review__author-name"><b>Victoria G</b><br>Pequeña Empresa</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="page-section page-section--security-block">
        <div class="page-section__inner">
            <div class="security-block__description">
                <h2 class="section-title">Seguridad y cumplimiento</h2>
                <p class="section-subtitle">En DocHub, la seguridad de tus datos es nuestra prioridad. Seguimos HIPAA, SOC2, GDPR y otros estándares, para que puedas trabajar en tus documentos con confianza.</p>
                <a class="button" href="https://www.dochub.com/es/security">Aprende más</a>
            </div>
            <div class="security-block__decoration">
                <div class="decoration__item"><img src="https://cdn.mrkhub.com/dochub-frontend/239/images/_modules/section-security/logo-ccpa-2.svg" alt="ccpa2" width="56" height="56" loading="lazy"></div>
                <div class="decoration__item"><img src="https://cdn.mrkhub.com/dochub-frontend/239/images/_modules/section-security/logo-pci.svg" alt="pci-dss" width="56" height="56" loading="lazy"></div>
                <div class="decoration__item"><img src="https://cdn.mrkhub.com/dochub-frontend/239/images/_modules/section-security/logo-gdpr.svg" alt="gdpr-compliance" width="56" height="56" loading="lazy"></div>
                <div class="decoration__item"><img src="https://cdn.mrkhub.com/dochub-frontend/239/images/_modules/section-security/logo-hipaa.svg" alt="hipaa" width="56" height="56" loading="lazy"></div>
                <div class="decoration__item"><img src="https://cdn.mrkhub.com/dochub-frontend/239/images/_modules/section-security/logo-soc.svg" alt="soc-compliance" width="56" height="56" loading="lazy"></div>
            </div>
        </div>
    </section>

<section class="page-section page-section--c2a-get-form">
        <div class="page-section__inner">
            <div class="section-title-preamble">esté listo para obtener más</div>
            <h4 class="section-title">Edita y firma PDF<span class="section-title__accent">gratis</span></h4>
            <a class="button"
               tabindex="0"
               data-qa-tag="button-cta-get-started"
               data-sks-track="trackBeforeAction"
               href="https://dochub.com/es/sign-up"
               data-metric-ab-tower="dh_lp_sign_up_buttons_in_lp_functionalities"
               >Empieza ahora</a>
        </div>
    </section>
    
        </main>

<div class="page__footer">
                        <div class="page-section page-section--footer">
            <div class="page-section__inner">
                <div class="footer-section">
                    <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/239/images/logos/dochub-reverse-2025.svg" alt="DocHub" width="104" height="24" loading="lazy"></div>
                    <div class="footer-section footer-section--only-tablet"><a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a>
                        <div class="footer-contact-address">17 Station Street, Ste. 203, Brookline, MA 02445</div>
                        <div class="socials-list lazy-background">
                            <div class="socials-list__item"><a class="socials-link socials-link--twitter" href="https://x.com/dochub">Síguenos</a></div>
                        </div>
                    </div>

<div class="copyright-caption">© 2026 DocHub, LLC</div>
                    <div class="copyright-caption">Todos los derechos reservados.</div>
                </div>
                <div class="footer-section">
    <div class="footer-section-title">Productos</div>
    <div class="footer-menu">
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/pdf-editor">Editor de PDF</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/pdf-forms">Formularios y plantillas</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/sign-documents">Firmar documentos</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.statuspage.io/">Estado del servidor</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/es/pricing">Precios</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/fillable-form">Biblioteca de formularios</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/main-features">Características</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/functionality">Funciones</a></div>
    </div>
</div>
<div class="footer-section">
    <div class="footer-section-title">Empresa</div>
    <div class="footer-menu">
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/about-us">Acerca de</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://legal.dochub.com/es/terms">Términos de Servicio</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://legal.dochub.com/es/privacy-notice">Aviso de privacidad</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://legal.dochub.com/es/">Centro Legal</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/legal">Cumplimiento de Firma Electrónica</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.com/helpdesk">Asistencia</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/es/release-notes">Notas de publicación</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" href="https://policies.airslate.com/bug-bounty-program">Programa de recompensas por errores</a></div>
    </div>
</div>
<div class="footer-section">
    <div class="footer-section-title">Recursos</div>
    <div class="footer-menu">
        <div class="footer-menu__item"><a class="footer-menu__link" target="_blank" href="https://www.dochub.com/blog">pdfFiller</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.dochub.com/es/mobile-app">Aplicación móvil DocHub</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.pdffiller.com/">pdfFiller</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.uslegalforms.com/">US Legal Forms</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.signnow.com/">SignNow</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://altaflow.com">altaFlow</a></div>
        <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://instapage.com">Instapage</a></div>
    </div>
</div>
                <div class="footer-section">
                    <div class="footer-section-title">¿Qué hay de nuevo?</div>
                    <div class="text-label text-label text-label--new">Nuevo</div>
                    <div class="release-note-caption">DocHub v7.12.0 - ✨ Edición visual, edición inteligente, búsqueda semántica, listas con viñetas y más</div>
                </div>
                <div class="footer-section footer-section--only-desktop">
                    <div class="footer-section-title footer-section-title--mobile-only">Contáctanos</div>
                    <a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a>
                    <div class="footer-contact-address">17 Station Street, Ste. 203, Brookline, MA 02445</div>
                    <div class="socials-list lazy-background">
                        <div class="socials-list__item">
                            <a class="socials-link socials-link--twitter" rel="noopener" target="_blank"  href="https://x.com/dochub">Síguenos</a>
                        </div>
                    </div>
                </div>
                <div class="footer-section app-buttons app-buttons--mobile">
                    <a class="app-buttons__google-play"
                       href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer"
                       rel="noopener"
                       target="_blank">
                        <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/239/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy">
                    </a>
                    <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" rel="noopener" target="_blank">
                        <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/239/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="135" height="40" loading="lazy">
                    </a>
                </div>
            </div>
            <div class="page-section__inner page-section__inner--footer-mobile-only">
                <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/239/images/logos/dochub-reverse-2025.svg" alt="DocHub" width="104" height="24" loading="lazy"></div>
                <div class="copyright-caption">© 2026 DocHub, LLC</div>
                <div class="copyright-caption">Todos los derechos reservados.</div>
            </div>
        </div>
    </div>

<div class="popup-cookie popup-cookie__v2" role="dialog" aria-labelledby="cookie-banner-title" aria-describedby="cookie-banner-description">
    <button class="popup-cookie__close js-popup-close" type="button" title="Close cookie banner" aria-label="Close cookie banner"></button>
    <div class="popup-cookie__row">
        <div class="popup-cookie__column popup-cookie__column--description">
            <div class="popup-text" id="cookie-banner-description">
                <span class="visually-hidden" id="cookie-banner-title">Cookie consent notice</span>
                This site uses cookies to enhance site navigation and personalize your experience.
                By using this site you agree to our use of cookies as described in our <a href="https://legal.dochub.com/privacy-notice" title="Cookie Privacy Notice" target="_blank" aria-label="Privacy Notice - opens in new window">Privacy Notice</a>.
                You can modify your selections by visiting our <a href="https://legal.dochub.com/cookie-notice" title="Cookie Advertising Notice" target="_blank" aria-label="Cookie and Advertising Notice - opens in new window">Cookie and Advertising Notice</a>.

</div>
        </div>
        <div class="popup-cookie__column popup-cookie__column--action"><span class="button button__bordered js-popup-accept" tabindex="0">Accept</span></div>
    </div>
</div>

if (type === 'SUCCESS' || type === 'GO_TO_EDITOR') {
            setExternalGuestId('https://www.pdffiller.com/api_v3/abTest/setExternalGuestId', uploadData);

window.dataLayer = window.dataLayer || [];
            window.dataLayer.push({
                event: "CE_file_navigate",
            })

sksTracker.trackBeforeAction();

sendMetricWithRedirect({
                abTower: 'dh_pdffiler_editor_before_redirect',
                dataDog: 'dh_pdffiler_editor_before_redirect',
            }, 'https://www.dochub.com/api/send-metrics')
                .then(() => {
                    window.location.href = redirectLink;
                })
                .catch(() => {
                    console.log("sendMetricWithRedirect: Failed to send metrics");
                    window.location.href = redirectLink;
                });
        }

return true;
    };

window.sendMetric = (metrics = {}, route = '/api/send-metrics') => {
        let ajax = new XMLHttpRequest();
        ajax.open('POST', route, true);
        ajax.setRequestHeader('Content-Type', 'application/json');
        ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content);
        ajax.send(JSON.stringify(metrics));
    };

var setExternalGuestId = function (url, uploadData) {
        var ajax = new XMLHttpRequest();
        var body = {
            'guestId': '618351b591.1791901448'
        };
        ajax.open('POST', url, true);
        ajax.setRequestHeader('userid', uploadData.auth.userId);
        ajax.setRequestHeader('token', uploadData.auth.token);
        ajax.setRequestHeader('appkey', uploadData.auth.appKey);
        ajax.setRequestHeader('Content-Type', 'application/json');
        ajax.send(JSON.stringify(body));
    };

function sendAbTestEvent() {
        window.sendMetric({
            abTower: 'dh_pdffiler_editor_start_uploading',
            dataDog: 'dh_pdffiler_editor_start_uploading',
        }, 'https://www.dochub.com/api/send-metrics');
    }

function sendDataLayerEvent() {
        window.dataLayer = window.dataLayer || [];
        window.dataLayer.push({
            event: "CE_file_upload",
        })
    }

initUploader({
        localePrefix: 'DOCHUB_',
        app: 'DOCHUB_MAIN_FEATURES',
        features: ["@UPLOADER\/UPLOAD"],
        api: {
            base: 'https://www.pdffiller.com',
            ws: {
                host: 'wss://mm-websocket.pdffiller.com',
                port: '443',
            },
        },
        auth: {
            appKey: 'klwlq3h4jfi8.apps.dochub.v1.0'
        },
        multiple: 1,
        lang: 'es',
        callbacks: {
            end: openEditor,
            request: runTemplateSuggestion
        },
        hooks: {
            data: {
                request: [
                    () => ({
                        origin: "https://www.dochub.com/",
                        pre_editor_request: true,
                        redirect: true,
                    }),
                ],
                modalOpen: [getUserEmail, isUserLogged, isUserPaid]
            },
            actions: {
                startUploading: [sendAbTestEvent, sendDataLayerEvent],
            },
            stat: sendStat,
        },
    });
</script>
    
                        <script src="https://cdn.mrkhub.com/dochub-frontend/239/javascripts/main.js"></script>

Formulario de casilla de verificación fácilmente